:root{
  --bg:#08111f;--panel:#111d2e;--panel-2:#0c1727;--panel-3:#17263a;
  --accent:#4f8cff;--accent-2:#31c48d;--text:#e8eef8;--muted:#92a3bb;
  --danger:#f05252;--warn:#f6ad55;--border:#26384f;--shadow:0 18px 45px rgba(0,0,0,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,#10284b 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}a{color:#8eb7ff}a:hover{color:#b7d2ff}.topbar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:12px max(20px,calc((100vw - 1280px)/2));background:rgba(8,17,31,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--accent),#7c5cff);font-weight:800;box-shadow:0 8px 24px rgba(79,140,255,.28)}.brand span:last-child{display:flex;flex-direction:column;line-height:1.2}.brand small{color:var(--muted);font-size:10px;font-weight:500;margin-top:3px}.topbar-actions{display:flex;gap:16px}.topbar-actions a{color:var(--muted);text-decoration:none;font-size:13px}.topbar-actions a:hover{color:#fff}.wrap{max-width:1280px;margin:0 auto;padding:22px}.nav{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;margin-bottom:22px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;padding:9px 13px;background:rgba(17,29,46,.82);border-radius:9px;color:var(--muted);text-decoration:none;font-size:13px;border:1px solid var(--border);transition:.18s ease}.nav a:hover{color:#fff;border-color:#3d5778}.nav a.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 7px 20px rgba(79,140,255,.22)}
.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:2px 0 20px}.page-heading h2{font-size:25px;line-height:1.2;margin:0 0 6px;color:#fff}.page-heading p{margin:0;color:var(--muted);font-size:13px;max-width:780px}.card{background:linear-gradient(160deg,rgba(19,34,53,.98),rgba(13,25,42,.98));border:1px solid var(--border);border-radius:15px;padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0;color:#fff}.card h2{font-size:17px}.card h3{font-size:15px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-heading h2,.card-heading h3{margin-bottom:3px}.card-heading p{margin:0;color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.stat{background:linear-gradient(145deg,#14243a,#0d192a);border-radius:13px;padding:17px;border:1px solid var(--border)}.stat .num{font-size:29px;font-weight:800;color:var(--accent-2);letter-spacing:-1px}.stat .num.compact{font-size:15px;min-height:43px;display:flex;align-items:center}.stat .label{color:var(--muted);font-size:12px;margin-top:3px}.stat>a{display:block;font-size:11px;text-decoration:none;margin-top:12px}.stats-grid{margin-bottom:17px}.quality-grid{grid-template-columns:repeat(4,1fr);margin:0 0 18px}.quality-card{display:flex;flex-direction:column;background:linear-gradient(155deg,#14243a,#0d192a);border:1px solid var(--border);padding:17px;border-radius:13px;text-decoration:none;color:var(--text)}.quality-card:hover{transform:translateY(-1px);border-color:#496581}.quality-card span{color:var(--muted);font-size:12px}.quality-card b{font-size:25px;margin:3px 0;color:#fff}.quality-card small{color:var(--muted)}.quality-card.warn-card b{color:var(--warn)}.quality-card.danger-card b{color:#ff8b8b}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:18px}.activity-list{display:flex;flex-direction:column}.activity-item{display:grid;grid-template-columns:34px 1fr auto;align-items:start;gap:11px;padding:12px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border:0}.activity-icon{display:grid;place-items:center;width:30px;height:30px;background:#1b3150;border-radius:8px}.activity-item b{font-size:12px}.activity-item p{margin:2px 0 0;color:var(--muted);font-size:11px}.activity-item time{color:var(--muted);font-size:10px}.import-summary>b{display:block;margin:12px 0 4px}.import-summary p{color:var(--muted);font-size:12px}.quick-links{display:grid;gap:8px}.quick-links a{padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:9px;text-decoration:none;font-size:12px}
label{display:block;margin:10px 0 5px;font-size:12px;color:var(--muted);font-weight:600}input[type=text],input[type=password],input[type=file],input[type=search],input[type=date],input[type=number],select,textarea{width:100%;padding:10px 11px;border-radius:9px;border:1px solid var(--border);background:#091422;color:var(--text);font:inherit;font-size:13px;outline:none;transition:.16s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,140,255,.12)}textarea{resize:vertical}button,.btn{background:var(--accent);color:#fff;border:1px solid transparent;padding:9px 14px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.17s}button:hover,.btn:hover{filter:brightness(1.08);color:#fff;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.secondary{background:#6d5ce7}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text)}button.danger,.btn.danger{background:var(--danger)}button.success,.btn.success{background:var(--accent-2);color:#05251a}button.warn,.btn.warn{background:var(--warn);color:#261606}.alert{padding:13px 15px;border-radius:10px;margin-bottom:15px;font-size:13px}.alert.ok{background:#082c23;color:#9df3ce;border:1px solid #17634c}.alert.err{background:#381a20;color:#ffb2bc;border:1px solid #7e2936}.alert.warn{background:#392d12;color:#ffd889;border:1px solid #806021}.alert a{color:inherit;text-decoration:underline}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.25px;background:#26374d;color:#cbd7e8}.badge.on{background:#0c3d2d;color:#70e9b9}.badge.off{background:#421d24;color:#ff919f}.mono{font-family:Consolas,Monaco,monospace;background:#08121f;padding:9px 11px;border-radius:7px;word-break:break-all;font-size:12px;border:1px solid var(--border)}.mono-inline{display:inline-flex;font-family:Consolas,Monaco,monospace;background:#091522;border:1px solid var(--border);padding:3px 7px;border-radius:6px;font-size:11px}.small{font-size:11px;color:var(--muted)}.danger{color:var(--danger)!important}.warn{color:var(--warn)!important}hr{border:0;border-top:1px solid var(--border);margin:17px 0}table{width:100%;border-collapse:collapse;font-size:12px;display:block;overflow-x:auto}tbody,thead{min-width:800px}th,td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:650;background:#0e1a2b}.login-box{max-width:380px;margin:70px auto;text-align:center}.admin-footer{text-align:center;color:#64758d;font-size:10px;padding:18px 0 4px}
.filter-card{padding:16px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;align-items:end}.filter-grid label{margin-top:0}.field-span-2{grid-column:span 2}.filter-actions{display:flex;gap:8px;align-items:end;padding-bottom:1px}.result-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 2px 10px;color:var(--muted);font-size:12px}.result-toolbar b{color:#fff}.site-list{display:grid;gap:11px}.site-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(350px,1fr) auto;gap:16px;align-items:center;background:linear-gradient(145deg,#132238,#0d1929);border:1px solid var(--border);border-radius:14px;padding:16px;transition:.18s}.site-card:hover{border-color:#405b7d;box-shadow:0 12px 30px rgba(0,0,0,.16)}.site-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.site-title{font-size:15px;font-weight:750;color:#fff;text-decoration:none}.site-id{margin-top:5px}.site-location{font-size:11px;color:var(--muted);margin-top:8px}.tenant-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.chip{padding:3px 8px;border-radius:99px;background:#19304d;color:#bcd4f6;border:1px solid #274665;font-size:10px}.chip.muted{color:var(--muted)}.site-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.site-metrics>div{background:#091522;border:1px solid var(--border);border-radius:8px;padding:8px}.site-metrics span,.site-metrics b{display:block}.site-metrics span{font-size:9px;text-transform:uppercase;color:var(--muted)}.site-metrics b{font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.site-actions{display:flex;flex-direction:column;gap:7px}.pagination{display:flex;justify-content:center;gap:6px;margin-top:18px}.pagination a{min-width:34px;padding:8px 10px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;text-decoration:none;font-size:12px}.pagination a.active{background:var(--accent);color:#fff;border-color:var(--accent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;color:var(--muted);text-align:center;background:rgba(9,20,34,.5);border:1px dashed var(--border);border-radius:12px;padding:20px}.empty-state b{color:var(--text);margin-bottom:5px}
.breadcrumb{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;margin-bottom:14px}.breadcrumb a{text-decoration:none}.profile-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:linear-gradient(125deg,#18365b,#13223a 58%,#192343);border:1px solid #315070;border-radius:17px;padding:24px;box-shadow:var(--shadow)}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#82aeef;font-weight:800}.profile-main h2{font-size:25px;margin:5px 0 7px}.profile-location{font-size:12px;color:var(--muted);margin-top:10px}.profile-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:430px}.profile-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0 18px}.profile-stats>div{background:#101d2f;border:1px solid var(--border);border-radius:11px;padding:11px}.profile-stats span,.profile-stats b{display:block}.profile-stats span{font-size:9px;text-transform:uppercase;color:var(--muted)}.profile-stats b{margin-top:4px;font-size:12px}.tab-buttons{display:flex;gap:7px;overflow-x:auto;margin-bottom:14px}.tab-buttons button{background:var(--panel);border-color:var(--border);color:var(--muted);white-space:nowrap}.tab-buttons button.active{background:var(--accent);border-color:var(--accent);color:#fff}.tab-panel{display:none}.tab-panel.active{display:block}.detail-section h3{border-bottom:1px solid var(--border);padding-bottom:10px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.detail-item{padding:10px 12px;border-bottom:1px solid var(--border);min-width:0}.detail-item.wide{grid-column:span 2}.detail-item span,.detail-item b{display:block}.detail-item span{font-size:9px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted)}.detail-item b{font-size:12px;margin-top:4px;word-break:break-word}.tenant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tenant-card{background:#0a1625;border:1px solid var(--border);border-radius:12px;padding:14px}.tenant-card-header{display:flex;justify-content:space-between;align-items:flex-start}.tenant-card h4{margin:0 0 5px}.tenant-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}.tenant-facts>div{background:#101f32;padding:8px;border-radius:8px}.tenant-facts span,.tenant-facts b{display:block}.tenant-facts span{font-size:9px;color:var(--muted)}.tenant-facts b{font-size:11px;margin-top:2px}.coordinate-box{display:flex;gap:10px;margin-bottom:12px}.coordinate-box>div{background:#091522;border:1px solid var(--border);padding:9px 13px;border-radius:8px}.coordinate-box span,.coordinate-box b{display:block}.coordinate-box span{font-size:9px;color:var(--muted)}.coordinate-box b{font-size:12px}.site-map{width:100%;height:430px;border:1px solid var(--border);border-radius:12px;background:#07111d}.map-actions{display:flex;gap:8px;margin-top:10px}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:125px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--border)}.timeline-time{font-size:10px;color:var(--muted)}.timeline-content b{font-size:12px}.timeline-content p{font-size:11px;color:var(--muted);margin:7px 0}.timeline-content small{color:#7489a5}.change-values{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:11px}.change-values span{background:#091522;border:1px solid var(--border);padding:4px 7px;border-radius:6px;max-width:42%;overflow:hidden;text-overflow:ellipsis}.change-values i{color:var(--muted)}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.editor-aside{position:sticky;top:90px}.editor-search-card{padding:14px}.form-section{padding:0;overflow:hidden}.form-section summary,.danger-zone summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:15px 18px;font-weight:750;font-size:13px;color:#fff}.form-section summary small{font-weight:500;color:var(--muted)}.form-section[open] summary{border-bottom:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.form-field{position:relative}.form-field label{padding-right:100px}.field-key{position:absolute;right:0;top:10px;color:#5f738f;font-size:8px;font-family:monospace;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-save{position:sticky;bottom:10px;z-index:20;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-color:#355776;box-shadow:0 15px 45px rgba(0,0,0,.45)}.reason-box{flex:1}.reason-box label{margin-top:0}.reason-box p{margin:4px 0 0}.danger-zone{border-color:#71323b}.danger-zone>p,.danger-zone>form{margin-left:18px;margin-right:18px}.danger-zone>form{margin-bottom:18px}.mini-facts{display:grid;gap:8px}.mini-facts span{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.mini-facts b{color:var(--text)}.scope-note{border-color:#31567a}.scope-note p{font-size:11px;color:var(--muted);margin-bottom:0}
@media(max-width:1000px){.quality-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.site-card{grid-template-columns:1fr}.site-actions{flex-direction:row}.detail-grid{grid-template-columns:repeat(3,1fr)}.profile-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.topbar{padding:10px 14px}.topbar-actions a:first-child{display:none}.wrap{padding:14px}.nav{margin-bottom:17px}.page-heading{flex-direction:column}.page-heading .btn{width:100%}.filter-grid{grid-template-columns:1fr 1fr}.field-span-2{grid-column:span 2}.site-metrics{grid-template-columns:1fr 1fr}.profile-hero{flex-direction:column;padding:18px}.profile-actions{justify-content:flex-start}.profile-stats{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr}.tenant-list{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.editor-aside{position:static;order:-1}.form-grid{grid-template-columns:1fr}.sticky-save{position:static;flex-direction:column;align-items:stretch}.timeline-item{grid-template-columns:1fr;gap:5px}.site-map{height:330px}}
@media(max-width:480px){.brand small{display:none}.quality-grid{grid-template-columns:1fr 1fr}.filter-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.filter-actions{grid-column:1}.site-metrics{grid-template-columns:1fr 1fr}.site-actions{display:grid;grid-template-columns:1fr 1fr}.profile-main h2{font-size:21px}.profile-stats{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.detail-item.wide{grid-column:auto}.coordinate-box{flex-direction:column}.card{padding:15px}}
.diagnostic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.diagnostic-row{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}.diagnostic-row b,.diagnostic-row small{display:block}.diagnostic-row small{color:var(--muted);margin-top:3px;word-break:break-word}.status-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex:0 0 auto}.status-dot.ok{background:#22c55e;box-shadow:0 0 0 3px #dcfce7}.status-dot.bad{background:#ef4444;box-shadow:0 0 0 3px #fee2e2}.log-view{max-height:420px;overflow:auto;background:#0f172a;color:#cbd5e1;border-radius:10px;padding:14px;white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.5}@media(max-width:700px){.diagnostic-list{grid-template-columns:1fr}}

/* v15 export */
.export-grid{align-items:start}.export-form select{width:100%}.wide-button{width:100%;min-height:46px}.form-action{display:flex;align-items:end}.table-scroll{overflow:auto}.export-form code{font-size:12px}

/* ====================== v16 SIDEBAR LAYOUT ====================== */
:root{--sidebar-width:264px}
body{background:radial-gradient(circle at top right,#10284b 0,transparent 30%),var(--bg)}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.admin-sidebar{position:sticky;top:0;height:100vh;z-index:80;display:flex;flex-direction:column;background:linear-gradient(180deg,#07101d,#0b1727);border-right:1px solid var(--border);padding:18px 14px;overflow-y:auto}
.sidebar-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:4px 8px 14px}.sidebar-brand>span:last-child{display:flex;flex-direction:column;line-height:1.15}.sidebar-brand small{font-size:10px;color:var(--muted);margin-top:5px;font-weight:500}.sidebar-version{margin:0 8px 13px;padding:8px 10px;border:1px solid var(--border);background:rgba(17,29,46,.65);border-radius:9px;color:var(--muted);font-size:10px}
.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-section{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#60738d;padding:16px 11px 5px;font-weight:800}.sidebar-nav a{display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 11px;border-radius:10px;color:#9db0c9;text-decoration:none;font-size:13px;border:1px solid transparent;transition:.16s}.sidebar-nav a>span{display:grid;place-items:center;width:23px;height:23px;color:#6f8caf;font-size:15px}.sidebar-nav a:hover{background:#101f32;color:#fff}.sidebar-nav a.active{background:linear-gradient(135deg,#2468d7,#4f8cff);color:#fff;box-shadow:0 8px 24px rgba(35,103,216,.24)}.sidebar-nav a.active>span{color:#fff}
.sidebar-footer{margin-top:auto;padding:18px 9px 3px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:7px}.sidebar-footer a{color:#d6e3f5;text-decoration:none;font-size:12px}.sidebar-footer small{color:#647792;font-size:9px}
.admin-main{min-width:0}.admin-topbar{position:sticky;top:0;z-index:60;height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 26px;background:rgba(8,17,31,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.admin-topbar>div:nth-child(2){display:flex;flex-direction:column}.admin-topbar>div:nth-child(2)>span{font-size:9px;letter-spacing:.14em;color:var(--muted);font-weight:800}.admin-topbar>div:nth-child(2)>b{font-size:14px;margin-top:3px}.admin-top-actions{display:flex;gap:14px}.admin-top-actions a{font-size:11px;color:var(--muted);text-decoration:none}.admin-top-actions a:hover{color:#fff}.sidebar-toggle{display:none;width:39px;height:39px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:#fff;font-size:18px}.admin-content{max-width:1440px;width:100%;margin:0 auto;padding:25px 28px 10px}.admin-footer{padding:22px 0 12px}.sidebar-backdrop{display:none}
/* matikan layout navigasi horizontal lama bila masih tersisa dari cache/template */
body>.topbar,.admin-content>.nav{display:none!important}.wrap{max-width:none;margin:0;padding:0}

/* Critical Issue UI */
.issue-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.issue-filter{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(150px,.6fr)) auto;gap:9px}.issue-list{display:grid;gap:11px}.issue-row{display:grid;grid-template-columns:54px minmax(0,1.4fr) minmax(160px,.55fr) minmax(160px,.55fr) auto;align-items:center;gap:14px;padding:15px;background:linear-gradient(155deg,#14243a,#0d192a);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text)}.issue-row:hover{border-color:#496581;transform:translateY(-1px)}.severity-dot{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#26354b;font-weight:900}.severity-dot.critical{background:#4b1d2a;color:#ff9aa7}.severity-dot.high{background:#49331b;color:#ffc274}.severity-dot.medium{background:#253c52;color:#8ec8ff}.issue-title b,.issue-title span{display:block}.issue-title b{font-size:13px}.issue-title span,.issue-meta span{font-size:10px;color:var(--muted);margin-top:3px}.issue-meta b{font-size:11px;display:block}.issue-age{text-align:right}.issue-age b{font-size:18px;color:#fff;display:block}.issue-age span{font-size:9px;color:var(--muted)}
.issue-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:16px;margin-bottom:18px}.issue-summary{padding:24px;background:linear-gradient(145deg,#192d48,#0e1b2d);border:1px solid var(--border);border-radius:17px}.issue-summary h2{font-size:24px;margin:7px 0}.issue-summary p{color:var(--muted);margin:5px 0}.issue-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.issue-side{display:grid;grid-template-columns:1fr 1fr;gap:9px}.issue-side>div{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:14px}.issue-side span,.case-field span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.issue-side b,.case-field b{display:block;font-size:12px;margin-top:5px}.issue-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.72fr);gap:18px}.case-timeline{position:relative;padding-left:25px}.case-timeline:before{content:"";position:absolute;left:7px;top:5px;bottom:5px;width:2px;background:#29415e}.case-update{position:relative;padding:0 0 20px}.case-update:before{content:"";position:absolute;left:-23px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid #14243a}.case-update time{font-size:9px;color:var(--accent-2);font-weight:800}.case-update h4{font-size:12px;margin:4px 0}.case-update p{font-size:12px;color:#c3d0e2;white-space:pre-line;margin:0}.case-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.case-form-grid .wide{grid-column:1/-1}.case-form-grid textarea{min-height:105px}.impact-table{display:grid;gap:8px}.impact-item{display:grid;grid-template-columns:minmax(100px,.5fr) 100px 120px minmax(0,1fr);gap:10px;padding:11px;background:var(--panel-2);border-radius:10px;border:1px solid var(--border);font-size:11px}.report-preview{white-space:pre-wrap;font-family:inherit;background:#091321;border:1px solid var(--border);border-radius:12px;padding:17px;max-height:570px;overflow:auto;font-size:11px;line-height:1.6;color:#d7e2f1}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.attachment-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel-2)}.attachment-card img{width:100%;height:120px;object-fit:cover;background:#07101d}.attachment-card div{padding:10px;font-size:10px;color:var(--muted)}

@media(max-width:980px){.admin-shell{display:block}.admin-sidebar{position:fixed;left:0;top:0;transform:translateX(-105%);width:min(86vw,300px);transition:.22s;box-shadow:20px 0 60px rgba(0,0,0,.35)}body.sidebar-open .admin-sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.5)}body.sidebar-open .sidebar-backdrop{display:block}.sidebar-toggle{display:block}.admin-topbar{padding:0 16px}.admin-content{padding:20px 16px}.admin-top-actions a:first-child{display:none}.issue-row{grid-template-columns:48px minmax(0,1fr) auto}.issue-row .issue-meta{display:none}.issue-hero,.issue-columns{grid-template-columns:1fr}}
@media(max-width:650px){.admin-topbar>div:nth-child(2){flex:1}.admin-top-actions{display:none}.page-heading{flex-direction:column}.issue-filter{grid-template-columns:1fr 1fr}.issue-filter input{grid-column:1/-1}.issue-filter .btn{grid-column:1/-1}.issue-row{padding:12px}.issue-age b{font-size:14px}.issue-side{grid-template-columns:1fr 1fr}.case-form-grid{grid-template-columns:1fr}.case-form-grid .wide{grid-column:auto}.impact-item{grid-template-columns:1fr 1fr}.impact-item>span:last-child{grid-column:1/-1}.admin-content{padding-inline:12px}}

/* ====================== v16.1 COMCASE REGISTER ====================== */
.issue-stats-grid{grid-template-columns:repeat(5,minmax(150px,1fr))}.issue-stats-grid .stat{text-decoration:none;color:inherit}.issue-stats-grid .stat:hover{border-color:#496581;transform:translateY(-1px)}
.register-filter-card{padding:16px}.register-filter{display:grid;grid-template-columns:minmax(250px,1.4fr) repeat(5,minmax(135px,.7fr));gap:10px;align-items:end}.register-filter label{margin-top:0}.filter-search{grid-column:span 2}.check-filter{display:flex;align-items:center;gap:7px;min-height:40px;margin:0;padding:0 8px;background:#091422;border:1px solid var(--border);border-radius:9px}.check-filter input{width:auto}.register-filter .filter-actions{grid-column:span 2}
.register-card{padding:0;overflow:hidden}.register-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border)}.register-head h3{margin:0 0 3px}.register-head p{margin:0;color:var(--muted);font-size:11px}.register-hint{font-size:10px;color:var(--muted)}.register-scroll{overflow:auto;max-height:calc(100vh - 310px)}.case-register-table{display:table;min-width:1900px}.case-register-table thead{display:table-header-group;position:sticky;top:0;z-index:2}.case-register-table tbody{display:table-row-group}.case-register-table tr{display:table-row;cursor:pointer}.case-register-table tbody tr:hover{background:#14243a}.case-register-table th{white-space:nowrap;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.case-register-table td{min-width:115px;max-width:240px}.case-register-table td b,.case-register-table td small{display:block}.case-register-table td b{font-size:11px}.case-register-table td small{font-size:9px;color:var(--muted);margin-top:3px}.case-register-table .next-action-cell{min-width:250px;white-space:normal;font-size:10px;color:#cad6e8}.target-overdue b,.target-overdue small{color:#ff8b8b!important}
.severity-pill,.status-pill,.access-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;white-space:nowrap}.severity-critical{background:#4b1d2a;color:#ff9aa7}.severity-high{background:#4b341b;color:#ffc274}.severity-medium{background:#203d55;color:#8ec8ff}.severity-low{background:#183c31;color:#7ce2b8}.status-pill{background:#203450;color:#bdd2ef}.access-blocked{background:#4b1d2a;color:#ff9aa7}.access-restricted{background:#4b341b;color:#ffc274}.access-temporarily_open{background:#203d55;color:#8ec8ff}.access-open{background:#183c31;color:#7ce2b8}.mini-progress{width:110px;height:6px;background:#07101d;border-radius:999px;overflow:hidden;border:1px solid #22364f}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,#4f8cff,#31c48d)}
.issue-hero-v2{grid-template-columns:minmax(0,1.55fr) minmax(350px,.8fr)}.hero-progress{margin-top:18px}.hero-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px}.progress-track{height:9px;margin-top:7px;background:#081321;border:1px solid var(--border);border-radius:999px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#4f8cff,#31c48d);border-radius:999px}.issue-side-grid{grid-template-columns:1fr 1fr}.snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.snapshot-grid>div{padding:12px;border:1px solid var(--border);background:var(--panel-2);border-radius:10px}.snapshot-grid span,.snapshot-grid b,.snapshot-grid small{display:block}.snapshot-grid span{font-size:9px;color:var(--muted);text-transform:uppercase}.snapshot-grid b{font-size:12px;margin-top:4px}.snapshot-grid small{font-size:9px;color:var(--muted);margin-top:3px}.focus-note{padding:14px;border-radius:11px;background:#0a2030;border:1px solid #25445c;color:#d7e7fa;font-size:12px;white-space:pre-line}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.update-next{margin-top:8px;padding:8px 10px;border-left:3px solid var(--accent-2);background:#0a1928;border-radius:0 7px 7px 0;font-size:10px}.case-update>small{display:block;color:var(--muted);font-size:9px;margin-top:7px}
.action-register-item{display:grid;grid-template-columns:62px minmax(0,1fr) minmax(210px,.75fr);gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid var(--border)}.action-register-item:last-child{border:0}.action-priority{display:grid;place-items:center;padding:6px;border-radius:8px;font-size:9px;font-weight:800}.priority-critical{background:#4b1d2a;color:#ff9aa7}.priority-high{background:#4b341b;color:#ffc274}.priority-medium{background:#203d55;color:#8ec8ff}.priority-low{background:#183c31;color:#7ce2b8}.action-body b{font-size:11px}.action-body p,.action-body small{font-size:9px;color:var(--muted);margin:4px 0}.action-status-form{display:grid;grid-template-columns:1fr;gap:6px}.action-status-form select,.action-status-form input,.btn.small{padding:7px 8px;font-size:10px}
.stakeholder-list{display:grid;gap:8px}.stakeholder-item{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.stakeholder-item>span{display:grid;place-items:center;align-self:start;padding:5px;border-radius:7px;font-size:9px;font-weight:800}.stance-support{background:#183c31;color:#7ce2b8}.stance-neutral{background:#203d55;color:#8ec8ff}.stance-oppose{background:#4b1d2a;color:#ff9aa7}.stance-unknown{background:#4b341b;color:#ffc274}.stakeholder-item b,.stakeholder-item small{display:block}.stakeholder-item b{font-size:11px}.stakeholder-item small{font-size:9px;color:var(--muted)}.stakeholder-item p{font-size:10px;margin:5px 0 0;color:#cbd7e8}.escalation-item{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.escalation-item time{font-size:9px;color:var(--accent-2)}.escalation-item b{font-size:11px}.escalation-item p,.escalation-item small{font-size:9px;color:var(--muted);margin:3px 0}.attachment-placeholder{height:120px;display:grid;place-items:center;font-size:30px}.service-off{color:#ff8b8b}.service-degraded{color:#ffc274}.service-recovered{color:#7ce2b8}

@media(max-width:1250px){.issue-stats-grid{grid-template-columns:repeat(3,1fr)}.register-filter{grid-template-columns:repeat(3,1fr)}.filter-search{grid-column:span 2}.register-filter .filter-actions{grid-column:auto}.issue-hero-v2{grid-template-columns:1fr}}
@media(max-width:760px){.issue-stats-grid{grid-template-columns:1fr 1fr}.register-filter{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.register-filter .filter-actions{grid-column:1/-1}.snapshot-grid,.form-two{grid-template-columns:1fr}.action-register-item{grid-template-columns:55px 1fr}.action-status-form{grid-column:1/-1;grid-template-columns:1fr 1fr auto}.issue-side-grid{grid-template-columns:1fr 1fr}.tab-buttons{overflow-x:auto;flex-wrap:nowrap}.tab-buttons button{white-space:nowrap}}
@media(max-width:480px){.issue-stats-grid{grid-template-columns:1fr 1fr}.register-filter{grid-template-columns:1fr}.filter-search,.register-filter .filter-actions{grid-column:auto}.issue-side-grid{grid-template-columns:1fr 1fr}.action-status-form{grid-template-columns:1fr}.page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.page-actions .btn{width:100%}}