body { font-family: Arial, sans-serif; background: #f5f6f8; margin: 0; padding: 24px; }
        .wrap { max-width: 980px; margin: 0 auto; background: #fff; padding: 28px; border-radius: 12px; box-shadow: 0 4px 18px rgba(0,0,0,.08); }
        h1, h2 { margin-top: 0; }
        h2 { margin-top: 28px; border-bottom: 1px solid #ddd; padding-bottom: 8px; }
        .grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
        .full { grid-column: 1 / -1; }
        label { display: block; font-weight: 600; margin-bottom: 6px; }
        input, select { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #cfd4da; border-radius: 8px; }
        input[type="checkbox"] { width: auto; }
        .checkbox-row { display: flex; align-items: center; gap: 8px; margin: 12px 0; }
        .hint { color: #666; font-size: 13px; margin-top: 4px; }
        .actions { margin-top: 28px; }
        button { background: #1f5ea8; color: #fff; border: 0; padding: 12px 22px; border-radius: 8px; cursor: pointer; font-size: 16px; }
        #responsableFields.hidden { display: none; }
        .debug-note { background: #fff8db; border: 1px solid #ead98c; padding: 12px; border-radius: 8px; margin-bottom: 20px; font-size: 14px; }
        @media (max-width: 720px) { .grid { grid-template-columns: 1fr; } }
.actions button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}