:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--surface:#fff;--surface-2:#f8fafb;--surface-3:#eef2f5;--text:#1f2933;--muted:#627083;--line:#dfe6ee;--accent:#155e63;--accent-2:#2f7b82;--danger:#d64545;--warn:#b7791f;--ok:#15803d;--info:#2563a6;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 18px 42px #1f29331f;--radius:8px;--radius-sm:6px;--speed:.18s;font-family:Inter,Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--surface:#111827;--surface-2:#172033;--surface-3:#1f2937;--text:#f8fafc;--muted:#94a3b8;--line:#1f2937;--accent:#5d87a8;--accent-2:#86a9c2;--danger:#f87171;--warn:#f2c75c;--ok:#4ade80;--info:#7db5d6;--shadow-sm:0 1px 2px #0000003d;--shadow:0 24px 60px #00000057}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit}button,.button-link,.file-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;min-width:0;min-height:38px;box-shadow:var(--shadow-sm);transition:transform var(--speed) ease, border-color var(--speed) ease, background var(--speed) ease, box-shadow var(--speed) ease, color var(--speed) ease;justify-content:center;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}button:hover,.button-link:hover,.file-btn:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--accent) 5%, var(--surface));transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.file-btn.disabled{opacity:.48;cursor:not-allowed;box-shadow:none;pointer-events:none;transform:none}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:var(--radius-sm);min-width:0;transition:border-color var(--speed) ease, box-shadow var(--speed) ease, background var(--speed) ease;outline:none;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-2) 16%, transparent)}textarea{resize:vertical;min-height:92px}label{color:var(--muted);gap:7px;font-size:12px;font-weight:700;display:grid}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, var(--bg));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-rows:auto 1fr auto;height:100vh;padding:16px 14px;display:grid;position:sticky;top:0;overflow:hidden}.brand{color:var(--accent);align-items:center;gap:11px;padding:4px 8px 14px;font-weight:830;line-height:1.15;display:flex}.brand svg{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--surface));border-radius:10px;width:34px;height:34px;padding:6px}.brand small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:600;display:block}.brand.large{text-align:center;justify-content:center;margin-bottom:12px;font-size:21px}.brand.large svg{width:42px;height:42px}.sidebar nav{padding-right:3px;overflow:auto}.nav-group{gap:3px;margin:10px 0 17px;display:grid}.nav-group>small{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;padding:0 10px 5px;font-size:10px;font-weight:800}.nav-group button{text-align:left;box-shadow:none;min-height:38px;color:var(--muted);background:0 0;border-color:#0000;grid-template-columns:24px minmax(0,1fr);justify-content:stretch;justify-items:start;width:100%;display:grid;position:relative}.nav-group button svg{flex-shrink:0;justify-self:center}.nav-group button span{overflow-wrap:anywhere;min-width:0;line-height:1.22}.nav-group button:hover{color:var(--text);background:var(--surface-2);transform:none}.nav-group button.active{background:var(--surface);color:var(--accent);border-color:var(--line);box-shadow:var(--shadow-sm);font-weight:760}.nav-group button.active:before{content:"";background:var(--accent);border-radius:999px;width:3px;position:absolute;top:9px;bottom:9px;left:-5px}.sidebar-footer{border-top:1px solid var(--line);gap:4px;padding:13px 9px 2px;display:grid}.sidebar-footer small,.sidebar-footer span{color:var(--muted);font-size:12px}.sidebar-footer strong{font-size:13px}main{min-width:0}.topbar{z-index:10;background:color-mix(in srgb, var(--surface) 88%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(160px,auto) minmax(260px,680px) auto;align-items:center;gap:18px;min-height:62px;padding:0 26px;display:grid;position:sticky;top:0}.topbar-title,.topbar-actions{align-items:center;gap:10px;min-width:0;display:flex}.topbar-title{color:var(--muted)}.topbar-title strong{color:var(--text);font-size:14px}.global-search-wrap{min-width:0;position:relative}.global-search{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, var(--bg));min-width:0;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:9px;padding:0 14px;display:flex}.global-search input{height:40px;box-shadow:none;background:0 0;border:0;padding:0}.global-search input:focus{box-shadow:none}.global-results{z-index:35;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:5px;padding:8px;display:grid;position:absolute;top:48px;left:0;right:0}.global-results button{text-align:left;box-shadow:none;background:0 0;border-color:#0000;grid-template-columns:96px 1fr auto;justify-content:flex-start;display:grid}.global-results span,.global-results small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-btn{border-radius:999px;width:38px;height:38px;padding:0}.topbar-actions{z-index:50;position:relative}.user-menu{z-index:60;position:relative}.user-menu>button{white-space:nowrap;border-radius:999px;max-width:220px;overflow:hidden}.menu-popover{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:224px;box-shadow:var(--shadow);z-index:80;gap:5px;padding:8px;display:grid;position:absolute;top:46px;right:0}.menu-popover button{box-shadow:none;background:0 0;border-color:#0000;justify-content:flex-start}.content{width:min(100%,1480px);margin:0 auto;padding:26px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.eyebrow,.dashboard-hero span{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px;font-size:11px;font-weight:820;display:inline-flex}.page-header h1{letter-spacing:0;margin:0;font-size:clamp(24px,2vw,30px);line-height:1.12}.page-header p{color:var(--muted);max-width:860px;margin:7px 0 0;line-height:1.55}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:760}.primary:hover{background:color-mix(in srgb, var(--accent) 88%, #000);color:#fff}.danger-btn{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--line));background:color-mix(in srgb, var(--danger) 6%, var(--surface))}.danger-btn:hover{color:var(--danger);border-color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface))}.ghost{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000}.login-screen{background:var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--line);border-radius:var(--radius);width:min(440px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:15px;padding:28px;display:grid}.login-panel p{color:var(--muted);text-align:center;margin:4px 0 0;font-size:13px;line-height:1.5}.public-screen{background:var(--bg);place-items:center;min-height:100vh;padding:22px;display:grid}.public-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(920px,100%);box-shadow:var(--shadow);gap:18px;padding:24px;display:grid}.public-card.compact-public{width:min(520px,100%)}.public-head{border-bottom:1px solid var(--line);grid-template-columns:190px minmax(0,1fr);align-items:stretch;gap:18px;padding-bottom:16px;display:grid}.public-title{justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;display:flex}.public-head h1{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.1}.public-head p{color:var(--muted);margin:7px 0 0}.public-photo-frame{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));min-height:148px;color:var(--accent);box-shadow:var(--shadow-sm);place-items:center;display:grid;overflow:hidden}.public-photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.public-detail{grid-template-columns:repeat(2,minmax(0,1fr))}.public-notice{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 6%, var(--surface));color:var(--muted);align-items:flex-start;gap:10px;padding:12px;display:flex}.public-notice svg{color:var(--accent);flex-shrink:0;margin-top:2px}.public-notice p{margin:0;line-height:1.45}.public-certificate{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.public-certificate strong{display:block}.public-certificate small{color:var(--muted);margin-top:4px;line-height:1.4;display:block}.muted-certificate{opacity:.82}.public-login{justify-self:end;width:fit-content}.error{background:color-mix(in srgb, var(--danger) 10%, var(--surface));color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 28%, var(--line));border-radius:var(--radius);justify-content:space-between;align-items:center;gap:10px;margin:14px 28px 0;padding:10px 12px;display:flex}.error.inline{margin:0;display:block}.dashboard-hero{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:18px;margin-bottom:18px;padding:20px;display:grid}.dashboard-hero h1{letter-spacing:0;margin:0;font-size:clamp(25px,2.3vw,34px);line-height:1.08}.dashboard-hero p{max-width:760px;color:var(--muted);margin:9px 0 0;line-height:1.55}.system-health{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);justify-items:start;gap:9px;padding:16px;display:grid}.system-health small{color:var(--muted)}.system-health strong{font-size:18px;line-height:1.2}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-bottom:18px;padding-bottom:2px;display:grid}.metric-grid.compact{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.metric{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);min-height:96px;box-shadow:var(--shadow-sm);align-content:space-between;padding:14px;display:grid;position:relative;overflow:hidden}.metric:after{content:"";background:color-mix(in srgb, var(--accent) 22%, transparent);border-radius:999px;width:34px;height:3px;position:absolute;inset:auto 14px 12px auto}.metric small{color:var(--muted);font-weight:680}.metric strong{letter-spacing:0;font-size:28px;line-height:1}.metric.warn strong{color:var(--warn)}.metric.danger strong{color:var(--danger)}.metric.info strong{color:var(--info)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-sm);padding:16px}.panel h2{letter-spacing:0;align-items:center;min-height:22px;margin:0 0 14px;font-size:15px;display:flex}.panel h3{margin:0 0 8px}.two-col{grid-template-columns:minmax(330px,420px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.settings-grid,.report-grid,.location-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.report-preview{border:1px dashed var(--line);border-radius:var(--radius);min-height:110px;color:var(--muted);background:var(--surface-2);gap:8px;margin-bottom:12px;padding:12px;display:grid;overflow:auto}.report-preview table{background:var(--surface);min-width:560px}.report-preview th,.report-preview td{padding:8px;font-size:12px}.preview-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.preview-head strong{color:var(--text)}.filter-bar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(240px,1.5fr) repeat(5,minmax(145px,1fr));align-items:center;gap:10px;margin-bottom:14px;padding:10px;display:grid}.filter-bar.compact{grid-template-columns:minmax(240px,1fr) 220px}.segmented,.tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.segmented button,.tabs button{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000;min-height:34px}.segmented button.active,.tabs button.active{background:var(--surface);border-color:var(--line);color:var(--accent);box-shadow:var(--shadow-sm);font-weight:760}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.guided-form{gap:12px}.span-2{grid-column:span 2}.field-section{border-top:1px solid var(--line);gap:3px;margin-top:2px;padding-top:14px;display:grid}.field-section strong{color:var(--text);font-size:14px}.field-section small,.muted{color:var(--muted)}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.checkbox-grid label{min-width:0;color:var(--text);border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);align-items:flex-start;gap:8px;padding:10px;line-height:1.25;display:flex}.checkbox-grid input{width:auto;accent-color:var(--accent)}.checkbox-grid input:disabled{opacity:.55;cursor:not-allowed}.checkbox-grid span{overflow-wrap:anywhere}.certificate-draft{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.certificate-draft strong{display:block}.certificate-draft small{color:var(--muted);margin-top:4px;line-height:1.4;display:block}.support-doc-layout{gap:14px;display:grid}.support-doc-form .modal-actions{margin-top:0}.calibration-send-form{gap:14px;display:grid}.calibration-send-summary{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:start;gap:14px;padding:14px;display:grid}.calibration-send-summary h3{margin:0;font-size:20px;line-height:1.15}.calibration-send-summary p{color:var(--muted);margin:6px 0 0;line-height:1.45}.component-chip-list{gap:7px;max-height:152px;display:grid;overflow:auto}.component-chip-list span{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:9px 10px;display:flex}.component-chip-list strong{color:var(--text);white-space:nowrap}.form-section-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);gap:12px;padding:14px;display:grid}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.section-heading strong{color:var(--text)}.section-heading small{color:var(--muted);text-align:right;max-width:380px;line-height:1.35}.document-select-list{gap:8px;max-height:260px;padding-right:2px;display:grid;overflow:auto}.document-option{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:11px;display:grid}.document-option input{width:auto;accent-color:var(--accent);margin-top:3px}.document-option strong{display:block}.document-option small{color:var(--muted);margin-top:3px;line-height:1.35;display:block}.document-option.selected{border-color:color-mix(in srgb, var(--accent) 46%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.document-option.disabled{opacity:.62}.association-modal{gap:13px;display:grid}.association-head{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.association-head strong{display:block}.association-head small{color:var(--muted);margin-top:4px;line-height:1.35;display:block}.association-list{gap:8px;max-height:calc(100vh - 310px);padding-right:2px;display:grid;overflow:auto}.association-option{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.association-option input{width:auto;accent-color:var(--accent)}.association-option strong{display:block}.association-option small{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;display:block}.scanner-panel{gap:13px;display:grid}.scanner-panel p{color:var(--muted);margin:0;line-height:1.45}.scanner-video{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-height:260px;color:var(--muted);place-items:center;display:grid;overflow:hidden}.scanner-video video{object-fit:cover;width:100%;height:100%;min-height:260px}.scanner-video .hidden-video{display:none}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 13px;font-size:13px;line-height:1.35}th{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;background:var(--surface-2);z-index:1;font-size:11px;font-weight:820;position:sticky;top:0}tbody tr:last-child td{border-bottom:0}tbody tr:nth-child(2n){background:color-mix(in srgb, var(--surface-2) 44%, transparent)}tbody tr:hover{background:color-mix(in srgb, var(--accent-2) 8%, var(--surface))}.thumb{border:1px solid var(--line);background:var(--surface-2);width:36px;height:36px;color:var(--muted);border-radius:9px;place-items:center;display:grid;overflow:hidden}.thumb img,.photo-placeholder img{object-fit:cover;width:100%;height:100%}.row-actions,.actions-row,.quick-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.row-actions button{min-height:31px;box-shadow:none;border-radius:8px;padding:6px 9px}.component-row-actions{white-space:nowrap;flex-wrap:nowrap;align-items:center}.component-row-actions button{flex:none}.status{background:var(--surface-2);min-height:24px;color:var(--muted);white-space:nowrap;border:1px solid var(--line);letter-spacing:.03em;border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:850;display:inline-flex}.status.disponible,.status.vigente,.status.aprobada,.status.activa{color:var(--ok);background:color-mix(in srgb, var(--ok) 10%, var(--surface));border-color:color-mix(in srgb, var(--ok) 24%, var(--line))}.status.en_calibracion,.status.por_vencer,.status.pendiente,.status.solicitado{color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, var(--surface));border-color:color-mix(in srgb, var(--warn) 28%, var(--line))}.status.vencido,.status.baja,.status.no_disponible,.status.no_apto,.status.sin_certificado,.status.rechazada,.status.inactiva{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface));border-color:color-mix(in srgb, var(--danger) 24%, var(--line))}.status.despachado,.status.despachada{color:var(--info);background:color-mix(in srgb, var(--info) 10%, var(--surface));border-color:color-mix(in srgb, var(--info) 24%, var(--line))}.badge-row{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.list,.timeline{gap:9px;display:grid}.list-row{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:11px;display:flex}.list-row>div{min-width:0}.list-row small,.timeline small,.tile small{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;display:block}.certificate-period{color:color-mix(in srgb, var(--muted) 82%, var(--surface));margin-top:3px;font-size:12px;font-weight:620;display:block}.timeline{position:relative}.timeline-item{grid-template-columns:18px 1fr;align-items:start;gap:10px;display:grid}.timeline-item>span{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%;margin-top:12px}.timeline-item>div{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:11px}.gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;min-height:138px;box-shadow:var(--shadow-sm);align-content:start;justify-items:start;gap:10px;min-width:0;padding:14px;display:grid}.tile-media{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;color:var(--muted);place-items:center;display:grid;overflow:hidden}.tile-media img{object-fit:cover;width:100%;height:100%;display:block}.tile span{color:var(--muted);overflow-wrap:anywhere}.drawer-backdrop{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn var(--speed) ease;background:#0f172a57;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--line);width:min(560px,100vw);height:100vh;box-shadow:var(--shadow);padding:18px;animation:.22s slideIn;overflow:auto}.drawer.wide{width:min(860px,100vw)}.drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.drawer>header h2{margin:0;font-size:18px}.detail-modal-backdrop{z-index:45;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn var(--speed) ease;background:#0f172a61;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.detail-modal{border:1px solid var(--line);background:var(--surface);width:min(1280px,100%);max-height:min(92vh,1180px);box-shadow:var(--shadow);border-radius:18px;padding:30px;animation:.22s modalIn;overflow:auto}.detail-modal-titlebar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.detail-modal-titlebar h2{margin:0;font-size:28px;line-height:1.15}.component-summary-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:240px minmax(0,1fr) 320px;align-items:center;gap:34px;padding:30px 34px;display:grid}.component-hero-media{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:240px;height:210px;color:var(--accent);box-shadow:var(--shadow-sm);place-items:center;display:grid;overflow:hidden}.component-hero-media img{object-fit:cover;width:100%;height:100%}.component-hero-copy{min-width:0}.component-hero-copy h3{margin:0 0 14px;font-size:30px;line-height:1.12}.component-hero-copy p{color:var(--muted);margin:0;font-size:16px}.component-hero-copy p span{color:color-mix(in srgb, var(--muted) 86%, var(--text));font-weight:760}.component-hero-copy p b{color:var(--muted);margin:0 6px}.qr-side-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;min-width:0;min-height:240px;box-shadow:var(--shadow-sm);color:var(--muted);align-content:center;justify-items:center;gap:12px;padding:22px;display:grid;position:relative}.qr-side-card:before{content:"";background:var(--line);width:1px;position:absolute;top:10px;bottom:10px;left:-22px}.qr-side-card strong{color:var(--text);font-size:16px}.qr-side-card small{font-size:14px;line-height:1.35}.qr-side-card .qr-preview{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;width:138px;height:138px;padding:7px}.qr-click-card{cursor:pointer;width:100%}.qr-click-card>span{justify-items:center;gap:4px;min-width:0;display:grid}.qr-click-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));transform:translateY(-1px)}.empty-qr button{min-height:31px;box-shadow:none;padding:6px 9px}.detail-actions{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:28px 0 10px;display:grid}.detail-actions button,.detail-actions .file-btn{width:100%;min-height:54px;padding:12px 18px;font-weight:760}.action-hint{color:var(--muted);align-items:center;gap:7px;margin:0 0 14px;font-size:13px;display:flex}.qr-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(390px,100%);box-shadow:var(--shadow-sm);grid-template-columns:120px minmax(0,1fr);align-items:center;gap:16px;margin:4px 0 18px;padding:14px;display:grid}.qr-card .qr-preview{width:112px;height:112px;margin:0}.qr-card p{color:var(--muted);margin:5px 0 0;line-height:1.45}.activity-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:16px}.activity-card .tabs{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:0}.activity-card .tabs button{box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0}.activity-card .tabs button.active{border-bottom-color:var(--accent);color:var(--accent);box-shadow:none;background:0 0}.activity-feed{gap:14px;display:grid}.activity-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.activity-head h3{margin:0 0 4px;font-size:16px}.activity-head h3 span{background:var(--surface-3);min-width:24px;height:24px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;margin-left:6px;font-size:12px;display:inline-flex}.activity-head p{color:var(--muted);margin:0;font-size:13px}.activity-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.activity-item{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.activity-item:last-child{border-bottom:0}.activity-item strong{font-size:14px;display:block}.activity-item small{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;display:block}.activity-item time{color:var(--muted);white-space:nowrap;font-size:12px}.activity-icon{width:28px;height:28px;color:var(--muted);background:var(--surface-3);border-radius:999px;place-items:center;display:grid}.activity-icon.success{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, var(--surface))}.activity-icon.info{color:var(--info);background:color-mix(in srgb, var(--info) 12%, var(--surface))}.activity-icon.calibration{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.activity-icon.danger{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, var(--surface))}.activity-more{color:var(--accent);box-shadow:none;background:0 0;border-color:#0000;justify-self:center}.notes-card{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--muted);padding:16px;line-height:1.5}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.photo-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:10px;padding:12px;display:grid}.photo-card.selected{border-color:color-mix(in srgb, var(--accent) 46%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.photo-card-media{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);height:150px;color:var(--muted);place-items:center;display:grid;overflow:hidden}.photo-card-media img{object-fit:cover;width:100%;height:100%}.photo-card strong{overflow-wrap:anywhere}.photo-card small{color:var(--muted)}.confirm-backdrop{z-index:95;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn var(--speed) ease;background:#0f172a47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--line);background:var(--surface);width:min(390px,100%);box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:32px 28px 22px;animation:.18s modalIn;position:relative}.confirm-close{width:34px;height:34px;min-height:34px;box-shadow:none;background:0 0;border-color:#0000;padding:0;position:absolute;top:10px;right:10px}.confirm-icon{border-radius:999px;place-items:center;width:58px;height:58px;margin:0 auto 16px;display:grid}.confirm-icon.warning{color:var(--warn);background:color-mix(in srgb, var(--warn) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--warn) 30%, var(--line))}.confirm-icon.calibration{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line))}.confirm-dialog h3{margin:0 0 8px;font-size:18px}.confirm-dialog p{color:var(--muted);margin:0 auto 22px;line-height:1.5}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.certificate-dialog{border:1px solid var(--line);background:var(--surface);width:min(560px,100%);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px;animation:.18s modalIn;display:grid}.certificate-dialog header{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.certificate-dialog h3{margin:0 0 4px;font-size:18px}.certificate-dialog p{color:var(--muted);margin:0;line-height:1.45}.certificate-file{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.certificate-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.certificate-file small{color:var(--muted)}.loading-overlay{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn var(--speed) ease;background:#0f172a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.loading-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.loading-dialog h2{margin:0 0 4px;font-size:18px}.loading-dialog p{color:var(--text);overflow-wrap:anywhere;margin:0;font-weight:750}.loading-dialog small{color:var(--muted);margin-top:6px;line-height:1.35;display:block}.loader{border:4px solid color-mix(in srgb, var(--accent) 16%, var(--line));border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite spin}.modal-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;padding-top:12px;display:flex}.checkbox-line{color:var(--text);align-items:center;gap:8px;display:flex}.checkbox-line input{width:auto;accent-color:var(--accent)}.detail-header{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:116px 1fr;align-items:center;gap:16px;margin-bottom:16px;padding:14px;display:grid}.photo-placeholder{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:116px;height:116px;color:var(--muted);place-items:center;display:grid;overflow:hidden}.detail-header h2{margin:0 0 5px;font-size:22px;line-height:1.15}.detail-header p{color:var(--muted);margin:0}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0;display:grid}.info-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:14px}.info-block p{grid-template-columns:minmax(110px,.55fr) minmax(0,1fr);align-items:baseline;gap:10px;margin:9px 0;display:grid}.info-block span{color:var(--muted)}.info-block strong{overflow-wrap:anywhere;text-align:right}.qr-preview{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:132px;height:132px;margin-bottom:12px;padding:8px}.file-btn input{display:none}.file-btn.compact{min-height:31px;padding:6px 9px;font-size:13px}.button-link{min-height:32px}.alert-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.alert-grid span{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);color:var(--muted);padding:12px}.alert-grid strong{color:var(--text)}.mini-bars{gap:10px;display:grid}.mini-bars>div{grid-template-columns:140px 1fr 38px;align-items:center;gap:9px;display:grid}.mini-bars span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mini-bars div div{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.mini-bars b{background:var(--accent);border-radius:999px;height:100%;display:block}.location-row{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 0;display:grid}.location-row span:first-child{overflow-wrap:anywhere;min-width:0}.location-row button{min-height:29px;box-shadow:none;padding:5px 8px}.dependency-search{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:8px;margin-bottom:12px;padding:0 10px;display:flex}.dependency-search input{height:40px;box-shadow:none;background:0 0;border:0;padding:0}.dependency-search input:focus{box-shadow:none}.dependency-list,.template-list{gap:9px;display:grid}.dependency-card{text-align:left;background:var(--surface-2);border-color:var(--line);width:100%;min-height:84px;box-shadow:none;grid-template-columns:42px minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:10px;display:grid}.dependency-card.selected,.template-card.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.dependency-avatar{background:color-mix(in srgb, var(--accent) 12%, var(--surface));width:42px;height:42px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:850;display:grid}.dependency-main{gap:5px;min-width:0;display:grid}.dependency-title{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.dependency-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dependency-title small{color:var(--muted);white-space:nowrap;font-weight:800}.dependency-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.dependency-action{color:var(--accent);white-space:nowrap;font-size:12px;font-weight:800}.dependency-editor-head{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:11px;margin-bottom:12px;padding:12px;display:flex}.dependency-editor-head>div:last-child{gap:3px;min-width:0;display:grid}.dependency-editor-head strong{overflow-wrap:anywhere}.dependency-editor-head small{color:var(--muted);overflow-wrap:anywhere}.dependency-preview,.template-preview{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface-2);gap:7px;padding:12px;display:grid}.dependency-preview small{color:var(--muted)}.dependency-preview span{color:var(--muted);overflow-wrap:anywhere;line-height:1.4}.summary-strip{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-bottom:12px;display:grid}.summary-strip span{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);gap:3px;padding:10px;display:grid}.summary-strip small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.summary-strip strong{font-size:20px}.template-card{text-align:left;background:var(--surface-2);width:100%;min-height:70px;box-shadow:none;justify-content:space-between}.template-card span{gap:3px;min-width:0;display:grid}.template-card small{color:var(--muted);overflow-wrap:anywhere}.template-preview>div{flex-wrap:wrap;gap:7px;display:flex}.template-preview span{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:12px}.permissions-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.permissions-grid>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:12px}.permissions-grid label{color:var(--text);align-items:center;gap:7px;margin-top:8px;display:flex}.permissions-grid input{width:auto;accent-color:var(--accent)}.notification-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.notification-grid>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);align-content:start;gap:8px;padding:12px;display:grid}.notification-grid>div>strong{font-size:13px}.notification-grid label{color:var(--text);align-items:flex-start;gap:8px;font-weight:650;line-height:1.25;display:flex}.notification-grid input{width:auto;accent-color:var(--accent);margin-top:2px}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--muted);text-align:center;place-items:center;gap:7px;min-height:132px;padding:18px;display:grid}.empty-state svg{color:var(--accent-2)}.empty-state strong{color:var(--text)}.empty-state.compact{min-height:82px}.skeleton-block{color:#0000;position:relative;overflow:hidden}.skeleton-block:before{content:"";background:linear-gradient(90deg, var(--surface-2), color-mix(in srgb, var(--surface-3) 72%, var(--surface)), var(--surface-2));background-size:240% 100%;animation:1.15s linear infinite skeleton;position:absolute;inset:0}@keyframes skeleton{to{background-position:-240% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:.8;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes modalIn{0%{opacity:.84;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1180px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.brand div,.nav-group>small,.nav-group span,.sidebar-footer{display:none}.sidebar{padding:14px 8px}.brand{justify-content:center;padding-left:0;padding-right:0}.nav-group button{justify-content:center;justify-items:center;display:flex}.nav-group button.active:before{left:0}.topbar{grid-template-columns:auto minmax(180px,1fr) auto;padding:0 18px}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.two-col,.dashboard-hero{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}}@media (width<=700px){.app-shell{display:block}.sidebar{z-index:30;border-right:0;border-top:1px solid var(--line);height:68px;padding:7px;display:block;position:fixed;inset:auto 0 0;overflow-x:auto}.brand{display:none}.sidebar nav{gap:5px;display:flex;overflow:visible}.nav-group{gap:5px;margin:0;display:flex}.nav-group button{width:48px;height:48px;padding:0;display:flex}.nav-group button.active:before{display:none}.topbar{grid-template-columns:1fr auto;gap:10px;min-height:auto;padding:10px 12px}.topbar-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.global-search-wrap{order:3;grid-column:1/-1}.global-results button{grid-template-columns:82px 1fr}.global-results small{display:none}.topbar-actions{justify-content:flex-end}.content{padding:16px 12px 86px}.page-header{display:grid}.page-actions{justify-content:flex-start}.filter-bar,.filter-bar.compact,.form-grid,.checkbox-grid,.detail-grid,.notification-grid,.certificate-dialog{grid-template-columns:1fr}.public-screen{align-items:start;padding:12px}.public-card{padding:16px}.public-head{grid-template-columns:1fr;gap:14px}.public-title{gap:10px;display:grid}.public-head h1{overflow-wrap:anywhere;font-size:28px}.public-photo-frame{aspect-ratio:16/10;width:100%;min-height:0}.public-detail{grid-template-columns:1fr}.public-certificate{display:grid}.public-login{justify-self:stretch;width:100%}.calibration-send-summary,.association-option{grid-template-columns:1fr}.association-head,.section-heading{display:grid}.section-heading small{text-align:left;max-width:none}.component-chip-list span{justify-content:stretch;gap:3px;display:grid}.association-list{max-height:50vh}.span-2,.certificate-dialog header{grid-column:auto}.certificate-draft{display:grid}.metric-grid,.metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:92px;padding:12px}.metric strong{font-size:24px}.dashboard-hero{padding:20px}.dashboard-hero h1{font-size:25px}.system-health{padding:13px}.detail-modal-backdrop{align-items:stretch;padding:10px}.detail-modal{border-radius:16px;max-height:calc(100vh - 20px);padding:16px}.detail-modal-titlebar h2{font-size:21px}.component-summary-card{grid-template-columns:1fr;gap:14px;padding:16px}.component-hero-media{width:100%;height:190px}.component-hero-copy h3{font-size:22px}.qr-side-card{min-height:auto}.qr-side-card:before{display:none}.qr-click-card{text-align:left;grid-template-columns:92px minmax(0,1fr);place-items:center start}.qr-click-card>span{justify-items:start}.qr-side-card .qr-preview{width:82px;height:82px}.activity-head,.activity-item{grid-template-columns:1fr}.activity-item time{white-space:normal}.qr-card,.detail-header{grid-template-columns:1fr}.photo-placeholder{width:100%;height:180px}.drawer{width:100vw}table{min-width:980px}}@media (width<=460px){.topbar-actions{gap:6px}.icon-btn{width:36px;height:36px}.user-menu>button{max-width:150px;padding-inline:10px}.page-header h1{font-size:23px}.metric-grid,.metric-grid.compact{grid-template-columns:1fr}.actions-row,.quick-actions,.modal-actions{grid-template-columns:1fr;display:grid}.actions-row button,.quick-actions button,.quick-actions .file-btn,.modal-actions button{width:100%}.info-block p{grid-template-columns:1fr;gap:2px}.info-block strong{text-align:left}}@media print{.sidebar,.topbar,.page-actions,.quick-actions,.actions-row{display:none}.app-shell{display:block}.content{padding:0}.panel{box-shadow:none;border:0}}