:root{--bg:#0f172a;--panel:#111827;--panel2:#172036;--text:#e5e7eb;--muted:#94a3b8;--line:#243044;--accent:#38bdf8;--accent2:#22c55e;--danger:#f87171}html[data-theme=light]{--bg:#f8fafc;--panel:#fff;--panel2:#e2e8f0;--text:#0f172a;--muted:#64748b;--line:#cbd5e1;--accent:#0284c7;--accent2:#16a34a;--danger:#dc2626}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:linear-gradient(140deg,var(--bg),var(--panel) 55%,var(--panel2));color:var(--text)}a{color:#7dd3fc;text-decoration:none}html[data-theme=light] a{color:#0369a1}h1{font-size:30px;margin:0 0 6px}h2{margin-top:0}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;background:rgba(15,23,42,.92);border-right:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:24px;overflow:auto}html[data-theme=light] .sidebar{background:rgba(255,255,255,.94)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px}.brand.large{font-size:28px;margin-bottom:18px}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#818cf8);color:#020617}.sidebar nav,.nav-tree{display:flex;flex-direction:column;gap:6px}.nav-link,.nav-group>summary,.nav-subgroup>summary{display:flex;align-items:center;min-height:36px;padding:9px 12px;border-radius:8px;color:var(--text);font-size:14px;line-height:1.2;cursor:pointer}.nav-link:hover,.nav-group>summary:hover,.nav-subgroup>summary:hover{background:var(--panel2)}.nav-group,.nav-subgroup{display:grid;gap:4px}.nav-group>summary,.nav-subgroup>summary{font-weight:800;list-style:none}.nav-group>summary::-webkit-details-marker,.nav-subgroup>summary::-webkit-details-marker{display:none}.nav-group>summary:before,.nav-subgroup>summary:before,.settings-menu>summary:before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid var(--muted);margin-right:8px;transition:transform .15s ease}.nav-group[open]>summary:before,.nav-subgroup[open]>summary:before,.settings-menu[open]>summary:before{transform:rotate(90deg)}.nav-children{display:flex;flex-direction:column;gap:3px;margin-left:14px;padding-left:10px;border-left:1px solid var(--line)}.nav-subgroup .nav-children{margin-left:10px}.nav-link.disabled{color:var(--muted);cursor:not-allowed;opacity:.66}.nav-link.disabled:hover{background:transparent}.content{margin-left:280px;padding:34px}.version-card{border:1px solid var(--line);border-radius:8px;background:rgba(17,24,39,.6);padding:12px;display:grid;gap:8px;flex:none}html[data-theme=light] .version-card{background:#fff}.version-card div,.version-card a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.version-card strong{color:var(--text);font-size:13px}.version-card a strong{color:#7dd3fc}.settings-menu{margin-top:auto;display:grid;gap:8px}.settings-menu>summary{display:flex;align-items:center;min-height:36px;padding:9px 12px;border-radius:8px;color:var(--text);font-size:14px;font-weight:800;list-style:none;cursor:pointer}.settings-menu>summary::-webkit-details-marker{display:none}.settings-menu>summary:hover{background:var(--panel2)}.settings-panel{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:12px}.theme-toggle{width:100%;background:transparent;color:var(--text);border:1px solid var(--line)}.profile-link{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--text)}.profile-link:hover{background:var(--panel2)}.profile-link strong,.profile-link small{display:block}.profile-link small{color:var(--muted);font-size:12px}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(56,189,248,.18);border:1px solid var(--line);color:var(--text);font-weight:800}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar.compact{margin-bottom:12px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;margin-bottom:22px}.card,.panel,.login-card{background:rgba(17,24,39,.82);border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.25);border-radius:22px;padding:22px}html[data-theme=light] .card,html[data-theme=light] .panel,html[data-theme=light] .login-card{background:rgba(255,255,255,.88);box-shadow:0 20px 60px rgba(15,23,42,.12)}.card span{display:block;color:var(--muted)}.card strong{font-size:42px}.panel{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px;vertical-align:top}th{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),#818cf8);color:#02111f;font-weight:800;padding:11px 16px;cursor:pointer}.button.secondary,.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.button.small{padding:8px 12px;margin-top:12px}.search{display:flex;gap:12px;margin-bottom:18px}.search input{flex:1}.stack{display:grid;gap:16px}.section-gap{margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}label{display:grid;gap:8px;color:var(--muted)}input,textarea,select{width:100%;border:1px solid var(--line);background:#0b1220;color:var(--text);padding:12px 14px;border-radius:12px}html[data-theme=light] input,html[data-theme=light] textarea,html[data-theme=light] select{background:#fff}textarea{min-height:120px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(460px,100%)}.alert{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.45);padding:12px;border-radius:12px;margin:12px 0}.success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.45);padding:12px;border-radius:12px;margin-bottom:16px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.secret{font-size:22px;background:#0b1220;border:1px solid var(--line);border-radius:14px;padding:16px;margin:8px 0}html[data-theme=light] .secret{background:#fff}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px}.detail-grid label{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.detail-grid p{font-size:18px;margin:8px 0 0}.asset-detail{display:grid;gap:22px}.asset-photo-wrap{max-width:360px}.asset-photo{width:100%;max-height:260px;object-fit:cover;border:1px solid var(--line);border-radius:14px;background:#0b1220}@media(max-width:850px){.sidebar{position:static;width:auto}.content{margin:0;padding:20px}.cards,.form-grid,.detail-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.version-card{margin-top:0}}

/* Compact professional scale */
body{font-size:13px;line-height:1.45}.content{margin-left:260px;padding:24px}h1{font-size:24px;line-height:1.2;margin:0 0 4px}h2{font-size:18px;line-height:1.25;margin:0 0 12px}.muted{font-size:13px}.topbar{margin-bottom:18px}.sidebar{width:260px;padding:18px;gap:18px}.brand{font-size:20px}.brand-mark{width:34px;height:34px;border-radius:10px}.nav-link,.nav-group>summary,.nav-subgroup>summary,.settings-menu>summary{min-height:32px;padding:7px 10px;border-radius:7px;font-size:13px}.nav-children{gap:2px;margin-left:12px}.settings-panel{gap:7px}.profile-link{padding:8px}.version-card{padding:10px}.version-card div,.version-card a,.version-card strong{font-size:12px}.cards{gap:12px;margin-bottom:16px}.card,.panel,.login-card{border-radius:12px;padding:18px;box-shadow:0 12px 36px rgba(0,0,0,.18)}.card strong{font-size:30px}table{font-size:13px}th,td{padding:9px 12px;line-height:1.35}th{font-size:11px;letter-spacing:.055em}.button,button{border-radius:8px;font-size:13px;justify-self:start;line-height:1.2;min-height:34px;padding:8px 12px}.button.small,td .button,td button,td form button{min-height:30px;padding:6px 10px;font-size:12px;border-radius:8px}.search{gap:8px;margin-bottom:14px}.search input{min-height:34px}label{gap:6px;font-size:13px}input,textarea,select{border-radius:8px;font-size:13px;min-height:34px;padding:8px 10px}textarea{min-height:96px}.form-grid{gap:12px}.stack{gap:12px}.section-gap{margin-top:14px}.detail-grid{gap:14px}.detail-grid label{font-size:11px}.detail-grid p{font-size:15px;margin-top:5px}.alert,.success{border-radius:8px;padding:10px 12px}.secret{border-radius:8px;font-size:14px;overflow-wrap:anywhere;padding:10px 12px}.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.form-actions button,.form-actions .button{width:auto}.settings-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid>.wide{grid-column:1/-1}.compact-form{max-width:420px}.field-label{color:var(--muted);display:block;font-size:12px;margin-bottom:6px}.twofa-setup{align-items:start;display:grid;gap:18px;grid-template-columns:180px minmax(0,1fr);max-width:760px}.qr-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:center;padding:12px;width:180px}.qr-card img{display:block;height:154px;width:154px}.theme-toggle{min-height:34px;padding:8px 10px}@media(max-width:850px){.sidebar{width:auto}.content{margin:0;padding:18px}.settings-grid,.twofa-setup{grid-template-columns:1fr}.qr-card{width:max-content}.topbar{margin-bottom:14px}}

/* Friendlier sidebar dropdowns */
.sidebar{padding:16px 12px}.brand{padding:0 6px 10px}.nav-tree{gap:3px}.nav-link,.nav-group>summary,.nav-subgroup>summary{align-items:center;border-radius:8px;color:var(--muted);display:flex;font-weight:700;gap:10px;min-height:36px;padding:8px 10px;position:relative}.nav-link:hover,.nav-group>summary:hover,.nav-subgroup>summary:hover{background:rgba(148,163,184,.1);color:var(--text)}.nav-link.active{background:rgba(148,163,184,.14);color:var(--text)}.nav-group[open]>summary,.nav-subgroup[open]>summary{color:var(--text)}.nav-icon{align-items:center;color:var(--muted);display:inline-flex;flex:0 0 22px;font-size:11px;font-weight:900;justify-content:center;letter-spacing:.02em}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-group>summary:before,.nav-subgroup>summary:before,.settings-menu>summary:before{display:none}.nav-group>summary:after,.nav-subgroup>summary:after{border:solid var(--muted);border-width:0 1.5px 1.5px 0;content:"";height:7px;margin-left:auto;transform:rotate(-45deg);transition:transform .15s ease;width:7px}.nav-group[open]>summary:after,.nav-subgroup[open]>summary:after{transform:rotate(45deg)}.nav-children{border-left:1px solid rgba(148,163,184,.16);gap:4px;margin-left:21px;padding-left:12px}.nav-children .nav-link,.nav-children .nav-subgroup>summary{font-weight:650;min-height:34px;padding:8px 10px}.nav-children .nav-children{margin-left:9px}.admin-group{border-top:1px solid rgba(148,163,184,.12);margin-top:8px;padding-top:8px}.nav-link.disabled{color:var(--muted);opacity:.55}.nav-link.disabled:hover{background:transparent;color:var(--muted)}html[data-theme=light] .nav-link:hover,html[data-theme=light] .nav-group>summary:hover,html[data-theme=light] .nav-subgroup>summary:hover,html[data-theme=light] .nav-link.active{background:rgba(15,23,42,.07)}

/* Sidebar section icons */
.nav-icon svg{display:block;height:16px;width:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.nav-link:hover .nav-icon,.nav-link.active .nav-icon,.nav-group[open]>summary .nav-icon,.nav-subgroup[open]>summary .nav-icon{color:var(--text)}.nav-children{border-left:0;margin-left:28px;padding-left:0}

/* Use the app font consistently */
button,input,select,textarea,table{font-family:inherit}

/* Stronger field headings */
label,.field-label,.detail-grid label{color:var(--text);font-size:13px;font-weight:800;letter-spacing:0;text-transform:none}.table-settings-panel label{color:var(--muted);font-size:12px;font-weight:700}

/* Network monitor */
.checkbox-label{align-items:center;display:flex;flex-direction:row;gap:8px}.checkbox-label input{min-height:0;width:auto}.monitor-settings{border:1px solid var(--line);border-radius:10px;display:grid;gap:12px;padding:12px}.monitor-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.monitor-card{background:rgba(17,24,39,.82);border:1px solid var(--line);border-radius:12px;padding:16px}.monitor-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.monitor-card h2{font-size:16px;margin:0 0 4px}.status-pill{border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;padding:5px 9px}.status-pill.up{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.45);color:#86efac}.status-pill.down{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.45);color:#fca5a5}.monitor-meta{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:14px 0}.monitor-meta span{color:var(--muted);display:block;font-size:12px}.monitor-meta strong{font-size:13px}.uptime-strip{align-items:center;display:flex;gap:3px;min-height:26px}.uptime-block{background:rgba(148,163,184,.22);border-radius:3px;display:block;flex:1;height:22px;min-width:5px}.uptime-block.up{background:#22c55e}.uptime-block.down{background:#ef4444}.monitor-error{color:#fca5a5;font-size:12px;margin:10px 0 0;overflow-wrap:anywhere}
.monitor-title-row{align-items:center;display:flex;gap:8px}.monitor-title-row h2{margin:0}.monitor-refresh-form{display:inline-flex}.monitor-refresh-button{background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted);height:28px;min-height:28px;padding:0;width:28px}.monitor-refresh-button:hover{background:var(--panel2);color:var(--text)}.monitor-refresh-button svg{display:block;height:14px;width:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.monitor-refresh-button.spinning svg{animation:monitor-spin .8s linear infinite}@keyframes monitor-spin{to{transform:rotate(360deg)}}

/* Fixed app top bar and account menu */
.app-topbar{align-items:center;background:rgba(15,23,42,.96);border-bottom:1px solid var(--line);display:flex;height:56px;justify-content:space-between;left:260px;padding:0 18px;position:fixed;right:0;top:0;z-index:30}.app-topbar-spacer{flex:1}.topbar-actions{align-items:center;display:flex;gap:10px;margin-left:auto}.icon-button{background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--text);font-size:12px;font-weight:800;height:34px;min-height:34px;padding:0;width:34px}.icon-button:hover{background:var(--panel2)}.account-menu{position:relative}.account-menu>summary{cursor:pointer;display:flex;list-style:none}.account-menu>summary::-webkit-details-marker{display:none}.account-menu .avatar{background:rgba(99,102,241,.18);height:36px;width:36px}.account-popover{background:#181c22;border:1px solid #30363d;border-radius:8px;box-shadow:0 18px 44px rgba(0,0,0,.35);display:grid;min-width:224px;position:absolute;right:0;top:44px;z-index:40}.account-heading{border-bottom:1px solid #30363d;display:grid;gap:3px;padding:14px 16px}.account-heading strong{font-size:13px}.account-heading span{color:#9ca3af;font-size:13px}.account-link{align-items:center;background:transparent;border:0;border-radius:0;color:#cbd5e1;display:flex;font-weight:600;justify-content:flex-start;min-height:0;padding:10px 16px;text-align:left;width:100%}.account-link:hover{background:#222831;color:#fff}.logout-link{font-family:inherit}.sidebar{bottom:0;top:0}.nav-tree{flex:1}.version-card{margin-top:auto}.content{padding-top:80px}html[data-theme=light] .app-topbar{background:rgba(255,255,255,.96)}html[data-theme=light] .account-popover{background:#fff;border-color:#d8dee8;box-shadow:0 18px 44px rgba(15,23,42,.16)}html[data-theme=light] .account-heading{border-bottom-color:#d8dee8}html[data-theme=light] .account-heading span{color:#64748b}html[data-theme=light] .account-link{color:#334155}html[data-theme=light] .account-link:hover{background:#f1f5f9;color:#0f172a}@media(max-width:850px){.app-topbar{left:0;position:sticky}.content{padding-top:18px}}

/* Consistent list action rows */
.list-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin:-2px 0 10px}.list-actions .button{margin:0}.list-search{align-items:center;justify-content:flex-start}.list-search input{flex:0 1 420px;max-width:min(420px,100%)}.list-search .button,.list-search button{flex:0 0 auto;margin:0}@media(max-width:850px){.list-actions{justify-content:flex-start}.list-search{align-items:stretch;flex-direction:column}.list-search input{flex:1 1 auto;max-width:100%}}

/* Compact module list headers */
.module-header{background:rgba(15,23,42,.38);border:1px solid rgba(148,163,184,.18);border-radius:14px;display:grid;gap:10px;margin:0 0 12px;padding:12px 14px}.module-title-row{align-items:center;display:flex;gap:12px}.module-title{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.module-title h1{font-size:22px;margin:0}.module-stat{color:#9fb6d8;font-size:12px;font-weight:850}.module-stat strong{color:var(--text);font-size:16px;margin-left:5px}.module-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px}.module-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.module-toolbar .search{margin:0}.module-toolbar .list-search input{flex:0 1 390px;max-width:390px}.module-toolbar .category-tabs{flex:1 1 420px;margin:0;padding-bottom:0}.module-toolbar .category-tabs a{min-height:30px;padding:6px 10px}.module-header+.panel{margin-top:0}html[data-theme=light] .module-header{background:rgba(255,255,255,.86)}@media(max-width:850px){.module-title-row,.module-toolbar{align-items:stretch;flex-direction:column}.module-actions{justify-content:flex-start}.module-toolbar .category-tabs{flex:1 1 auto}.module-toolbar .list-search input{max-width:100%}}

/* Version channel indicators */
.version-card .stable-version{color:#22c55e}.version-card .dev-version{color:#fbbf24}

/* Table tools */
.table-toolbar{display:flex;justify-content:flex-end;margin:0 0 8px}.table-settings{position:relative}.table-settings>summary{border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;font-size:12px;font-weight:800;list-style:none;min-height:30px;padding:7px 10px}.table-settings>summary::-webkit-details-marker{display:none}.table-settings-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.3);display:grid;gap:8px;min-width:220px;padding:12px;position:absolute;right:0;top:36px;z-index:10}.table-settings-panel label{align-items:center;display:flex;flex-direction:row;font-size:12px;gap:8px;white-space:nowrap}.table-settings-panel input[type=checkbox]{min-height:0;width:auto}.table-settings-panel .table-filter{display:block}.table-settings-panel .table-filter input{font-size:12px;min-height:30px;width:100%}th.sortable{cursor:pointer;user-select:none}th.sortable:after{content:"";display:inline-block;margin-left:6px;opacity:.6}th.sortable[data-direction=asc]:after{content:"↑"}th.sortable[data-direction=desc]:after{content:"↓"}html[data-theme=light] .table-settings-panel{background:#fff}

/* Modern table surfaces */
.category-tabs{align-items:center;display:flex;gap:8px;margin:0 0 12px;max-width:100%;overflow-x:auto;padding-bottom:2px}.category-tabs a{align-items:center;background:rgba(15,23,42,.42);border:1px solid var(--line);border-radius:10px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:850;min-height:34px;padding:8px 13px;white-space:nowrap}.category-tabs a:hover{background:rgba(148,163,184,.1);color:var(--text)}.category-tabs a.active{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.7);color:var(--text);box-shadow:inset 0 -2px 0 rgba(56,189,248,.75)}.panel:has(table){background:rgba(15,23,42,.42);border-radius:14px;padding:14px 16px}.panel table{border-collapse:separate;border-spacing:0;font-size:13px;min-width:760px}.panel thead tr{background:rgba(148,163,184,.08)}.panel th{border-bottom:1px solid rgba(148,163,184,.2);color:#9fb6d8;font-size:12px;font-weight:900;letter-spacing:.035em;padding:12px 14px;text-transform:uppercase;white-space:nowrap}.panel th:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.panel th:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.panel td{border-bottom:1px solid rgba(148,163,184,.13);padding:12px 14px;vertical-align:middle}.panel tbody tr{transition:background .14s ease,box-shadow .14s ease}.panel tbody tr:nth-child(even){background:rgba(148,163,184,.025)}.panel tbody tr:hover{background:rgba(56,189,248,.06)}.panel .action-col{width:1%;white-space:nowrap}.panel td .button.secondary,.panel td button.button.secondary,.panel td form button{background:rgba(15,23,42,.38);border:1px solid rgba(148,163,184,.22);border-radius:8px;color:var(--text);font-size:12px;font-weight:850;min-height:28px;padding:5px 10px}.panel td .button.secondary:hover,.panel td button.button.secondary:hover,.panel td form button:hover{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.45)}.table-chip{background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.28);border-radius:999px;color:#b8e7ff;display:inline-flex;font-size:11px;font-weight:850;line-height:1;padding:5px 8px;white-space:nowrap}.table-chip.muted-chip{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.25);color:#cbd5e1}.table-toolbar{align-items:center;display:flex;justify-content:flex-end;margin:0 0 10px}.table-settings>summary{background:rgba(15,23,42,.38);border-color:rgba(148,163,184,.24);border-radius:9px;font-size:12px;min-height:31px;padding:7px 10px}.table-settings>summary:hover{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.4)}.table-settings-panel{background:#0b1220;border-color:rgba(148,163,184,.24);max-height:70vh;overflow:auto}.table-settings-panel .table-filter input{background:rgba(15,23,42,.75)}html[data-theme=light] .category-tabs a{background:#fff}html[data-theme=light] .panel:has(table){background:rgba(255,255,255,.86)}html[data-theme=light] .panel thead tr{background:#f1f5f9}html[data-theme=light] .panel th{color:#475569}html[data-theme=light] .panel tbody tr:nth-child(even){background:#f8fafc}html[data-theme=light] .table-chip{color:#075985}

/* Record profile views */
.record-hero{align-items:flex-start;border-bottom:1px solid rgba(148,163,184,.14);display:flex;gap:18px;justify-content:space-between;margin:-2px -24px 20px;padding:0 24px 22px}.record-hero h1{font-size:28px;line-height:1.1;margin:0 0 7px}.record-identifier{color:#9fb6d8;font-size:16px;font-weight:750;margin:0 0 12px}.record-chips{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.record-layout{display:grid;gap:14px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.record-layout>.wide{grid-column:1/-1}.record-panel{background:rgba(15,23,42,.46);border-radius:14px;padding:18px}.record-panel h2{font-size:15px;margin:0 0 14px}.record-fields{display:grid;gap:12px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.record-fields .wide{grid-column:1/-1}.record-fields>div{background:rgba(11,18,32,.38);border:1px solid rgba(148,163,184,.13);border-radius:10px;min-height:64px;padding:11px 12px}.record-fields label{color:#9fb6d8;font-size:12px;font-weight:900;margin:0 0 5px}.record-fields p{font-size:14px;font-weight:650;margin:0;overflow-wrap:anywhere}.record-panel .secret{font-size:15px;margin:0 0 10px}.media-panel{align-content:start}.media-panel .asset-photo-wrap{max-width:none}.media-panel .asset-photo{border-radius:10px;max-height:330px}html[data-theme=light] .record-panel{background:rgba(255,255,255,.88)}html[data-theme=light] .record-fields>div{background:#f8fafc}@media(max-width:950px){.record-hero{align-items:stretch;flex-direction:column;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.record-layout,.record-fields{grid-template-columns:1fr}}

/* Record profile polish */
.record-hero{background:linear-gradient(135deg,rgba(56,189,248,.06),rgba(129,140,248,.035) 46%,transparent);border:1px solid rgba(148,163,184,.14);border-radius:14px;margin:0 0 14px;padding:18px}.record-hero .button{margin-top:4px}.record-panel{border:1px solid rgba(148,163,184,.16);box-shadow:0 12px 36px rgba(0,0,0,.16);overflow:hidden}.record-panel h2{align-items:center;border-bottom:1px solid rgba(148,163,184,.12);color:var(--text);display:flex;font-weight:900;margin:-18px -18px 14px;padding:14px 18px}.record-fields>div{display:grid;gap:4px}.record-fields p.mono,.record-identifier.mono{letter-spacing:.01em}.record-layout .record-panel:not(.wide) .record-fields{grid-template-columns:1fr}.record-layout .wide .record-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.record-layout .wide .record-fields .wide{grid-column:1/-1}@media(max-width:1200px){.record-layout .wide .record-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:950px){.record-layout .wide .record-fields{grid-template-columns:1fr}}

/* Mock-aligned record detail layout */
.record-hero{background:transparent;border:0;border-radius:0;margin:0 0 22px;padding:0}.record-hero h1{font-size:30px;margin-bottom:4px}.record-identifier{font-size:15px;margin-bottom:12px}.record-hero .button{gap:8px;min-height:36px;padding:9px 14px}.record-layout{align-items:start;grid-template-columns:minmax(0,1.55fr) minmax(360px,.95fr)}.record-panel{background:rgba(17,24,39,.64);border-color:rgba(96,120,160,.34);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.18);padding:18px}.record-panel h2{background:transparent;border-bottom:0;font-size:18px;margin:0 0 14px;padding:0}.record-overview-split{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr)}.record-kv-list{border:1px solid rgba(148,163,184,.18);border-radius:10px;margin:0;overflow:hidden}.record-kv-list div{align-items:center;background:rgba(11,18,32,.32);border-bottom:1px solid rgba(148,163,184,.12);display:grid;gap:16px;grid-template-columns:minmax(140px,.7fr) minmax(0,1fr);min-height:55px;padding:11px 14px}.record-kv-list div:last-child{border-bottom:0}.record-kv-list dt{color:#9fb6d8;font-size:13px;font-weight:750}.record-kv-list dd{color:var(--text);font-size:14px;font-weight:750;margin:0;overflow-wrap:anywhere}.record-kv-list.full{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.record-kv-list.full div{grid-template-columns:minmax(150px,.55fr) minmax(0,1fr)}.record-kv-list.full div:first-child{grid-column:1/-1}.inline-edit-preview{border:1px dashed rgba(125,211,252,.28);border-radius:10px;display:grid;gap:10px;padding:13px 14px}.preview-heading{color:#9fc6ff;font-size:13px;font-weight:850}.inline-edit-preview label{color:#9fb6d8;font-size:12px;font-weight:750;gap:5px}.inline-edit-preview span{background:rgba(11,18,32,.6);border:1px solid rgba(148,163,184,.18);border-radius:8px;color:#cbd5e1;display:block;font-weight:650;min-height:33px;padding:8px 10px}.service-card-list{display:grid;gap:13px}.service-card{align-items:center;background:rgba(11,18,32,.34);border:1px solid rgba(148,163,184,.14);border-radius:10px;display:flex;gap:14px;justify-content:space-between;min-height:76px;padding:14px}.service-card strong,.service-card span{display:block}.service-card strong{font-size:14px}.service-card div span{color:var(--muted);font-size:12px;margin-top:4px}.service-pill{background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.24);border-radius:999px;color:#cbd5e1;font-size:12px;font-weight:850;padding:6px 10px;white-space:nowrap}.service-pill.on{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.32);color:#86efac}@media(max-width:1250px){.record-layout,.record-overview-split{grid-template-columns:1fr}.record-kv-list.full{grid-template-columns:1fr}}@media(max-width:720px){.record-kv-list div,.record-kv-list.full div{align-items:start;gap:5px;grid-template-columns:1fr}.service-card{align-items:flex-start;flex-direction:column}}

/* Inline record editing */
.inline-record [data-edit],
.inline-record [data-edit-save],
.inline-record [data-edit-cancel]{display:none}
.inline-record.is-editing [data-view],
.inline-record.is-editing [data-edit-toggle]{display:none!important}
.inline-record.is-editing [data-edit]{display:block}
.inline-record.is-editing [data-edit-save],
.inline-record.is-editing [data-edit-cancel]{display:inline-flex}
.inline-record.is-editing .inline-toggle{align-items:center;display:flex}
.inline-record h1 input[data-edit]{font-size:30px;font-weight:900;line-height:1.1;max-width:560px;padding:7px 10px}
.inline-record .record-identifier input[data-edit]{font-size:15px;font-weight:750;max-width:260px}
.record-kv-list input[data-edit],
.record-kv-list textarea[data-edit],
.record-kv-list select[data-edit],
.secret input[data-edit],
.record-edit-grid input,
.record-edit-grid select{background:rgba(7,12,23,.72);border-color:rgba(125,211,252,.22);font-weight:700;min-height:34px}
.record-kv-list textarea[data-edit]{min-height:82px;resize:vertical}
.secret input[data-edit]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;width:100%}
.record-edit-grid{display:none!important;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-4px}
.inline-record.is-editing .record-edit-grid{display:grid!important}
.record-edit-grid label{font-size:12px;font-weight:750}
.inline-toggle{background:rgba(11,18,32,.52);border:1px solid rgba(148,163,184,.22);border-radius:999px;color:var(--text);font-size:12px;font-weight:850;gap:8px;padding:6px 10px;white-space:nowrap}
.inline-toggle input{min-height:0;width:auto}
.inline-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.inline-actions .button{margin-top:0}
form#reveal-key-form{display:none}
@media(max-width:720px){.record-edit-grid{grid-template-columns:1fr}.inline-record h1 input[data-edit]{max-width:100%;width:100%}}

/* IP address bulk edit and quick ping */
.bulk-action-bar{align-items:end;background:rgba(15,23,42,.72);border:1px solid rgba(56,189,248,.28);border-radius:12px;box-shadow:0 16px 36px rgba(0,0,0,.2);display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:12px}.bulk-action-bar[hidden]{display:none}.bulk-action-bar strong{align-self:center;color:var(--text);font-size:13px;margin-right:6px}.bulk-action-bar label{color:var(--text);font-size:12px;font-weight:850;gap:5px;min-width:170px}.bulk-action-bar select{min-height:32px;padding:6px 9px}.bulk-action-bar button,.bulk-action-bar .button{min-height:32px}.select-col{width:1%;white-space:nowrap}.table-check{align-items:center;color:#9fb6d8;display:inline-flex;flex-direction:row;font-size:12px;font-weight:900;gap:7px;text-transform:uppercase}.table-check input,.row-select{accent-color:#38bdf8;min-height:0;width:16px}.panel tbody tr.is-selected{background:rgba(56,189,248,.09)}.service-card.ping-up{border-color:rgba(34,197,94,.45);box-shadow:inset 3px 0 0 rgba(34,197,94,.85)}.service-card.ping-up button{background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.5);color:#bbf7d0}.service-card.ping-down{border-color:rgba(248,113,113,.45);box-shadow:inset 3px 0 0 rgba(248,113,113,.85)}.service-card.ping-down button{background:rgba(248,113,113,.14);border-color:rgba(248,113,113,.45);color:#fecaca}

/* Managed table scrolling */
.panel:has(.table-scroll){display:flex;flex-direction:column;overflow:hidden}.table-scroll{border-radius:8px;max-height:min(76vh,calc(100vh - 230px));overflow:auto;scrollbar-color:rgba(148,163,184,.5) rgba(15,23,42,.35);scrollbar-width:thin}.table-scroll table{margin:0}.table-scroll thead th{background:#1a2437;position:sticky;top:0;z-index:3}.table-scroll thead th:first-child{box-shadow:-1px 0 0 #1a2437}.table-scroll thead th:last-child{box-shadow:1px 0 0 #1a2437}.table-scroll tbody tr:last-child td{border-bottom:0}html[data-theme=light] .table-scroll thead th{background:#f1f5f9}html[data-theme=light] .table-scroll{scrollbar-color:#94a3b8 #e2e8f0}@media(max-width:850px){.table-scroll{max-height:65vh}}

/* License favourites */
.favourites-menu{position:relative}.favourites-menu>summary{align-items:center;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:7px;list-style:none;min-height:34px;padding:8px 12px}.favourites-menu>summary::-webkit-details-marker{display:none}.favourites-menu>summary:hover{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.4)}.favourites-menu>summary span{background:rgba(56,189,248,.14);border:1px solid rgba(56,189,248,.26);border-radius:999px;color:#b8e7ff;font-size:11px;line-height:1;padding:3px 6px}.favourites-popover{background:#0b1220;border:1px solid rgba(148,163,184,.24);border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.3);display:grid;gap:4px;left:0;min-width:320px;max-height:360px;overflow:auto;padding:8px;position:absolute;top:40px;z-index:20}.favourites-popover a{border-radius:8px;color:var(--text);display:grid;gap:3px;padding:8px 10px}.favourites-popover a:hover{background:rgba(56,189,248,.1)}.favourites-popover strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favourites-popover span,.favourites-popover p{color:var(--muted);font-size:12px;margin:0}.favourite-star{color:#fbbf24;font-size:14px;font-weight:900}.favourite-chip{background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.32);color:#fde68a}@media(max-width:850px){.favourites-popover{min-width:min(320px,90vw)}}

/* Collapsible application sidebar */
.brand{position:relative}.sidebar-collapse-button{background:rgba(15,23,42,.38);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:13px;font-weight:900;height:28px;margin-left:auto;min-height:28px;padding:0;width:28px}.sidebar-collapse-button:hover{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.45);color:var(--text)}body.sidebar-collapsed .sidebar{gap:14px;overflow:visible;padding:14px 8px;width:76px}body.sidebar-collapsed .content{margin-left:76px}body.sidebar-collapsed .app-topbar{left:76px}body.sidebar-collapsed .brand{justify-content:center;padding:0 0 8px}body.sidebar-collapsed .brand-name,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-children,body.sidebar-collapsed .version-card{display:none}body.sidebar-collapsed .brand-mark,body.sidebar-collapsed .brand-logo{height:38px;width:38px}body.sidebar-collapsed .sidebar-collapse-button{bottom:-10px;height:22px;min-height:22px;position:absolute;right:0;width:22px}body.sidebar-collapsed .nav-tree{align-items:center}body.sidebar-collapsed .nav-link,body.sidebar-collapsed .nav-group>summary,body.sidebar-collapsed .nav-subgroup>summary{border-radius:10px;justify-content:center;padding:9px;width:44px}body.sidebar-collapsed .nav-icon{flex-basis:auto}body.sidebar-collapsed .nav-group>summary:after,body.sidebar-collapsed .nav-subgroup>summary:after{display:none}body.sidebar-collapsed .nav-group,body.sidebar-collapsed .nav-subgroup{justify-items:center}@media(max-width:850px){body.sidebar-collapsed .sidebar{position:static;width:auto}body.sidebar-collapsed .content{margin:0}body.sidebar-collapsed .app-topbar{left:0}}
body.sidebar-collapsed .nav-link[href]:hover>.nav-label,body.sidebar-collapsed .nav-link[href]:focus>.nav-label{align-items:center;background:#111827;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.35);color:var(--text);display:flex;font-size:13px;font-weight:850;left:56px;min-height:36px;min-width:170px;padding:8px 11px;position:absolute;top:50%;transform:translateY(-50%);z-index:60}body.sidebar-collapsed .nav-group,body.sidebar-collapsed .nav-subgroup,body.sidebar-collapsed .nav-link[href]{position:relative}.sidebar-flyout-popover{background:#111827;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 44px rgba(0,0,0,.42);display:grid;gap:6px;min-width:230px;padding:8px;position:fixed;z-index:90}.sidebar-flyout-popover:before{border:8px solid transparent;border-right-color:#111827;content:"";left:-16px;position:absolute;top:12px}.sidebar-flyout-title{border-bottom:1px solid rgba(148,163,184,.16);color:var(--text);font-size:12px;font-weight:900;padding:7px 9px 9px}.sidebar-flyout-content{border-left:0!important;display:grid!important;gap:4px!important;margin:0!important;padding:0!important}.sidebar-flyout-content .nav-label{display:block!important}.sidebar-flyout-content .nav-icon{display:none!important}.sidebar-flyout-content .nav-link,.sidebar-flyout-content .nav-subgroup>summary{border-radius:8px;color:var(--muted);display:flex;justify-content:flex-start;min-height:34px;padding:8px 10px;width:100%}.sidebar-flyout-content .nav-link:hover,.sidebar-flyout-content .nav-subgroup>summary:hover{background:rgba(148,163,184,.1);color:var(--text)}.sidebar-flyout-content .nav-subgroup{display:grid;gap:4px}.sidebar-flyout-content .nav-subgroup[open]>.nav-children{display:grid!important;margin:0 0 0 10px!important;padding:0 0 0 10px!important}
body.sidebar-collapsed .sidebar-flyout-popover .nav-link,body.sidebar-collapsed .sidebar-flyout-popover .nav-subgroup>summary{justify-content:flex-start;min-width:0;padding:8px 10px;width:100%}body.sidebar-collapsed .sidebar-flyout-popover .nav-label{display:block;max-width:none;min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap}body.sidebar-collapsed .sidebar-flyout-popover .nav-link[href]:hover>.nav-label,body.sidebar-collapsed .sidebar-flyout-popover .nav-link[href]:focus>.nav-label{background:transparent;border:0;box-shadow:none;display:block;font-size:13px;left:auto;min-height:0;min-width:0;padding:0;position:static;top:auto;transform:none;z-index:auto}

.brand-logo{display:block;flex:0 0 auto;height:38px;width:38px}.brand-logo.large{height:auto;max-width:220px;width:100%}.brand.large{align-items:flex-start;display:grid;gap:8px}.login-card .brand.large{margin-bottom:14px}.login-card .brand.large+.muted{margin-top:-4px}
/* About Kaya */
.stable-version{color:#22c55e}.about-hero{align-items:start;background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(129,140,248,.035) 48%,rgba(15,23,42,.3));border:1px solid rgba(148,163,184,.18);border-radius:14px;display:flex;gap:18px;justify-content:space-between;margin-bottom:16px;padding:18px}.about-kicker{color:#9fb6d8;font-size:12px;font-weight:900;text-transform:uppercase}.about-hero h2{font-size:30px;margin:4px 0 10px}.about-hero p{color:var(--muted);font-size:13px;margin:4px 0}.about-meta{display:grid;gap:5px;min-width:260px}.about-meta span{color:#9fb6d8;font-size:12px;font-weight:800}.about-meta strong{font-size:13px;overflow-wrap:anywhere}.about-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.about-panel{background:rgba(17,24,39,.64);border-color:rgba(96,120,160,.34);border-radius:14px}.about-list,.about-counts{margin:0}.about-list div,.about-counts div{align-items:center;border-bottom:1px solid rgba(148,163,184,.12);display:grid;gap:12px;grid-template-columns:minmax(150px,.55fr) minmax(0,1fr);min-height:42px;padding:9px 0}.about-list div:last-child,.about-counts div:last-child{border-bottom:0}.about-list dt,.about-counts dt{color:#9fb6d8;font-size:12px;font-weight:850}.about-list dd,.about-counts dd{font-size:13px;font-weight:750;margin:0;overflow-wrap:anywhere}.about-counts{display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr))}.about-counts div{padding-right:16px}@media(max-width:1050px){.about-grid,.about-counts{grid-template-columns:1fr}.about-hero{flex-direction:column}.about-meta{min-width:0;width:100%}}@media(max-width:720px){.about-list div{align-items:start;grid-template-columns:1fr}}


/* First run setup */
.setup-page{align-items:center;background:linear-gradient(180deg,#0b1018 0%,#111827 58%,#0d1118 100%);display:grid;min-height:100vh;padding:32px}.setup-shell{background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.2);box-shadow:0 28px 80px rgba(0,0,0,.34);display:grid;grid-template-columns:minmax(280px,.85fr) minmax(340px,1fr);max-width:980px;min-height:620px;overflow:hidden;width:min(100%,980px)}.setup-brand-panel{background:linear-gradient(155deg,#0d0f13 0%,#111827 54%,#1a1f27 100%);border-right:1px solid rgba(148,163,184,.18);display:flex;flex-direction:column;justify-content:space-between;padding:42px}.setup-logo{height:auto;max-width:260px;width:100%}.setup-kicker{color:#ff8a00;font-size:12px;font-weight:900;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}.setup-brand-panel h1{color:#fff;font-size:42px;line-height:1.02;margin:0 0 16px;max-width:360px}.setup-brand-panel p{color:#cbd5e1;font-size:15px;line-height:1.65;margin:0;max-width:360px}.setup-status-list{display:grid;gap:10px}.setup-status-list span{align-items:center;color:#dbe4ef;display:flex;font-size:13px;font-weight:800;gap:10px}.setup-status-list span:before{background:#ff8a00;border-radius:50%;box-shadow:0 0 0 4px rgba(255,138,0,.13);content:"";height:7px;width:7px}.setup-form-panel{align-content:center;background:rgba(17,24,39,.94);display:grid;padding:46px}.setup-form-heading{margin-bottom:24px}.setup-form-heading h2{color:#fff;font-size:28px;margin:0 0 8px}.setup-form-heading p{color:#94a3b8;margin:0}.setup-form{display:grid;gap:16px}.setup-form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.setup-form label{color:#dbe4ef;font-size:13px;font-weight:850;gap:8px}.setup-form input{background:#0b1220;border:1px solid #273449;border-radius:8px;color:#f8fafc;font-size:14px;min-height:44px;padding:10px 12px}.setup-form input:focus{border-color:#ff8a00;box-shadow:0 0 0 3px rgba(255,138,0,.16);outline:0}.setup-form button{background:linear-gradient(135deg,#ff8a00,#ffa733);border-radius:8px;color:#0d0f13;font-size:14px;justify-self:start;margin-top:6px;min-height:42px;padding:10px 16px}.setup-form button:hover{filter:brightness(1.05)}@media(max-width:820px){.setup-page{padding:18px}.setup-shell{grid-template-columns:1fr;min-height:0}.setup-brand-panel{border-bottom:1px solid rgba(148,163,184,.18);border-right:0;gap:28px;padding:28px}.setup-brand-panel h1{font-size:34px}.setup-form-panel{padding:28px}.setup-form-grid{grid-template-columns:1fr}}

/* Runbook Manager */
.runbook-shell{display:grid;gap:18px;grid-template-columns:280px minmax(0,1fr)}.runbook-side{align-self:start;display:grid;gap:18px;max-height:calc(100vh - 150px);overflow:auto}.runbook-side-section{display:grid;gap:10px}.runbook-side-section h2{color:var(--muted);font-size:13px;letter-spacing:.06em;margin:0;text-transform:uppercase}.runbook-filter{border:1px solid transparent;border-radius:8px;color:var(--muted);display:block;font-weight:750;padding:8px 10px}.runbook-filter:hover,.runbook-filter.active{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.22);color:var(--text)}.runbook-page-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.runbook-page-card{background:rgba(15,23,42,.42);border:1px solid var(--line);border-radius:12px;display:grid;gap:10px;padding:16px}html[data-theme=light] .runbook-page-card{background:#fff}.runbook-page-card h2{font-size:18px;margin:0}.runbook-page-card p{margin:0}.runbook-card-title,.runbook-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.runbook-page-card footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:12px;justify-content:space-between;padding-top:10px}.runbook-tags .table-chip.active{background:rgba(56,189,248,.16);border-color:rgba(56,189,248,.45);color:var(--text)}.empty-state{display:grid;gap:10px;justify-items:start;padding:40px 10px}.runbook-editor-form{display:grid;gap:16px}.runbook-editor-meta{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.runbook-editor-meta .wide{grid-column:1/-1}.runbook-check{align-items:center;display:flex;gap:9px}.runbook-check input{min-height:0;width:auto}.runbook-editor-layout{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.runbook-editor-pane{align-content:start;display:grid;gap:10px}.runbook-editor-pane textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:560px;resize:vertical}.runbook-content{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.runbook-content h2,.runbook-content h3,.runbook-content h4{line-height:1.25;margin:22px 0 10px}.runbook-content h2:first-child,.runbook-content h3:first-child,.runbook-content h4:first-child{margin-top:0}.runbook-content p,.runbook-content ul{margin:0 0 14px}.runbook-content li{margin:4px 0}.runbook-content code{background:rgba(148,163,184,.13);border:1px solid rgba(148,163,184,.18);border-radius:5px;padding:1px 5px}.runbook-content pre{background:#07111f;border:1px solid var(--line);border-radius:10px;overflow:auto;padding:13px}.runbook-content pre code{background:transparent;border:0;padding:0}.runbook-detail-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 300px}.runbook-meta-column{align-self:start;display:grid;gap:18px}.runbook-link-list,.runbook-history{display:grid;gap:8px}.runbook-link-list a{border:1px solid var(--line);border-radius:8px;padding:9px 10px}.runbook-link-list a:hover{background:rgba(148,163,184,.1)}.runbook-history div{border-bottom:1px solid var(--line);display:grid;gap:2px;padding-bottom:8px}.runbook-history span{color:var(--muted);font-size:12px}@media(max-width:1050px){.runbook-shell,.runbook-detail-layout,.runbook-editor-layout{grid-template-columns:1fr}.runbook-side{max-height:none}.runbook-editor-meta{grid-template-columns:1fr}.runbook-editor-pane textarea{min-height:360px}}
.runbook-detail>.record-hero{align-items:flex-start;border-bottom:1px solid rgba(148,163,184,.14);display:flex;gap:18px;justify-content:space-between;margin-bottom:18px;padding-bottom:18px}.runbook-detail>.record-hero>div:first-child{min-width:0}.runbook-detail .record-chips{margin-bottom:8px}.runbook-detail-layout{align-items:start;grid-template-columns:minmax(0,1fr) minmax(280px,320px)}.runbook-detail-layout>.runbook-content{min-height:420px}.runbook-meta-column .panel{border-radius:12px;padding:16px}.runbook-info-list{display:grid;gap:0;margin:0}.runbook-info-list div{border-bottom:1px solid rgba(148,163,184,.14);display:grid;gap:5px;padding:10px 0}.runbook-info-list div:last-child{border-bottom:0}.runbook-info-list dt{color:#9fb6d8;font-size:12px;font-weight:850;text-transform:uppercase}.runbook-info-list dd{font-size:13px;font-weight:750;margin:0;overflow-wrap:anywhere}.runbook-info-list dd:not(.mono){white-space:nowrap}.runbook-editor-layout>.runbook-editor-pane{min-width:0}.runbook-editor-pane textarea{line-height:1.45;white-space:pre-wrap}.runbook-editor-pane [data-runbook-preview]{min-height:520px}@media(max-width:1050px){.runbook-detail>.record-hero{display:grid}.runbook-detail-layout{grid-template-columns:1fr}.runbook-detail-layout>.runbook-content,.runbook-editor-pane [data-runbook-preview]{min-height:280px}.runbook-info-list dd:not(.mono){white-space:normal}}
.runbook-view-toggle{align-items:center;background:rgba(11,18,32,.38);border:1px solid rgba(148,163,184,.2);border-radius:10px;display:inline-flex;gap:2px;padding:3px}.runbook-view-toggle .button{background:transparent;border:0;color:var(--muted);min-height:30px;padding:6px 10px}.runbook-view-toggle .button:hover,.runbook-view-toggle .button.active{background:rgba(56,189,248,.14);color:var(--text)}.runbook-list [data-runbook-view][hidden]{display:none!important}.runbook-table-view{min-width:0}.runbook-table-view .table-toolbar{margin-top:0}.runbook-tree-title{align-items:center;color:var(--text);display:inline-flex;gap:7px;padding-left:calc(var(--runbook-depth,0)*22px)}.runbook-tree-title:hover{color:#7dd3fc}.runbook-tree-branch{border-bottom:1px solid rgba(148,163,184,.48);border-left:1px solid rgba(148,163,184,.48);height:14px;width:14px}

/* Domain Manager */
.domain-state-healthy{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.34);color:#bbf7d0}.domain-state-soon{background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.36);color:#fde68a}.domain-state-expired{background:rgba(248,113,113,.14);border-color:rgba(248,113,113,.38);color:#fecaca}.domain-state-unknown{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.28);color:#cbd5e1}.domain-record-list{display:flex;flex-wrap:wrap;gap:8px}.domain-record-list span,.domain-dns-type span{background:rgba(11,18,32,.42);border:1px solid rgba(148,163,184,.18);border-radius:8px;display:inline-flex;padding:7px 9px}.domain-dns-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.domain-dns-type{align-content:start;background:rgba(11,18,32,.28);border:1px solid rgba(148,163,184,.14);border-radius:10px;display:grid;gap:8px;padding:12px}.domain-dns-type strong{color:#9fc6ff;font-size:12px;letter-spacing:.06em;text-transform:uppercase}

.domain-manager-toolbar{justify-content:space-between}.domain-manager-primary{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.domain-manager-primary .search{margin:0}.domain-poll-controls{flex:0 0 auto;margin-left:auto}.domain-poll-controls label{display:block;white-space:nowrap}.domain-poll-controls select{min-width:130px;width:auto}@media(max-width:850px){.domain-manager-primary{align-items:stretch;width:100%}.domain-poll-controls{justify-content:flex-start;margin-left:0;width:100%}}

/* Shared module landing headers */
.module-title-row{align-items:flex-start;justify-content:space-between}.module-heading{flex:1 1 auto;min-width:0}.module-heading h1{margin:0 0 2px}.module-heading .muted{margin:0}.module-stat{flex:0 0 auto;margin-left:auto}.module-toolbar{justify-content:space-between}.module-primary-actions{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:8px;min-width:0}.module-primary-actions .search{margin:0}.module-primary-actions .list-search{flex:0 1 auto}.module-secondary-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;margin-left:auto}.module-filters{margin:0;width:100%}@media(max-width:850px){.module-title-row{align-items:flex-start;flex-direction:row}.module-primary-actions{align-items:stretch;width:100%}.module-primary-actions .list-search{flex:1 1 100%}.module-secondary-actions{justify-content:flex-start;margin-left:0;width:100%}}

/* VM / Docker Manager */
.compute-hero{background:radial-gradient(circle at 85% 10%,rgba(56,189,248,.12),transparent 34%),rgba(15,23,42,.5)}.live-indicator{align-items:center;color:#86efac;display:flex;font-size:12px;font-weight:900;gap:7px}.live-indicator i{background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px rgba(34,197,94,.12),0 0 16px rgba(34,197,94,.75);height:8px;width:8px}.live-indicator small{color:var(--muted);font-weight:600}.compute-tabs{align-items:center;background:rgba(11,18,32,.5);border:1px solid var(--line);border-radius:9px;display:flex;padding:3px}.compute-tabs a{border-radius:6px;color:var(--muted);font-size:12px;font-weight:850;padding:6px 11px}.compute-tabs a.active{background:rgba(56,189,248,.16);color:#bae6fd}.compute-summary-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(120px,1fr));margin-bottom:10px}.compute-summary-grid article,.resource-gauge{background:linear-gradient(145deg,rgba(17,24,39,.9),rgba(15,23,42,.72));border:1px solid var(--line);border-radius:12px;padding:14px}.compute-summary-grid span,.compute-summary-grid small{color:var(--muted);display:block;font-size:11px;font-weight:750}.compute-summary-grid strong{display:block;font-size:28px;line-height:1.1;margin:6px 0}.compute-summary-grid .good strong{color:#86efac}.compute-summary-grid .warn{border-color:rgba(251,191,36,.45)}.compute-summary-grid .warn strong{color:#fde68a}.compute-resource-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.resource-gauge>div:first-child{align-items:center;display:flex;justify-content:space-between}.resource-gauge span{color:var(--muted);font-size:12px;font-weight:800}.resource-gauge strong{font-size:18px}.resource-track{background:rgba(148,163,184,.12);border-radius:999px;height:7px;margin-top:11px;overflow:hidden}.resource-track i{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:inherit;display:block;height:100%;transition:width .4s ease}.compute-host-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.compute-host-card{background:linear-gradient(145deg,rgba(17,24,39,.92),rgba(15,23,42,.74));border:1px solid var(--line);border-radius:12px;color:var(--text);padding:14px;transition:transform .15s,border-color .15s}.compute-host-card:hover{border-color:rgba(56,189,248,.48);transform:translateY(-2px)}.compute-host-card.status-offline{border-color:rgba(248,113,113,.45)}.compute-host-card header,.compute-host-card header>div{align-items:center;display:flex;gap:10px;justify-content:space-between}.compute-host-card header>div{justify-content:flex-start}.compute-host-card strong,.compute-host-card small{display:block}.compute-host-card small{color:var(--muted);font-size:11px}.platform-mark{align-items:center;background:rgba(56,189,248,.15);border:1px solid rgba(56,189,248,.3);border-radius:9px;color:#bae6fd;display:inline-flex;font-size:11px;font-weight:950;height:34px;justify-content:center;width:34px}.platform-mark.proxmox{background:rgba(249,115,22,.14);border-color:rgba(249,115,22,.35);color:#fdba74}.status-dot{color:#86efac;font-size:11px;font-weight:850}.status-offline .status-dot{color:#fca5a5}.mini-metrics{display:grid;gap:7px;grid-template-columns:repeat(3,1fr);margin-top:14px}.mini-metrics div{background:rgba(11,18,32,.42);border-radius:8px;padding:8px}.mini-metrics span,.mini-metrics strong{display:block}.mini-metrics span{color:var(--muted);font-size:10px}.mini-metrics strong{font-size:13px;margin-top:3px}.host-error{color:#fca5a5;font-size:11px;margin:10px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compute-state{background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.25);border-radius:999px;color:#cbd5e1;display:inline-flex;font-size:10px;font-weight:900;padding:4px 8px;text-transform:uppercase}.compute-state.running,.compute-state.up,.compute-state.online{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.35);color:#86efac}.compute-state.stopped,.compute-state.exited{color:#fcd34d}.compute-state.offline,.compute-state.missing{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.35);color:#fca5a5}.compute-lower-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.inventory-counts{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.inventory-counts div{background:rgba(11,18,32,.38);border:1px solid rgba(148,163,184,.14);border-radius:9px;padding:10px}.inventory-counts span,.inventory-counts strong{display:block}.inventory-counts span{color:var(--muted);font-size:10px;text-transform:uppercase}.inventory-counts strong{font-size:20px;margin-top:4px}.event-feed{display:grid;gap:8px}.event-feed>div{align-items:flex-start;display:flex;gap:9px}.event-feed i{background:#38bdf8;border-radius:50%;height:7px;margin-top:6px;width:7px}.event-feed p{margin:0}.event-feed small{color:var(--muted);display:block;font-size:10px}.compute-empty{text-align:center}.compute-empty-icon{color:#38bdf8;font-size:50px}.checkbox-row{align-items:center;display:flex;flex-direction:row}.checkbox-row input{min-height:0;width:auto}.record-kicker{align-items:center;color:var(--muted);display:flex;font-size:11px;font-weight:900;gap:8px;letter-spacing:.08em;text-transform:uppercase}.panel-heading{align-items:flex-start;display:flex;justify-content:space-between}.danger-zone{border-color:rgba(248,113,113,.25)}@media(max-width:1000px){.compute-summary-grid{grid-template-columns:repeat(3,1fr)}.compute-lower-grid{grid-template-columns:1fr}}@media(max-width:700px){.compute-summary-grid{grid-template-columns:repeat(2,1fr)}.compute-resource-grid{grid-template-columns:1fr}.compute-tabs{width:100%}.compute-tabs a{flex:1;text-align:center}.inventory-counts{grid-template-columns:repeat(2,1fr)}}
.dashboard-hero{align-items:flex-start;background:radial-gradient(circle at 80% 0,rgba(56,189,248,.14),transparent 38%),rgba(15,23,42,.45);border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;margin-bottom:12px;padding:20px}.dashboard-hero .eyebrow{color:#7dd3fc;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.dashboard-launch{align-items:center;display:flex;justify-content:space-between}.dashboard-launch h2,.dashboard-launch p{margin-bottom:4px}@media(max-width:700px){.dashboard-hero,.dashboard-launch{gap:12px;flex-direction:column}}


.agent-token-row{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(260px,620px) auto;justify-content:start;margin-top:14px}
.agent-token-field{min-width:0}
.agent-token-action{align-self:end;margin:0}
.agent-token-action button{white-space:nowrap}
.agent-token-note{margin:8px 0 0}
.agent-compose-field{margin-top:16px}
.agent-compose-field textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.4;min-height:310px;resize:vertical}
.workload-network-panel .panel-heading{margin-bottom:12px}.workload-addresses{display:flex;flex-wrap:wrap;gap:7px}.workload-address{align-items:center;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.22);border-radius:8px;color:var(--text);display:inline-flex;flex-wrap:wrap;gap:7px;padding:6px 8px}.workload-address:hover{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.42)}.workload-address small{color:var(--muted);font-size:10px}.workload-address em{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.32);border-radius:999px;color:#86efac;font-size:9px;font-style:normal;font-weight:900;padding:2px 5px;text-transform:uppercase}
.compute-link-list{display:grid;gap:10px}.compute-link-card{align-items:center;background:rgba(11,18,32,.34);border:1px solid rgba(148,163,184,.14);border-radius:10px;display:grid;gap:16px;grid-template-columns:minmax(230px,1fr) minmax(330px,1.3fr) auto;padding:14px}.compute-link-identity{align-items:center;display:flex;gap:11px;min-width:0}.compute-link-identity strong,.compute-link-identity span{display:block}.compute-link-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compute-link-identity div span{color:var(--muted);font-size:11px;margin-top:3px}.compute-link-facts{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(90px,1fr));margin:0}.compute-link-facts div{display:grid;gap:4px}.compute-link-facts dt{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.compute-link-facts dd{font-size:12px;font-weight:800;margin:0}.compute-link-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.compute-link-empty{align-items:center;background:rgba(11,18,32,.34);border:1px solid rgba(148,163,184,.14);border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:14px}.compute-link-empty strong,.compute-link-empty span{display:block}.compute-link-empty span{color:var(--muted);font-size:12px;margin-top:4px}@media(max-width:1100px){.compute-link-card{grid-template-columns:1fr}.compute-link-actions{justify-content:flex-start}}@media(max-width:720px){.compute-link-facts{grid-template-columns:1fr}.compute-link-empty{align-items:flex-start;flex-direction:column}}

/* Keep the sidebar footer fixed while the navigation scrolls without a visible rail. */
.sidebar{min-height:0;overflow:hidden}.sidebar>.brand,.sidebar>.version-card{flex:0 0 auto}.sidebar>.nav-tree{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:none}.sidebar>.nav-tree::-webkit-scrollbar{display:none;height:0;width:0}body.sidebar-collapsed .sidebar>.nav-tree{overflow:visible}@media(max-width:850px){.sidebar{overflow:visible}.sidebar>.nav-tree{overflow:visible}}
@media(max-width:720px){.agent-token-row{grid-template-columns:1fr}.agent-token-action button{white-space:normal}}

/* Audit Logs */
.audit-hero{background:radial-gradient(circle at 88% 8%,rgba(56,189,248,.12),transparent 34%),rgba(15,23,42,.5);margin-bottom:12px}.audit-live-label{align-items:center;color:#86efac;display:flex;font-size:12px;font-weight:900;gap:8px}.audit-live-label i{background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px rgba(34,197,94,.12);height:8px;width:8px}.audit-summary-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(150px,1fr));margin-bottom:12px}.audit-summary-grid article{background:linear-gradient(145deg,rgba(17,24,39,.9),rgba(15,23,42,.72));border:1px solid var(--line);border-radius:12px;padding:14px}.audit-summary-grid article.warn{border-color:rgba(251,191,36,.42)}.audit-summary-grid span,.audit-summary-grid small{color:var(--muted);display:block;font-size:11px;font-weight:750}.audit-summary-grid strong{display:block;font-size:26px;line-height:1.1;margin:6px 0}.audit-summary-grid .warn strong{color:#fde68a}.audit-filter-panel{margin-bottom:12px}.audit-filters{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(260px,1.8fr) repeat(4,minmax(135px,1fr))}.audit-filters label{font-size:11px;font-weight:800}.audit-filters .audit-search{grid-column:span 2}.audit-filter-actions{align-items:center;display:flex;gap:8px}.audit-log-panel{padding:0}.audit-table-heading{align-items:center;display:flex;justify-content:space-between;padding:16px 18px 10px}.audit-table-heading h2,.audit-table-heading p{margin:0}.audit-table-heading>span{color:var(--muted);font-size:12px}.audit-table-wrap{overflow:auto}.audit-table{min-width:1500px}.audit-table th{background:rgba(30,41,59,.74);position:sticky;top:0;z-index:2}.audit-table td{font-size:12px}.audit-time strong,.audit-time span,.audit-actor strong,.audit-actor span,.audit-action,.audit-action+small,.audit-request>span,.audit-request>small,.audit-detail-cell>span{display:block}.audit-time span,.audit-actor span,.audit-action+small{color:var(--muted);font-size:10px;margin-top:3px}.audit-severity{border:1px solid rgba(148,163,184,.28);border-radius:999px;color:#cbd5e1;display:inline-flex;font-size:9px;font-weight:900;padding:3px 7px;text-transform:uppercase}.audit-severity.warning{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.34);color:#fde68a}.audit-severity.error,.audit-severity.critical{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.36);color:#fca5a5}.audit-method{color:#7dd3fc;font-size:10px;font-weight:900}.audit-request .mono{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-request small{color:var(--muted);margin-top:3px}.audit-request small.attention{color:#fca5a5}.audit-detail-cell{min-width:260px}.audit-inspector{margin-top:7px}.audit-inspector>summary{color:#7dd3fc;cursor:pointer;font-size:11px;font-weight:800;list-style:none}.audit-inspector>summary::-webkit-details-marker{display:none}.audit-inspector dl{background:rgba(11,18,32,.48);border:1px solid var(--line);border-radius:8px;display:grid;gap:0;margin:8px 0 0;min-width:360px;padding:8px 10px}.audit-inspector dl div{border-bottom:1px solid rgba(148,163,184,.1);display:grid;gap:8px;grid-template-columns:100px minmax(0,1fr);padding:6px 0}.audit-inspector dl div:last-child{border-bottom:0}.audit-inspector dt{color:var(--muted);font-size:10px;font-weight:800}.audit-inspector dd{font-size:11px;margin:0;overflow-wrap:anywhere}.audit-empty{display:grid;gap:4px;padding:40px 12px;text-align:center}.audit-empty span{color:var(--muted)}.audit-pagination{align-items:center;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;padding:12px 18px}.audit-pagination>a:last-child{justify-self:end}.audit-pagination>span{color:var(--muted);font-size:12px;text-align:center}html[data-theme=light] .audit-summary-grid article,html[data-theme=light] .audit-hero{background:#fff}html[data-theme=light] .audit-table th{background:#e8eef6}html[data-theme=light] .audit-inspector dl{background:#f8fafc}@media(max-width:1200px){.audit-filters{grid-template-columns:repeat(3,minmax(150px,1fr))}.audit-filters .audit-search{grid-column:span 2}}@media(max-width:850px){.audit-summary-grid{grid-template-columns:repeat(2,1fr)}.audit-filters{grid-template-columns:1fr}.audit-filters .audit-search{grid-column:auto}.audit-filter-actions{flex-wrap:wrap}.audit-pagination{gap:10px;grid-template-columns:1fr 1fr}.audit-pagination>span{grid-column:1/-1;grid-row:1}.audit-pagination>a:last-child{grid-column:2}.audit-pagination>a:first-child{grid-column:1}}@media(max-width:520px){.audit-summary-grid{grid-template-columns:1fr}}

/* Runbook rich Markdown toolbar and code boxes */
.sr-only{border:0!important;clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.runbook-editor-pane-heading{align-items:center;display:flex;justify-content:space-between;min-height:30px}.runbook-editor-pane-heading>label,.runbook-editor-pane-heading>h2{font-size:14px;font-weight:900;margin:0}.runbook-editor-pane-heading>span{color:var(--muted);font-size:10px;font-weight:700}.runbook-editor-toolbar{align-items:center;background:rgba(11,18,32,.56);border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;display:flex;flex-wrap:wrap;gap:4px;padding:6px;position:sticky;top:0;z-index:3}.runbook-editor-toolbar>button{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text);display:inline-flex;font-size:11px;font-weight:850;justify-content:center;min-height:30px;padding:5px 8px}.runbook-editor-toolbar>button:hover,.runbook-editor-toolbar>button:focus-visible{background:rgba(56,189,248,.13);border-color:rgba(56,189,248,.34)}.runbook-toolbar-divider{background:var(--line);height:23px;margin:0 3px;width:1px}.runbook-toolbar-language{align-items:center;color:var(--muted);display:flex;font-size:10px;gap:6px;margin-left:auto}.runbook-toolbar-language select{font-size:11px;min-height:30px;min-width:118px;padding:4px 26px 4px 8px}.runbook-editor-toolbar>.runbook-code-insert{background:rgba(56,189,248,.13);border-color:rgba(56,189,248,.3);color:#bae6fd}.runbook-write-pane textarea{border-radius:0 0 9px 9px;margin-top:-10px}.runbook-code-block{background:#0d1117;border:1px solid #30363d;border-radius:9px;margin:0 0 16px;overflow:hidden}.runbook-code-header{align-items:center;background:#161b22;border-bottom:1px solid #30363d;display:flex;justify-content:flex-end;min-height:39px;padding:4px 7px}.runbook-code-language{margin:0}.runbook-code-language select{background:#0d1117;border-color:#30363d;color:#c9d1d9;font-size:11px;min-height:29px;min-width:125px;padding:4px 28px 4px 8px}.runbook-code-language-label{color:#8b949e;font-size:10px;font-weight:850;letter-spacing:.05em;margin-right:auto;padding-left:5px;text-transform:uppercase}.runbook-code-copy{background:transparent;border:1px solid transparent;border-radius:6px;color:#8b949e;font-size:10px;font-weight:850;min-height:29px;padding:4px 8px}.runbook-code-copy:hover,.runbook-code-copy:focus-visible{background:#21262d;border-color:#30363d;color:#f0f6fc}.runbook-code-copy.copied{color:#7ee787}.runbook-content .runbook-code-block pre{background:transparent;border:0;border-radius:0;margin:0;overflow:auto;padding:14px 18px}.runbook-content .runbook-code-block pre code,.runbook-content .runbook-code-block pre code.hljs{background:transparent;border:0;color:#c9d1d9;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;min-width:max-content;padding:0}.runbook-content ol{margin:0 0 14px;padding-left:24px}.runbook-content ol li{margin:4px 0}html[data-theme=light] .runbook-editor-toolbar{background:#f8fafc}html[data-theme=light] .runbook-editor-toolbar>.runbook-code-insert{color:#0369a1}@media(max-width:720px){.runbook-editor-pane-heading{align-items:flex-start;gap:4px;flex-direction:column}.runbook-toolbar-language{margin-left:0}.runbook-editor-toolbar{position:static}.runbook-toolbar-divider{display:none}}

.rack-hero,
.rack-detail-header {
  border-left: 4px solid #2563eb;
}

.rack-create-panel {
  margin-top: 18px;
}

.rack-form-grid,
.rack-device-form {
  display: grid;
  gap: 14px;
}

.rack-form-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
}

.rack-form-grid label,
.rack-device-form label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 700;
}

.rack-form-grid .wide {
  grid-column: span 3;
}

.rack-form-actions {
  display: flex;
  justify-content: flex-end;
}

.rack-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}

.rack-card {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  min-height: 126px;
  padding: 14px;
  color: inherit;
  text-decoration: none;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.rack-card:hover {
  border-color: #2563eb;
}

.rack-card strong,
.rack-card span,
.rack-card small {
  display: block;
}

.rack-card span,
.rack-card small {
  margin-top: 4px;
  color: var(--muted);
}

.rack-card-mini {
  display: grid;
  grid-template-rows: repeat(42, 1fr);
  gap: 1px;
  padding: 4px;
  background: #0f172a;
  border-radius: 6px;
}

.rack-card-mini i {
  min-height: 1px;
  background: #334155;
}

.rack-card-mini i.filled {
  background: #60a5fa;
}

.rack-workspace {
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(320px, 420px);
  gap: 18px;
  align-items: start;
}

.rack-elevation-panel {
  overflow-x: auto;
  padding: 18px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.rack-elevation {
  display: grid;
  grid-template-columns: 48px minmax(300px, 620px);
  gap: 8px;
  min-width: 360px;
}

.rack-unit-labels,
.rack-rails {
  display: grid;
  grid-template-rows: repeat(var(--rack-units), minmax(18px, 24px));
  gap: 2px;
}

.rack-unit-labels button {
  min-width: 40px;
  padding: 0;
  color: var(--muted);
  font-size: 0.72rem;
  background: transparent;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}

.rack-unit-labels button:hover {
  color: var(--text);
  background: var(--panel2);
}

.rack-rails {
  position: relative;
  padding: 8px 12px;
  background: #111827;
  border: 8px solid #020617;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #334155;
}

.rack-unit {
  grid-column: 1;
  min-height: 18px;
  background: repeating-linear-gradient(90deg, #1f2937 0, #1f2937 10px, #273449 10px, #273449 12px);
  border: 1px solid #334155;
  border-radius: 3px;
}

.rack-unit span {
  display: none;
}

.rack-unit:not(.occupied)::after {
  content: "empty";
  display: block;
  padding: 1px 8px;
  color: #64748b;
  font-size: 0.68rem;
  text-align: right;
}

.rack-device {
  z-index: 1;
  grid-column: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 18px;
  padding: 4px 12px;
  overflow: hidden;
  color: white;
  background: linear-gradient(90deg, var(--device-color), color-mix(in srgb, var(--device-color) 72%, #020617));
  border: 1px solid rgba(255,255,255,0.28);
  border-left: 8px solid rgba(255,255,255,0.5);
  border-radius: 5px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.24);
}

.rack-device strong,
.rack-device span,
.rack-device small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rack-device span,
.rack-device small {
  font-size: 0.72rem;
  opacity: 0.9;
}

.rack-side-panel {
  display: grid;
  gap: 0;
}

.rack-form-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.rack-item-list {
  display: grid;
  gap: 10px;
}

.rack-item-list details {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.rack-item-list summary {
  cursor: pointer;
}

.rack-item-list summary span,
.rack-item-list summary small {
  display: block;
}

.rack-item-list summary small {
  margin-top: 3px;
  color: var(--muted);
}

.rack-item-list a,
.rack-item-list p,
.rack-item-list form {
  margin-top: 10px;
}

@media (max-width: 980px) {
  .rack-workspace,
  .rack-form-grid {
    grid-template-columns: 1fr;
  }

  .rack-form-grid .wide {
    grid-column: auto;
  }

  .rack-form-actions {
    justify-content: flex-start;
  }
}