:root{--clr-blue-900:#04283e;--clr-blue-800:#0a3a5c;--clr-blue-700:#0c4f81;--clr-blue-600:#0865a5;--clr-blue-500:#0079c1;--clr-blue-400:#4d99cf;--clr-blue-300:#9dc9e8;--clr-blue-100:#e8f3fa;--nav-bg:#10222e;--nav-bg-active:#1a3648;--nav-fg:#e4eef3;--nav-fg-dim:#93a9b5;--nav-border:#223947;--grey-1000:#12232c;--grey-900:#1e2b32;--grey-800:#313f46;--grey-700:#48555c;--grey-600:#6b7a82;--grey-500:#8a969c;--grey-400:#aab4b9;--grey-300:#c9d1d4;--grey-200:#dfe4e6;--grey-150:#eaedef;--grey-100:#f2f4f5;--grey-50:#f8f9fa;--white:#fff;--state-critical:#c1200a;--state-critical-bg:#fbe5e1;--state-warning:#c77300;--state-warning-bg:#fbeedb;--state-healthy:#33862c;--state-healthy-bg:#e3f1e1;--state-info:#0079c1;--state-info-bg:#e2f1fb;--state-unknown:#6b7a82;--state-unknown-bg:#eceff0;--state-offline:#8a969c;--state-offline-bg:#f2f4f5;--state-misconfigured:#8035c9;--state-misconfigured-bg:#f2e9fb;--surface:var(--white);--surface-sunken:var(--grey-50);--surface-raised:var(--white);--border:var(--grey-200);--border-strong:var(--grey-300);--text:var(--grey-1000);--text-dim:var(--grey-700);--text-faint:var(--grey-500);--text-on-accent:var(--white);--link:var(--clr-blue-600);--focus-ring:#4d99cf;--header-height:48px;--subnav-height:40px;--sidebar-width:240px;--sidebar-collapsed-width:48px;--radius-sm:2px;--radius-md:3px;--font-family:"Metropolis", "Clarity City", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:13px;--font-size-lg:15px;--font-size-xl:18px;--font-size-xxl:24px;--line-height:1.4;--shadow-sm:0 1px 2px #12232c1f;--shadow-md:0 2px 8px #12232c29;--shadow-lg:0 4px 16px #12232c38}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:#1a262c;--surface-sunken:#142025;--surface-raised:#202e35;--border:#2c3a41;--border-strong:#3a4a52;--text:#e4eef3;--text-dim:#aab4b9;--text-faint:#8a969c;--link:#6db8ea;--state-critical-bg:#3a1a14;--state-warning-bg:#3a2c12;--state-healthy-bg:#16321a;--state-info-bg:#142e3d;--state-unknown-bg:#263239;--state-offline-bg:#22303740;--state-misconfigured-bg:#2a1c3d}}:root[data-theme=dark]{--surface:#1a262c;--surface-sunken:#142025;--surface-raised:#202e35;--border:#2c3a41;--border-strong:#3a4a52;--text:#e4eef3;--text-dim:#aab4b9;--text-faint:#8a969c;--link:#6db8ea;--state-critical-bg:#3a1a14;--state-warning-bg:#3a2c12;--state-healthy-bg:#16321a;--state-info-bg:#142e3d;--state-unknown-bg:#263239;--state-offline-bg:#22303740;--state-misconfigured-bg:#2a1c3d}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height);color:var(--text);background:var(--surface-sunken);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,h5,h6{color:var(--text);margin:0 0 8px;font-weight:600}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin:0 0 8px}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}code,pre{font-family:var(--font-mono)}::selection{background:var(--clr-blue-300)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-raised);height:28px;color:var(--text);font-size:var(--font-size-sm);letter-spacing:.02em;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-weight:600;transition:background-color .1s,border-color .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--grey-100)}.btn:active:not(:disabled){background:var(--grey-150)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--clr-blue-500);border-color:var(--clr-blue-600);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--clr-blue-600)}.btn-primary:active:not(:disabled){background:var(--clr-blue-700)}.btn-danger{background:var(--surface-raised);border-color:var(--state-critical);color:var(--state-critical)}.btn-danger:hover:not(:disabled){background:var(--state-critical-bg)}.btn-sm{height:24px;font-size:var(--font-size-xs);padding:0 8px}.btn-icon{justify-content:center;width:28px;padding:0}.btn-link{color:var(--link);background:0 0;border:none;height:auto;padding:0;font-weight:500}.btn-link:hover{background:0 0;text-decoration:underline}.badge{white-space:nowrap;height:18px;font-size:var(--font-size-xs);letter-spacing:.03em;text-transform:uppercase;border-radius:9px;flex:none;align-items:center;gap:4px;padding:0 7px;font-weight:700;line-height:1;display:inline-flex}.badge-dot{border-radius:50%;flex:none;width:7px;height:7px}.badge-critical{background:var(--state-critical-bg);color:var(--state-critical)}.badge-critical .badge-dot{background:var(--state-critical)}.badge-warning{background:var(--state-warning-bg);color:var(--state-warning)}.badge-warning .badge-dot{background:var(--state-warning)}.badge-healthy{background:var(--state-healthy-bg);color:var(--state-healthy)}.badge-healthy .badge-dot{background:var(--state-healthy)}.badge-info{background:var(--state-info-bg);color:var(--state-info)}.badge-info .badge-dot{background:var(--state-info)}.badge-unknown{background:var(--state-unknown-bg);color:var(--state-unknown)}.badge-unknown .badge-dot{background:var(--state-unknown)}.badge-offline{background:var(--state-offline-bg);color:var(--state-offline)}.badge-offline .badge-dot{background:var(--state-offline)}.badge-misconfigured{background:var(--state-misconfigured-bg);color:var(--state-misconfigured)}.badge-misconfigured .badge-dot{background:var(--state-misconfigured)}.badge-neutral{background:var(--grey-150);color:var(--text-dim)}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md)}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.card-header h2,.card-header h3{font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim);margin:0;font-weight:700}.card-body{padding:14px}.card-body.flush{padding:0}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-table thead th{background:var(--grey-50);color:var(--text-dim);text-align:left;font-weight:700;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-strong);white-space:nowrap;padding:7px 10px;position:sticky;top:0}.data-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:6px 10px}.data-table tbody tr:hover{background:var(--grey-50)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.selected{background:var(--clr-blue-100)}.data-table .col-num{text-align:right;font-variant-numeric:tabular-nums}.data-table .col-actions{text-align:right;white-space:nowrap}.data-table-empty{text-align:center;color:var(--text-faint);font-size:var(--font-size-sm);padding:32px}.field{margin-bottom:12px}.field label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim);margin-bottom:4px;font-weight:700;display:block}.field-hint{font-size:var(--font-size-xs);color:var(--text-faint);margin-top:3px}.field-error{font-size:var(--font-size-xs);color:var(--state-critical);margin-top:3px}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;height:28px;color:var(--text);font-size:var(--font-size-sm);padding:0 8px}.textarea{resize:vertical;height:auto;min-height:60px;padding:6px 8px}.input:focus,.select:focus,.textarea:focus{border-color:var(--clr-blue-500)}.input.has-error,.select.has-error{border-color:var(--state-critical)}.checkbox-row{font-size:var(--font-size-sm);align-items:center;gap:6px;display:flex}.form-row{gap:12px;display:flex}.form-row>.field{flex:1}.stack>.field,.stack>.form-row>.field{margin-bottom:0}.searchable-select-menu{z-index:150;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-height:240px;box-shadow:var(--shadow-md);position:fixed;overflow-y:auto}.searchable-select-option{font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;overflow:hidden}.searchable-select-option.highlighted{background:var(--surface-sunken)}.searchable-select-option.selected{font-weight:600}.searchable-select-empty{font-size:var(--font-size-sm);color:var(--text-faint);padding:6px 8px}.multi-select-trigger{cursor:pointer;text-align:left;color:var(--text);justify-content:space-between;align-items:center;gap:6px;display:flex}.multi-select-search{border-bottom:1px solid var(--border);padding:4px}.multi-select-clear{text-align:left;width:100%;font-size:var(--font-size-xs);border-bottom:1px solid var(--border);padding:6px 8px;display:block}.multi-select-option{white-space:normal;align-items:center;gap:6px;display:flex}.multi-select-option input{flex-shrink:0}.tabs{border-bottom:1px solid var(--border-strong);gap:2px;display:flex}.tab{font-size:var(--font-size-sm);color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:8px 14px;font-weight:600;display:inline-flex}.tab-icon{margin-right:6px;display:inline-flex}.tab:hover{color:var(--text)}.tab.active{color:var(--clr-blue-600);border-bottom-color:var(--clr-blue-500)}.tab-badge{background:var(--state-critical);color:#fff;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700}.spinner{border:2px solid var(--border-strong);border-top-color:var(--clr-blue-500);border-radius:50%;flex:none;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-row{color:var(--text-faint);justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.modal-overlay{z-index:100;background:#10222e80;justify-content:center;align-items:flex-start;padding:64px 16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 128px);display:flex}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-header h2{font-size:var(--font-size-lg)}.modal-body{padding:16px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.modal-close{cursor:pointer;color:var(--text-faint);background:0 0;border:none;padding:2px;display:flex}.modal-close:hover{color:var(--text)}.toast-stack{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;top:56px;right:16px}.toast{border-radius:var(--radius-md);min-width:280px;max-width:380px;box-shadow:var(--shadow-md);font-size:var(--font-size-sm);border-left:4px solid var(--clr-blue-500);background:var(--surface-raised);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.toast-error{border-left-color:var(--state-critical)}.toast-success{border-left-color:var(--state-healthy)}.toast-warning{border-left-color:var(--state-warning)}.status-dot{border-radius:50%;flex:none;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex;position:relative}.status-dot-critical{background:var(--state-critical)}.status-dot-misconfigured{background:var(--state-misconfigured)}.status-dot-warning{background:var(--state-warning)}.status-dot-stale{background:var(--state-info)}.status-dot-healthy{background:var(--state-healthy)}.status-dot-unmonitored{background:var(--grey-300)}.status-dot-count{font-size:var(--font-size-xs);color:var(--text-dim);white-space:nowrap;font-weight:700;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.asset-icon-badge{border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.asset-icon-windows{color:#0078d4;background:#e5f2fb}.asset-icon-linux{color:#e0752a;background:#fdf0e6}.asset-icon-agent{background:var(--grey-150);color:var(--text-dim)}.asset-icon-web{color:#1c9c6a;background:#e3f6ee}.asset-icon-phone{color:#2e9e3f;background:#e9f7ea}.asset-icon-printer{color:#8035c9;background:#f2e9fb}.asset-icon-snmp{color:var(--clr-blue-600);background:#e2f1fb}.asset-icon-offline{background:var(--grey-100);color:var(--text-faint)}.text-faint{color:var(--text-faint)}.text-dim{color:var(--text-dim)}.mono{font-family:var(--font-mono);font-size:var(--font-size-xs)}.stack{flex-direction:column;gap:12px;display:flex}.mail-settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=900px){.mail-settings-grid{grid-template-columns:1fr}}.row{align-items:center;gap:8px;display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.toolbar .spacer{flex:1}.search-input{width:220px}.empty-state{text-align:center;color:var(--text-faint);padding:48px 16px}.page-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.page-title h1{margin:0}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.kpi-card{padding:12px 14px}.kpi-label{font-size:var(--font-size-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;margin-top:4px}.markdown-editor{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);overflow:hidden}.markdown-editor:focus-within{border-color:var(--clr-blue-500);box-shadow:0 0 0 3px var(--clr-blue-100)}.markdown-editor-toolbar{background:var(--grey-50);border-bottom:1px solid var(--border);align-items:center;gap:1px;padding:4px;display:flex}.markdown-toolbar-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.markdown-toolbar-btn:hover:not(:disabled){background:var(--grey-150);color:var(--text)}.markdown-toolbar-btn.active{background:var(--clr-blue-100);color:var(--clr-blue-700)}.markdown-toolbar-btn:disabled{color:var(--text-faint);cursor:default}.markdown-toolbar-divider{background:var(--border);align-self:stretch;width:1px;margin:4px 3px}.markdown-editor-content{max-height:420px;font-size:var(--font-size-sm);overflow-y:auto}.markdown-editor-content .ProseMirror{box-sizing:border-box;outline:none;min-height:90px;padding:8px 12px}.markdown-editor-content .ProseMirror p{margin:0 0 8px}.markdown-editor-content .ProseMirror p:last-child{margin-bottom:0}.markdown-editor-content .ProseMirror h2{font-size:var(--font-size-lg);margin:4px 0 8px}.markdown-editor-content .ProseMirror ul,.markdown-editor-content .ProseMirror ol{margin:0 0 8px;padding-left:20px}.markdown-editor-content .ProseMirror blockquote{border-left:3px solid var(--border);color:var(--text-dim);margin:0 0 8px;padding-left:10px}.markdown-editor-content .ProseMirror a{color:var(--clr-blue-600)}.markdown-editor-content .ProseMirror img{object-fit:contain;border-radius:var(--radius-sm);width:auto;max-width:320px;height:auto;max-height:220px;margin:4px 0;display:block}.markdown-editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--text-faint)}.markdown-editor-hint{font-size:var(--font-size-xs);color:var(--text-faint);border-top:1px solid var(--border);padding:4px 12px 8px}.duration-input{align-items:center;gap:6px;display:inline-flex}.markdown-body{font-size:var(--font-size-sm);overflow-wrap:anywhere;line-height:1.5}.markdown-body p{margin:0 0 8px}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{margin:0 0 8px;padding-left:20px}.markdown-body pre{background:var(--grey-50);border-radius:var(--radius-sm);padding:8px 10px;overflow-x:auto}.markdown-body code{font-family:var(--font-mono);font-size:.9em}.markdown-body blockquote{border-left:3px solid var(--border);color:var(--text-dim);margin:0 0 8px;padding-left:10px}.markdown-body img{object-fit:contain;border-radius:var(--radius-sm);cursor:zoom-in;width:auto;max-width:320px;height:auto;max-height:220px}.markdown-body a{color:var(--clr-blue-600)}.image-lightbox-overlay{z-index:1000;cursor:zoom-out;background:#0a0e14d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.image-lightbox-overlay img{border-radius:var(--radius-sm);max-width:90vw;max-height:90vh;box-shadow:0 20px 60px #00000080}.ticket-timeline{flex-direction:column;gap:10px;display:flex}.ticket-entry{border:1px solid var(--border);border-radius:var(--radius-sm);gap:10px;padding:10px 12px;display:flex}.ticket-entry-system{background:var(--grey-50);font-size:var(--font-size-xs);border-style:dashed;align-items:center;gap:8px;padding:6px 10px;display:flex}.ticket-entry-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex}.ticket-entry-icon-sm{border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.ticket-entry-body{flex:1;min-width:0}.ticket-entry-header{font-size:var(--font-size-xs);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.ticket-entry-type{font-weight:700}.ticket-entry-meta{color:var(--text-faint)}.ticket-entry-duration{color:var(--text-faint);font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.ticket-entry-icon.tone-info,.ticket-entry-icon-sm.tone-info{background:var(--state-info-bg);color:var(--state-info)}.ticket-entry-icon.tone-offline,.ticket-entry-icon-sm.tone-offline{background:var(--state-offline-bg);color:var(--state-offline)}.ticket-entry-icon.tone-healthy,.ticket-entry-icon-sm.tone-healthy{background:var(--state-healthy-bg);color:var(--state-healthy)}.ticket-entry-icon.tone-unknown,.ticket-entry-icon-sm.tone-unknown{background:var(--state-unknown-bg);color:var(--state-unknown)}.ticket-entry-icon.tone-warning,.ticket-entry-icon-sm.tone-warning{background:var(--state-warning-bg);color:var(--state-warning)}.ticket-entry-icon.tone-misconfigured,.ticket-entry-icon-sm.tone-misconfigured{background:var(--state-misconfigured-bg);color:var(--state-misconfigured)}.ticket-ref-link{color:var(--clr-blue-600);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.ticket-page h1{font-size:var(--font-size-lg);align-items:baseline;display:flex}.ticket-number{font-family:var(--font-mono);color:var(--text-dim);font-weight:500;font-size:var(--font-size-sm);margin-right:8px}.ticket-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.ticket-main{min-width:0}.ticket-sidebar{flex-direction:column;gap:12px;display:flex}.ticket-sidebar .card-header h2{font-size:var(--font-size-sm)}@media (width<=900px){.ticket-layout{grid-template-columns:1fr}}.ticket-sidebar-fields{grid-template-columns:1fr 1fr;gap:10px 12px;padding:12px;display:grid}.ticket-sidebar-fields .field{margin-bottom:0}.ticket-sidebar-clamped{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ticket-sidebar-list{font-size:var(--font-size-sm);flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ticket-sidebar-list li{justify-content:space-between;gap:8px;display:flex}.ticket-sidebar-list li>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ticket-sidebar-list-link{cursor:pointer;align-items:center}.ticket-sidebar-list-link:hover>span:first-child{color:var(--clr-blue-500);text-decoration:underline}.ticket-sidebar-list-link:hover svg{color:var(--clr-blue-500)}.ticket-sidebar-total{border-top:1px solid var(--border);font-size:var(--font-size-sm);color:var(--text-dim);align-items:center;gap:6px;padding:10px 12px;display:flex}.ticket-sidebar-total strong{color:var(--text);margin-left:auto}.ticket-composer{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.ticket-composer-tabs{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;display:flex}.ticket-composer-tab{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-dim);font-size:var(--font-size-sm);cursor:pointer;border-radius:999px;padding:5px 12px;font-weight:600}.ticket-composer-tab:hover{border-color:var(--border-strong)}.ticket-composer-tab.active{background:var(--clr-blue-600);border-color:var(--clr-blue-600);color:#fff}.ticket-composer-hint{font-size:var(--font-size-xs);margin-left:4px}.meter{flex-direction:column;gap:3px;min-width:0;display:flex}.meter.clickable{cursor:pointer}.meter-head{font-size:var(--font-size-sm);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.meter-label{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meter-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.meter-detail{color:var(--text-faint);font-weight:400;font-size:var(--font-size-xs)}.meter-track{background:var(--grey-150);border-radius:3px;height:6px;overflow:hidden}.meter-fill{border-radius:3px;min-width:2px;height:100%;display:block}.meter-sub{font-size:var(--font-size-xs);color:var(--text-faint)}.meter-ok{background:var(--clr-blue-500)}.meter-warning{background:var(--state-warning)}.meter-critical{background:var(--state-critical)}.meter-none{background:0 0}.login-screen{background:linear-gradient(160deg, var(--nav-bg) 0%, #1a3648 60%, #0c4f81 100%);justify-content:center;align-items:center;min-height:100%;display:flex}.login-panel{background:var(--surface-raised);border-radius:var(--radius-md);width:360px;box-shadow:var(--shadow-lg);padding:28px 28px 20px}.login-brand{text-align:center;margin-bottom:20px}.login-brand-mark{background:var(--clr-blue-500);color:var(--text-on-accent);letter-spacing:.06em;border-radius:var(--radius-sm);margin-bottom:8px;padding:8px 16px;font-size:20px;font-weight:800;display:inline-block}.login-brand-sub{font-size:var(--font-size-sm);color:var(--text-dim)}.login-form{margin-top:8px}.login-error{background:var(--state-critical-bg);color:var(--state-critical);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:12px;padding:8px 10px}.login-oidc{margin-top:12px}.login-divider{text-align:center;color:var(--text-faint);font-size:var(--font-size-xs);align-items:center;margin:12px 0;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.login-divider span{padding:0 8px}.force-password-screen{background:var(--surface-sunken);justify-content:center;align-items:center;min-height:100%;display:flex}.maintenance-badge{border:1px solid color-mix(in srgb, var(--state-warning) 40%, transparent);background:var(--state-warning-bg);color:var(--state-warning);font-size:var(--font-size-xs);white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:4px;padding:1px 7px;font-weight:600;display:inline-flex}.maintenance-badge svg{flex:none}.maintenance-banner{background:var(--state-warning-bg);color:var(--state-warning);border-bottom:1px solid color-mix(in srgb, var(--state-warning) 35%, transparent);font-size:var(--font-size-sm);flex:none;align-items:center;gap:10px;padding:6px 16px;display:flex}.maintenance-banner svg{flex:none}.maintenance-banner a{color:inherit;font-weight:600;text-decoration:underline}.maintenance-banner .spacer{flex:1}.maintenance-strip{border:1px solid color-mix(in srgb, var(--state-warning) 35%, transparent);border-radius:var(--radius-md);background:var(--state-warning-bg);margin-bottom:12px}.maintenance-strip-head{color:var(--state-warning);font-size:var(--font-size-sm);align-items:center;gap:8px;padding:7px 12px;display:flex}.maintenance-strip-head svg{flex:none}.maintenance-strip-head .spacer{flex:1}.maintenance-strip-causes{color:var(--text-dim)}.maintenance-strip-body{background:var(--surface-raised);border-top:1px solid color-mix(in srgb, var(--state-warning) 25%, transparent);border-radius:0 0 var(--radius-md) var(--radius-md);padding:4px 12px 12px}.maintenance-strip-body h3{font-size:var(--font-size-sm);align-items:center;gap:6px;margin:12px 0 6px;display:flex}.maintenance-strip-note{font-size:var(--font-size-sm);color:var(--text-dim);align-items:center;gap:8px;margin-top:10px;display:flex}.maintenance-strip-hint{font-size:var(--font-size-sm);margin:10px 0 0}.maintenance-scope-pick{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=640px){.maintenance-scope-pick{grid-template-columns:1fr}}.shell{flex-direction:column;height:100%;display:flex}.masthead{height:var(--header-height);background:var(--nav-bg);color:var(--nav-fg);border-bottom:1px solid var(--nav-border);z-index:10;flex:none;align-items:center;gap:12px;padding:0 12px;display:flex}.masthead-brand{align-items:center;display:flex}.masthead-mark{letter-spacing:.08em;background:var(--clr-blue-500);color:var(--text-on-accent);border-radius:var(--radius-sm);padding:4px 9px;font-size:14px;font-weight:800}.masthead-spacer{flex:1}.scope-label{font-size:var(--font-size-sm);color:var(--nav-fg-dim)}.scope-select{background:var(--nav-bg-active);border:1px solid var(--nav-border);height:26px;color:var(--nav-fg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:0 6px}.masthead-alerts{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--nav-fg);justify-content:center;align-items:center;display:flex;position:relative}.masthead-alerts:hover{background:var(--nav-bg-active);text-decoration:none}.masthead-alert-count{background:var(--state-critical);color:#fff;text-align:center;border-radius:8px;min-width:14px;padding:0 4px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:2px;right:2px}.masthead-user{position:relative}.masthead-user-btn{height:32px;color:var(--nav-fg);font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0 8px;font-weight:600;display:flex}.masthead-user-btn:hover{background:var(--nav-bg-active)}.masthead-menu{background:var(--surface-raised);width:200px;color:var(--text);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:20;position:absolute;top:38px;right:0;overflow:hidden}.masthead-menu-header{border-bottom:1px solid var(--border);padding:10px 12px}.masthead-menu-name{font-weight:700;font-size:var(--font-size-sm)}.masthead-menu-role{font-size:var(--font-size-xs);color:var(--text-faint)}.masthead-menu-item{text-align:left;width:100%;font-size:var(--font-size-sm);cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;gap:8px;padding:9px 12px;display:flex}.masthead-menu-item:hover{background:var(--grey-100)}.shell-body{flex:1;min-height:0;display:flex}.side-nav{width:var(--sidebar-width);background:var(--surface-raised);border-right:1px solid var(--border);flex:none;padding:8px 0;overflow-y:auto}.side-nav-item{height:34px;color:var(--text-dim);font-size:var(--font-size-sm);align-items:center;gap:10px;padding:0 16px;font-weight:600;display:flex}.side-nav-item:hover{background:var(--grey-100);color:var(--text);text-decoration:none}.side-nav-item.active{background:var(--clr-blue-100);color:var(--clr-blue-700);border-right:3px solid var(--clr-blue-500)}.side-nav-badge{background:var(--state-critical);color:#fff;border-radius:8px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.shell-content{flex:1;min-width:0;padding:16px 20px;overflow-y:auto}.kpi-card{justify-content:space-between;align-items:flex-start;gap:8px;transition:box-shadow .12s,transform .12s;display:flex}.kpi-card.clickable{cursor:pointer}.kpi-card.clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-icon{border-radius:var(--radius-md);background:var(--clr-blue-100);width:30px;height:30px;color:var(--clr-blue-600);flex:none;justify-content:center;align-items:center;display:flex}.kpi-icon-critical{background:var(--state-critical-bg);color:var(--state-critical)}.kpi-icon-warning{background:var(--state-warning-bg);color:var(--state-warning)}.kpi-value{font-size:26px;font-weight:700;line-height:1}.kpi-sub{font-size:var(--font-size-xs);color:var(--text-faint);margin-top:3px}.dash-charts,.dash-lists{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.dash-charts,.dash-lists{grid-template-columns:1fr}}.stacked-bar{background:var(--grey-150);border-radius:10px;height:20px;display:flex;overflow:hidden}.stacked-bar-seg{min-width:3px;height:100%}.stacked-bar-seg.clickable{cursor:pointer}.stacked-bar-seg.clickable:hover{filter:brightness(1.1)}.stacked-bar-empty{background:var(--grey-150);flex:1}.chart-legend{flex-wrap:wrap;gap:6px 16px;margin-top:14px;display:flex}.chart-legend-item{font-size:var(--font-size-sm);color:var(--text-dim);background:0 0;border:none;align-items:center;gap:6px;margin:0;padding:0;display:flex}.chart-legend-item:not(:disabled){cursor:pointer}.chart-legend-item:not(:disabled):hover{color:var(--text)}.chart-legend-item strong{color:var(--text);font-variant-numeric:tabular-nums}.chart-legend-swatch{border-radius:2px;flex:none;width:9px;height:9px}.bar-list{flex-direction:column;gap:11px;display:flex}.bar-list-row{grid-template-columns:112px 1fr 28px;align-items:center;gap:10px;display:grid}.bar-list-row.clickable{cursor:pointer}.bar-list-label{font-size:var(--font-size-sm);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-list-track{background:var(--grey-100);border-radius:4px;height:14px;overflow:hidden}.bar-list-fill{border-radius:4px;min-width:3px;height:100%;display:block}.bar-list-value{font-size:var(--font-size-sm);text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.activity-feed{flex-direction:column;display:flex}.activity-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 14px;line-height:1.3;display:flex}.activity-row:last-child{border-bottom:none}.activity-icon{background:var(--grey-100);width:18px;height:18px;color:var(--text-dim);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.activity-body{min-width:0;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.activity-actor{font-weight:600}.activity-action{color:var(--text-dim)}.activity-time{font-size:var(--font-size-xs);color:var(--text-faint);white-space:nowrap;flex:none}.kpi-grid-8{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.kpi-grid-8{grid-template-columns:repeat(2,minmax(0,1fr))}}.dash-attention{border:1px solid var(--border);border-left:3px solid var(--state-warning);border-radius:var(--radius-md);background:var(--surface-raised);margin-bottom:16px;padding:10px 14px}.dash-attention.is-clear{border-left-color:var(--state-healthy)}.dash-attention-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim);align-items:center;gap:6px;font-weight:700;display:flex}.dash-attention.is-clear .dash-attention-title svg{color:var(--state-healthy)}.dash-attention ul{flex-wrap:wrap;gap:6px 8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.dash-attention-item{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.dash-attention-item:hover{border-color:var(--text-faint)}.dash-attention-critical svg{color:var(--state-critical)}.dash-attention-warning svg{color:var(--state-warning)}.dash-attention-info svg{color:var(--state-info)}.dash-charts-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1200px){.dash-charts-3{grid-template-columns:1fr 1fr}}@media (width<=800px){.dash-charts-3{grid-template-columns:1fr}}.dash-note{font-size:var(--font-size-xs)}.dash-placeholder{color:var(--text-faint);font-size:var(--font-size-sm);margin:0}.dash-footnote{color:var(--text-faint);font-size:var(--font-size-xs);align-items:center;gap:6px;margin:12px 0 0;display:flex}.dash-list{margin:0;padding:0;list-style:none}.dash-list li{border-bottom:1px solid var(--border);padding:7px 14px}.dash-list li:last-child{border-bottom:none}.dash-list li.clickable{cursor:pointer}.dash-list li.clickable:hover{background:var(--grey-50)}.dash-list-row{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;gap:10px;display:flex}.dash-list-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.dash-list-right{font-size:var(--font-size-xs);flex:none;align-items:center;gap:6px;display:flex}.dash-count{font-variant-numeric:tabular-nums;font-weight:700}.dash-list-empty{color:var(--text-faint);font-size:var(--font-size-sm);align-items:center;gap:6px;display:flex}.dash-list-empty svg{color:var(--state-healthy);flex:none}.trend{border-bottom:1px solid var(--border-strong);align-items:flex-end;gap:3px;height:110px;display:flex}.trend.clickable{cursor:pointer}.trend-col{flex:1;align-items:flex-end;min-width:0;height:100%;display:flex}.trend-col:hover{background:var(--grey-50)}.trend-stack{flex-direction:column-reverse;gap:2px;width:100%;min-height:0;display:flex}.trend-seg{min-height:3px;display:block}.trend-seg:last-child{border-radius:2px 2px 0 0}.trend{position:relative}.trend-empty{color:var(--text-faint);font-size:var(--font-size-sm);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.trend-axis{font-size:var(--font-size-xs);color:var(--text-faint);justify-content:space-between;margin-top:4px;display:flex}.tree{font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.tree-node-row{border-radius:var(--radius-sm);cursor:pointer;height:30px;color:var(--text);white-space:nowrap;align-items:center;gap:6px;padding-right:8px;display:flex}.tree-node-row:hover{background:var(--grey-100)}.tree-node-row.selected{background:var(--clr-blue-100);color:var(--clr-blue-700);font-weight:600}.tree-children{padding-left:20px}.tree-toggle{width:22px;height:22px;color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:flex}.tree-toggle:hover{background:var(--grey-200);color:var(--text)}.tree-toggle.spacer{visibility:hidden}.tree-icon{color:var(--text-faint);flex:none;display:flex}.tree-label{text-overflow:ellipsis;overflow:hidden}.tree-count{color:var(--text-faint);font-size:var(--font-size-xs);margin-left:auto;padding-left:6px}.assets-page{flex-direction:column;height:100%;display:flex}.assets-layout{flex:1;gap:16px;min-height:0;display:flex}.assets-tree-pane{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);flex:none;width:280px;min-height:0;padding:8px;overflow-y:auto}.assets-main-pane{flex:1;min-width:0;min-height:0;overflow-y:auto}.asset-detail-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.asset-detail-title{flex-direction:column;display:flex}.asset-detail-title h1{margin:0}.asset-detail-meta{color:var(--text-faint);font-size:var(--font-size-sm)}.metric-tile{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);padding:10px 12px}.metric-tile-value{font-size:18px;font-weight:700}.metric-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.overview-top-row{align-items:flex-start;gap:16px;display:flex}.overview-top-row>.card{flex:1;min-width:0}@media (width<=900px){.overview-top-row{flex-direction:column}}.link-button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.link-button:hover{color:var(--clr-blue-500)}.th-sort{font-weight:600}.file-breadcrumbs{font-size:var(--font-size-sm);flex-wrap:wrap;align-items:center;gap:2px;display:flex}.file-breadcrumbs button{cursor:pointer;color:var(--clr-blue-500);font:inherit;background:0 0;border:none;padding:2px 4px}.file-breadcrumbs button:hover{text-decoration:underline}.health-banner{border-radius:var(--radius-md);width:100%;font-size:var(--font-size-sm);text-align:left;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);border-left:3px solid #0000;align-items:flex-start;gap:10px;margin-bottom:12px;padding:10px 14px;font-family:inherit;display:flex}.health-banner-ok{border-left-color:var(--state-healthy);align-items:center}.health-banner-ok svg{color:var(--state-healthy);flex:none}.health-banner-problem{cursor:pointer}.health-banner-problem:hover{border-color:var(--border-strong)}.health-banner-problem.severity-error{border-left-color:var(--state-critical)}.health-banner-problem.severity-misconfigured{border-left-color:var(--state-misconfigured)}.health-banner-problem.severity-warning{border-left-color:var(--state-warning)}.health-banner-problem.severity-stale{border-left-color:var(--state-info)}.health-banner-problem svg{flex:none;margin-top:2px}.health-banner-problem.severity-error svg{color:var(--state-critical)}.health-banner-problem.severity-misconfigured svg{color:var(--state-misconfigured)}.health-banner-problem.severity-warning svg{color:var(--state-warning)}.health-banner-problem.severity-stale svg{color:var(--state-info)}.health-banner-list{flex-direction:column;flex:1;gap:4px;display:flex}.health-banner-item{align-items:center;gap:8px;display:flex}.health-banner-action{color:var(--text-dim);white-space:nowrap;align-self:center;font-weight:700}.registry-toolbar{flex-wrap:nowrap}.registry-address{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);flex:1;align-items:center;gap:6px;min-width:160px;height:26px;padding:0 8px;display:flex}.registry-address:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 1px var(--focus-ring)}.registry-address input{min-width:0;color:var(--text);font:inherit;font-family:var(--font-mono);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1}.registry-quick{border-bottom:1px solid var(--border);background:var(--surface-sunken);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 14px;display:flex}.registry-quick-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint);font-weight:700}.registry-chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-dim);font:inherit;font-size:var(--font-size-sm);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:1px 9px;display:inline-flex}.registry-chip:hover{border-color:var(--clr-blue-400);color:var(--text)}.registry-chip.is-active{background:var(--clr-blue-100);border-color:var(--clr-blue-400);color:var(--clr-blue-700);font-weight:600}.registry-chip-pin{cursor:default;padding:0}.registry-chip-pin button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:1px 4px 1px 9px;display:inline-flex}.registry-chip-pin .registry-chip-x{color:var(--text-faint);padding:1px 7px 1px 2px}.registry-chip-pin .registry-chip-x:hover{color:var(--state-critical)}.registry-panes{grid-template-columns:minmax(240px,320px) 1fr;min-height:420px;display:grid}.registry-keys{border-right:1px solid var(--border);height:640px;font-size:var(--font-size-sm);padding:4px 0;overflow:auto}.registry-values{flex-direction:column;min-width:0;max-height:640px;display:flex;overflow:auto}.registry-node{align-items:center;gap:2px;height:24px;padding-right:6px;display:flex}.registry-node:hover{background:var(--grey-100)}.registry-node.is-current{background:var(--clr-blue-100);color:var(--clr-blue-700);font-weight:600}.registry-node-toggle{border-radius:var(--radius-sm);width:18px;height:18px;color:var(--text-dim);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}button.registry-node-toggle{cursor:pointer}button.registry-node-toggle:hover{background:var(--grey-200);color:var(--text)}.registry-node-label{min-width:0;height:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:0;display:flex}.registry-node-label svg{color:var(--text-faint);flex:none}.registry-node.is-current .registry-node-label svg{color:var(--clr-blue-600)}.registry-node-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.registry-node-note{height:22px;font-size:var(--font-size-xs);align-items:center;display:flex}.registry-key-delete{visibility:hidden;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px 4px}.registry-node:hover .registry-key-delete{visibility:visible}.registry-key-delete:hover{color:var(--state-critical)}.registry-values-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.registry-values-title{min-width:0;font-size:var(--font-size-sm);flex:1;align-items:center;gap:8px;display:flex}.registry-values-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-md);overflow:hidden}.registry-filter{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:6px;width:260px;max-width:100%;height:26px;padding:0 8px;display:flex}.registry-filter:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 1px var(--focus-ring)}.registry-filter input{min-width:0;color:var(--text);font:inherit;font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1}.registry-filter button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0;display:flex}.registry-filter button:hover{color:var(--text)}.registry-table-wrap{flex:1;min-height:0;overflow:auto}.registry .data-table tr.selected td{background:var(--clr-blue-100)}.registry-detail{border-top:1px solid var(--border);background:var(--surface-sunken);padding:8px 12px}.registry-detail-head{font-size:var(--font-size-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.registry-detail-data{white-space:pre-wrap;word-break:break-all;max-height:140px;font-family:var(--font-mono);font-size:var(--font-size-sm);margin:6px 0 0;overflow:auto}.registry-data{font-family:var(--font-mono);font-size:var(--font-size-sm);word-break:break-all}.registry-data-input{font-family:var(--font-mono)}@media (width<=800px){.registry-panes{grid-template-columns:1fr}.registry-keys{border-right:none;border-bottom:1px solid var(--border);height:280px}.registry-toolbar{flex-wrap:wrap}}.ov-tiles{grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:10px;display:grid}.ov-tile{border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);align-items:flex-start;gap:10px;min-width:0;padding:10px 12px;display:flex}.ov-tile.clickable{cursor:pointer}.ov-tile.clickable:hover{box-shadow:var(--shadow-md)}.ov-tile-healthy{border-left-color:var(--state-healthy)}.ov-tile-warning{border-left-color:var(--state-warning)}.ov-tile-critical{border-left-color:var(--state-critical)}.ov-tile-info{border-left-color:var(--state-info)}.ov-tile-icon{border-radius:var(--radius-md);background:var(--grey-100);width:28px;height:28px;color:var(--text-dim);flex:none;justify-content:center;align-items:center;display:flex}.ov-tile-healthy .ov-tile-icon{background:var(--state-healthy-bg);color:var(--state-healthy)}.ov-tile-warning .ov-tile-icon{background:var(--state-warning-bg);color:var(--state-warning)}.ov-tile-critical .ov-tile-icon{background:var(--state-critical-bg);color:var(--state-critical)}.ov-tile-info .ov-tile-icon{background:var(--state-info-bg);color:var(--state-info)}.ov-tile-body{flex-direction:column;min-width:0;display:flex}.ov-tile-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint);font-weight:700}.ov-tile-value{font-size:var(--font-size-xl);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.25;overflow:hidden}.ov-tile-sub{font-size:var(--font-size-xs);color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ov-grid{column-width:340px;column-gap:12px}.ov-grid>.card,.ov-grid>.ov-grid-cell{break-inside:avoid;margin-bottom:12px}.ov-grid-cell{min-width:0}.ov-card-note{font-size:var(--font-size-xs)}.ov-kv{flex-direction:column;margin:0;display:flex}.ov-kv-row{border-bottom:1px solid var(--border);font-size:var(--font-size-sm);grid-template-columns:140px minmax(0,1fr);gap:10px;padding:3px 0;display:grid}.ov-kv-row:last-child{border-bottom:none}.ov-kv dt{color:var(--text-dim);font-weight:600}.ov-kv dd{overflow-wrap:anywhere;margin:0}.ov-meters{flex-direction:column;gap:10px;display:flex}.ov-more{font-size:var(--font-size-sm)}.ov-empty{color:var(--text-faint);font-size:var(--font-size-sm);margin:0;padding:4px 0}.card-body.flush>.ov-empty{padding:12px 14px}.ov-ok{align-items:center;gap:6px;display:flex}.ov-ok svg{color:var(--state-healthy);flex:none}.ov-footnote{color:var(--text-faint);font-size:var(--font-size-xs);margin:8px 0 0}.ov-list{margin:0;padding:0;list-style:none}.ov-list li{border-bottom:1px solid var(--border);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:6px 14px;display:flex}.ov-list li:last-child{border-bottom:none}.ov-list li>a,.ov-list li>.ov-list-title{min-width:0;color:inherit;flex:1;align-items:center;gap:6px;text-decoration:none;display:flex}.ov-list li>a:hover .ov-list-title{text-decoration:underline}.ov-list-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ov-list-number{color:var(--text-dim);flex:none}.ov-list-meta{color:var(--text-faint);font-size:var(--font-size-xs);white-space:nowrap;flex:none}.ov-list-more{color:var(--text-faint);justify-content:flex-start!important}.registry .registry-table-wrap thead th{z-index:1;background:var(--surface-sunken);position:sticky;top:0}.assign-bar{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);min-height:40px;font-size:var(--font-size-sm);flex-wrap:wrap;align-items:center;gap:14px;padding:6px 12px;display:flex}.assign-item{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.assign-label{color:var(--text-dim);font-weight:600}.assign-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.assign-divider{background:var(--border);align-self:stretch;width:1px;margin:4px 0}.assign-edit{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.assign-picker{width:240px;max-width:100%}.assign-status-select{width:auto;max-width:150px;height:24px;font-size:var(--font-size-sm);padding-top:0;padding-bottom:0}.assign-history{white-space:nowrap}@media (width<=800px){.assign-divider{display:none}}.mh-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.mh-ranges{flex-wrap:wrap;gap:4px;display:flex}.mh-custom{align-items:center;gap:6px;display:flex}.mh-summary{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:flex-end;gap:24px;margin-bottom:12px;padding:10px 12px;display:flex}.mh-stat-label{font-size:var(--font-size-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.mh-stat-value{font-size:var(--font-size-md,14px);align-items:center;gap:6px;font-weight:600;display:flex}.mh-live{font-size:var(--font-size-sm);align-items:center;gap:6px;display:flex}.mh-live-dot{background:var(--state-healthy);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite mh-pulse}@keyframes mh-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.mh-live-dot{animation:none}}.mh-chart{width:100%}.mh-empty{text-align:center;color:var(--text-faint);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:32px 12px}.mh-note{font-size:var(--font-size-xs);margin-top:6px}.mh-tooltip{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:6px 10px;box-shadow:0 2px 8px #0000002e}.mh-tooltip-time{color:var(--text-dim);font-size:var(--font-size-xs);margin-bottom:2px}.mh-legend{font-size:var(--font-size-sm);flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;display:flex}.mh-legend-item{align-items:center;gap:6px;display:inline-flex}.mh-swatch{border-radius:2px;width:12px;height:12px;display:inline-block}.mh-strip{background:var(--surface-sunken);border:1px solid var(--border);border-radius:3px;height:26px;position:relative;overflow:hidden}.mh-strip-seg{border-right:2px solid var(--surface);position:absolute;top:0;bottom:0}.mh-strip-axis{font-size:var(--font-size-xs);justify-content:space-between;margin-top:3px;display:flex}.mh-table-head{align-items:center;gap:10px;margin:16px 0 6px;display:flex}.mh-table-head h4{margin:0}.mh-table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:340px;overflow:auto}.mh-value{white-space:pre-wrap;overflow-wrap:anywhere}.mh-value-details summary{cursor:pointer;overflow-wrap:anywhere}.mh-value-full{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-sunken);border-radius:var(--radius-sm);max-height:220px;margin:6px 0 0;padding:8px;overflow:auto}.mh-now{color:var(--state-healthy);font-weight:600}.policy-kind{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.policy-kind-icon{width:24px;height:24px;color:var(--kind-color);background:var(--kind-bg);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.policy-kind-monitor{--kind-color:var(--state-info);--kind-bg:var(--state-info-bg)}.policy-kind-tasks{--kind-color:var(--state-misconfigured);--kind-bg:var(--state-misconfigured-bg)}.policy-kind-patch{--kind-color:var(--state-healthy);--kind-bg:var(--state-healthy-bg)}.policy-kind-maintenance{--kind-color:var(--state-warning);--kind-bg:var(--state-warning-bg)}.policy-summary{border-bottom:1px solid var(--border);font-size:var(--font-size-sm);flex-wrap:wrap;gap:8px 24px;padding:12px 16px;display:flex}.policy-summary strong{margin-left:2px}.policy-summary .is-none{opacity:.55}.preset-group{margin-top:16px}.preset-group h3{font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim);margin:0 0 4px;font-weight:700}.preset-row{border-top:1px solid var(--border);align-items:flex-start;gap:12px;padding:10px 4px;display:flex}.preset-row>input[type=checkbox]{margin-top:4px}.preset-main{flex:1;min-width:0}.preset-description{font-size:var(--font-size-sm);margin-top:4px}.preset-applies{font-size:var(--font-size-xs);margin-top:4px}.preset-outcome{font-size:var(--font-size-sm);align-items:center;gap:6px;margin-top:6px;display:flex}.preset-outcome.is-ok{color:var(--state-healthy)}.preset-outcome.is-failed{color:var(--state-critical)}.preset-details{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:320px;margin-top:8px;padding:8px 10px;overflow:auto}.preset-monitors{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.preset-monitors th{text-align:left;color:var(--text-dim);padding:2px 8px 6px 0;font-weight:600}.preset-monitors td{vertical-align:top;border-top:1px solid var(--border);padding:4px 8px 4px 0}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}.terminal-panel{border:1px solid var(--border,var(--grey-200));background:#0c0c0c;border-radius:6px;flex-direction:column;height:calc(100vh - 250px);min-height:380px;display:flex;overflow:hidden}.terminal-popout{border:none;border-radius:0;height:100vh}.terminal-toolbar{background:var(--surface,#fff);border-bottom:1px solid var(--border,var(--grey-200));flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.terminal-toolbar .spacer{flex:1}.terminal-status{font-size:var(--font-size-sm);align-items:center;gap:6px;font-weight:600;display:inline-flex}.terminal-status-dot{background:var(--grey-400,#999);border-radius:50%;width:8px;height:8px}.terminal-status-connected .terminal-status-dot{background:#16a34a}.terminal-status-connecting .terminal-status-dot,.terminal-status-reconnecting .terminal-status-dot{background:#d97706}.terminal-status-error .terminal-status-dot,.terminal-status-ended .terminal-status-dot{background:#dc2626}.terminal-stage{background:#0c0c0c;flex:1;min-height:0;position:relative}.terminal-container{box-sizing:border-box;padding:6px 0 0 8px;position:absolute;inset:0}.terminal-container .xterm{height:100%}.terminal-container .xterm-viewport{background-color:#0c0c0c!important}.terminal-banner{color:#e5e5e5;font-size:var(--font-size-sm);z-index:2;background:#262626eb;border-radius:4px;align-items:center;gap:8px;padding:4px 10px;display:flex;position:absolute;top:8px;right:12px}.terminal-overlay{z-index:3;background:#0c0c0cb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.terminal-overlay-card{background:var(--surface,#fff);max-width:440px;color:var(--text,#111);text-align:center;border-radius:8px;padding:20px 24px;box-shadow:0 8px 30px #00000073}.terminal-overlay-card p{color:var(--text-dim,#555);font-size:var(--font-size-sm);margin:8px 0 12px}.terminal-overlay-card strong{margin-bottom:4px;display:block}.code-editor{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);overflow:hidden}.code-editor.loading-row{justify-content:center;align-items:center;display:flex}.code-output{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);max-height:340px;font-family:var(--font-mono);font-size:var(--font-size-xs);white-space:pre-wrap;word-break:break-word;margin:0;padding:10px 12px;line-height:1.5;overflow:auto}.code-output.is-error{border-left:3px solid var(--state-critical)}.code-output-empty{color:var(--text-faint);font-style:italic}.param-grid{grid-template-columns:1.1fr 1.6fr 1.2fr auto auto;align-items:start;gap:8px;display:grid}.param-grid-cell{justify-content:center;align-items:center;height:28px;display:flex}.param-grid-head{font-size:var(--font-size-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em}@media (width<=900px){.param-grid{grid-template-columns:1fr 1fr}}.script-editor-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}@media (width<=1100px){.script-editor-layout{grid-template-columns:1fr}}.run-counts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.run-counts .text-faint{font-size:var(--font-size-sm)}.weekday-picker{flex-wrap:wrap;gap:4px;display:flex}.weekday-picker button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);min-width:46px;height:28px;color:var(--text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;padding:0 8px}.weekday-picker button.active{background:var(--clr-blue-500);border-color:var(--clr-blue-500);color:#fff}.task-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.task-item:last-child{border-bottom:none}.task-item.is-disabled{opacity:.6}.task-item-main{flex:1;min-width:0}.task-item-title{flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.task-item-meta{color:var(--text-dim);font-size:var(--font-size-sm);margin-top:2px}.task-item-upcoming{color:var(--text-faint);font-size:var(--font-size-xs);margin-top:4px}.task-item-actions{gap:6px;display:flex}.name-cell-text{flex-direction:column;min-width:0;display:flex}.name-cell-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.name-cell-sub{color:var(--text-faint);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kv-table td:first-child{width:150px;color:var(--text-dim);font-weight:600}.callout{border:1px solid var(--border);border-left:3px solid var(--clr-blue-500);border-radius:var(--radius-md);background:var(--surface-sunken);font-size:var(--font-size-sm);padding:8px 12px}.step-choice{align-items:center;gap:12px;display:flex}.step-choice .checkbox-row{min-width:96px}.step-choice .text-faint{font-size:var(--font-size-sm)}.step-block{border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px}.schedule-box{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);padding:12px}.os-status-row{flex-wrap:wrap;align-items:center;gap:16px;padding:12px 14px;display:flex}.os-status-item{flex-direction:column;gap:2px;min-width:140px;display:flex}.os-status-label{color:var(--text-faint);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em}.os-actions{flex-wrap:wrap;align-items:center;gap:6px;padding:0 14px 12px;display:flex}.os-active-run{border-top:1px solid var(--border);background:var(--surface-sunken);font-size:var(--font-size-sm);align-items:center;gap:10px;padding:8px 14px;display:flex}.os-update-title{flex-direction:column;min-width:0;display:flex}.os-update-title strong{text-overflow:ellipsis;font-weight:600;overflow:hidden}.os-update-sub{color:var(--text-faint);font-size:var(--font-size-xs)}.os-update-error{color:var(--state-critical);font-size:var(--font-size-xs)}.os-config-row{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.os-config-field{flex-direction:column;gap:4px;max-width:420px;display:flex}.os-config-hint{color:var(--text-faint);font-size:var(--font-size-sm);margin:0}.rule-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rule-list li{grid-template-columns:140px auto;align-items:center;column-gap:12px;display:grid}.os-top-row{grid-template-columns:minmax(260px,1fr) minmax(0,2fr);align-items:stretch;gap:16px;display:grid}.os-top-row>.card{flex-direction:column;min-width:0;display:flex}.os-top-row>.card>.card-body{flex-direction:column;flex:1;display:flex}.os-top-row .os-actions{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}@media (width<=1100px){.os-top-row{grid-template-columns:1fr}}.os-config-facts{font-size:var(--font-size-sm);flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.os-config-facts li{align-items:center;gap:6px;display:flex}.os-config-facts li svg{color:var(--text-faint);flex:none}.os-tiles{grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:10px;padding:14px;display:grid}.os-tile{border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-sunken);flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:flex}.os-tile-warning{border-left-color:var(--state-warning)}.os-tile-info{border-left-color:var(--state-info)}.os-tile-critical{border-left-color:var(--state-critical)}.os-tile-value{font-size:var(--font-size-xl);font-weight:700;line-height:1.2}.os-tile-value-sm{font-size:var(--font-size-md);font-weight:600;line-height:1.5}.os-tile-sub{font-size:var(--font-size-xs);color:var(--text-faint);min-height:1.2em}.user-avatar{color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.user-cell{align-items:center;gap:10px;min-width:0;display:flex}.user-cell-text{flex-direction:column;min-width:0;display:flex}.user-cell-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.user-cell-sub{color:var(--text-faint);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-detail-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.user-detail-title{flex-direction:column;display:flex}.user-detail-title h1{margin:0}.user-detail-meta{color:var(--text-faint);font-size:var(--font-size-sm)}.user-detail-badges{align-items:center;gap:8px;display:flex}.user-metrics{margin-bottom:12px}.metric-tile-label{font-size:var(--font-size-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.metric-tile-sub{font-size:var(--font-size-xs);color:var(--text-faint);margin-top:2px}.user-detail-table td:first-child{width:160px;color:var(--text-dim);font-weight:600}.user-inactive-banner{border:1px solid var(--border);border-left:3px solid var(--state-warning);border-radius:var(--radius-md);background:var(--surface-raised);font-size:var(--font-size-sm);align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.admin-tabs{border-bottom:1px solid var(--border-strong);flex-wrap:wrap;gap:4px;display:flex}.admin-tab{font-size:var(--font-size-sm);color:var(--text-dim);border-bottom:2px solid #0000;padding:8px 14px;font-weight:600}.admin-tab:hover{color:var(--text);text-decoration:none}.admin-tab.active{color:var(--clr-blue-600);border-bottom-color:var(--clr-blue-500)}.customer-name{align-items:center;gap:8px;font-weight:600;display:flex}.customer-name-icon{border-radius:var(--radius-sm);background:var(--clr-blue-100);width:26px;height:26px;color:var(--clr-blue-600);flex:none;justify-content:center;align-items:center;display:flex}.data-table tbody tr.no-hover:hover{background:0 0}.dept-panel{background:var(--grey-50);border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.dept-panel-header{border-bottom:1px solid var(--border);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim);align-items:center;gap:8px;padding:7px 10px;font-weight:700;display:flex}.dept-list{flex-direction:column;display:flex}.dept-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:7px 10px;display:flex}.dept-row:last-child{border-bottom:none}.dept-row:hover{background:var(--grey-100)}.dept-row-name{min-width:0;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dept-row-interval{flex:none;width:64px}.dept-row-actions{flex:none;gap:2px;display:flex}.dept-empty{text-align:center;color:var(--text-faint);font-size:var(--font-size-sm);padding:14px 10px}.dept-add-row{border-top:1px solid var(--border);align-items:center;gap:8px;padding:7px 10px;display:flex}.email-tpl{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:14px;display:grid}.email-tpl-list{flex-direction:column;gap:6px;display:flex;position:sticky;top:8px}.email-tpl-item{text-align:left;cursor:pointer;background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:3px;padding:10px 12px;display:flex}.email-tpl-item:hover{border-color:var(--border-strong)}.email-tpl-item.active{border-color:var(--clr-blue-500);box-shadow:inset 3px 0 0 var(--clr-blue-500)}.email-tpl-item-name{font-weight:600;font-size:var(--font-size-sm);justify-content:space-between;align-items:center;gap:8px;display:flex}.email-tpl-item-desc{font-size:var(--font-size-xs);color:var(--text-faint);line-height:1.35}.email-tpl-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--clr-blue-600);background:var(--grey-100);border-radius:10px;flex:none;padding:1px 6px;font-size:10px;font-weight:700}.email-tpl-main{flex-direction:column;gap:14px;min-width:0;display:flex}.email-tpl-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.email-tpl-pane{flex-direction:column;gap:6px;min-width:0;display:flex}.email-tpl-pane-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim);align-items:center;font-weight:700}.email-tpl-pane-title .tabs{margin:0}.email-tpl-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;height:560px;overflow:auto}.email-tpl-preview iframe{background:#fff;border:0;width:100%;height:100%;display:block}.email-tpl-preview pre{white-space:pre-wrap;font-size:var(--font-size-sm);color:#111827;margin:0;padding:12px}.email-tpl-preview .loading-row{color:#6b7280}.email-tpl-subject{font-size:var(--font-size-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);padding:6px 10px}.email-tpl-error{font-size:var(--font-size-sm);border-radius:var(--radius-md);color:var(--state-critical);background:var(--state-critical-bg);border:1px solid var(--state-critical);padding:8px 10px}.email-tpl-mono{font-family:var(--font-mono)}@media (width<=1280px){.email-tpl-panes{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.email-tpl{grid-template-columns:minmax(0,1fr)}.email-tpl-list{position:static}}