:root{--brand-red:#cb2128;--brand-orange:#da802d;--brand-lime:#b0cc49;--brand-yellow:#fff02d;--brand-blue:#638dc8;--brand-dark:#262424;--text:var(--brand-dark);--text-muted:#6b6b6b;--bg:#f4f5f7;--surface:#fff;--border:#e2e2e6;--accent:#2f5aa0;--accent-hover:#24487f;--accent-soft:#638dc824;--accent-contrast:#fff;--danger:var(--brand-red);--danger-bg:#fbe4e4;--success:#4f7a1f;--success-bg:#eaf3d9;--warning:#a35a12;--warning-bg:#fbe6d2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e9e9ec;--text-muted:#a6a6ad;--bg:#18191d;--surface:#212227;--border:#33343a;--accent:#7fa8de;--accent-hover:#9cbcea;--accent-soft:#7fa8de29;--accent-contrast:#0e1013;--danger:#ff8079;--danger-bg:#cb21282e;--success:#b3d17a;--success-bg:#b0cc4929;--warning:#e8a35c;--warning-bg:#da802d29}}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0}button{font:inherit;cursor:pointer;background:var(--accent);color:var(--accent-contrast);border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:background-color .15s,opacity .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}button:disabled{opacity:.6;cursor:default}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}a{color:var(--accent)}.app-header{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex;position:sticky;top:0}.app-header:after{content:"";background:linear-gradient(90deg, var(--brand-red), var(--brand-orange), var(--brand-yellow), var(--brand-lime), var(--brand-blue));height:3px;position:absolute;bottom:-3px;left:0;right:0}.app-header-brand{align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.app-header-logo-chip{background:#fff;border-radius:6px;flex-shrink:0;align-items:center;padding:5px 8px;display:flex}.app-header-logo{width:auto;height:24px;display:block}.app-header-title{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-left:1px solid var(--border);padding-left:12px;font-size:14px;font-weight:600;overflow:hidden}.app-header-user{flex-shrink:0;align-items:center;gap:12px;display:flex}.app-header-username{color:var(--text-muted);white-space:nowrap;font-size:14px}@media (width<=560px){.app-header-title,.app-header-username{display:none}}.auth-page{background:radial-gradient(circle at 15% 15%, var(--accent-soft), transparent 45%), radial-gradient(circle at 85% 85%, #cb212814, transparent 45%), var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:16px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:32px;display:flex;box-shadow:0 12px 32px #26242414}.auth-logo-chip{background:#fff;border-radius:8px;align-self:flex-start;align-items:center;padding:8px 12px;display:inline-flex}.auth-logo{width:auto;height:30px;display:block}.auth-card h1{margin:0 0 8px;font-size:20px}.auth-card label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.auth-card input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:8px 10px}.page{max-width:960px;margin:0 auto;padding:24px 16px 64px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 16px;margin-bottom:24px;display:flex}.page-header h1{margin:4px 0 0;font-size:22px}.page-header-actions{color:var(--text-muted);align-items:center;gap:12px;display:flex}.data-table{-webkit-overflow-scrolling:touch;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;display:block;overflow-x:auto}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:14px}.data-table th{color:var(--text-muted);font-weight:600}.data-table tr:last-child td{border-bottom:none}.checklist-codigo{white-space:nowrap;color:var(--text-muted);width:60px}.checklist-respuesta{width:60px;font-weight:600}.detail-section{margin-bottom:32px}.detail-section h2{margin-bottom:12px;font-size:18px}.checklist-group{margin-bottom:16px}.checklist-group h3{color:var(--text-muted);margin-bottom:6px;font-size:14px}.detail-grid{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.detail-grid dt{color:var(--text-muted);font-size:14px}.detail-grid dd{margin:0;font-size:14px}.firma-img{border:1px solid var(--border);background:#fff;border-radius:4px;max-width:160px;max-height:60px;padding:2px 4px;display:block}.badge{background:var(--border);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-autorizado{background:var(--success-bg);color:var(--success)}.badge-en_seguimiento{background:var(--warning-bg);color:var(--warning)}.badge-cerrado{background:var(--accent-soft);color:var(--accent)}.badge-cancelado{background:var(--danger-bg);color:var(--danger)}.center-message{text-align:center;color:var(--text-muted);padding:24px}.error-message{color:var(--danger);background:var(--danger-bg);border-radius:6px;padding:10px 12px;font-size:14px}.permiso-form{flex-direction:column;gap:8px;display:flex}.permiso-form label{color:var(--text-muted);flex-direction:column;gap:4px;margin-bottom:12px;font-size:14px;display:flex}.permiso-form input[type=text],.permiso-form input[type=date],.permiso-form input[type=time],.permiso-form input:not([type]),.permiso-form textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:8px 10px}.permiso-form textarea{resize:vertical;min-height:70px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px;display:grid}.permiso-form fieldset{border:1px solid var(--border);border-radius:8px;margin:0 0 16px;padding:12px 16px}.permiso-form legend{color:var(--text-muted);padding:0 6px;font-size:14px;font-weight:600}.checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px;display:grid}.checkbox-item{align-items:center;color:var(--text)!important;flex-direction:row!important;gap:8px!important;margin-bottom:0!important}.subsection-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.subsection-grid h3{margin:0 0 8px;font-size:15px}.row-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:16px;padding:16px}.row-card-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px;display:grid}.row-card-index{color:var(--text-muted);margin-bottom:8px;font-weight:600;display:block}.link-button{color:var(--danger);background:0 0;padding:4px 0}.checklist-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:8px 0;display:flex}.checklist-row:last-child{border-bottom:none}.checklist-texto{flex:1;font-size:14px}.checklist-options{flex-shrink:0;gap:12px;display:flex}.checklist-options label{align-items:center;flex-direction:row!important;gap:4px!important;margin-bottom:0!important}.radio-row{gap:20px;margin-bottom:12px;display:flex}.inline-label{align-items:center;color:var(--text)!important;flex-direction:row!important;gap:8px!important;margin-bottom:0!important}.signature-pad{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px;display:inline-flex}.signature-pad-label{color:var(--text-muted);font-size:13px}.signature-pad canvas{border:1px solid var(--border);touch-action:none;background:#fff;border-radius:6px;max-width:100%}.form-actions{margin-top:16px}