*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;font-family:'Segoe UI',system-ui,sans-serif;background:#0C0D0F;color:#F0EDE6;font-size:14px;line-height:1.5;overflow:hidden}
:root{--ink:#0C0D0F;--ink2:#13151A;--steel:#1C1F26;--wire:#2A2E38;--amber:#E8A020;--adim:rgba(232,160,32,.13);--chalk:#F0EDE6;--c2:rgba(240,237,230,.72);--c3:rgba(240,237,230,.55);--c4:rgba(240,237,230,.07);--green:#97C459;--gdim:rgba(151,196,89,.13);--red:#E24B4A;--rdim:rgba(226,75,74,.13);--blue:#378ADD;--bdim:rgba(55,138,221,.13);--border:rgba(240,237,230,.08);--samtag-amber:var(--amber);--samtag-ink:var(--ink);--samtag-amber-deep:#B97F26;--samtag-amber-bright:#F6BC5E;--r:4px}
#app{display:flex;flex-direction:column;height:100vh}
#role-bar{background:var(--ink2);border-bottom:1px solid var(--wire);padding:.4rem 1rem;display:flex;align-items:center;gap:.6rem;flex-shrink:0}
#role-bar span{font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--c3);white-space:nowrap}
.rbtn{font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .65rem;border-radius:2px;border:1px solid var(--wire);background:transparent;color:var(--c3);cursor:pointer;font-weight:700;transition:all .15s}
.rbtn.oa{background:var(--adim);color:var(--amber);border-color:var(--amber)}
.rbtn.csa{background:var(--bdim);color:var(--blue);border-color:var(--blue)}
.rbtn.ca{background:var(--gdim);color:var(--green);border-color:var(--green)}
.rbtn.op{background:var(--c4);color:var(--c2);border-color:var(--c3)}
.rbtn.cu{background:var(--rdim);color:#F09595;border-color:rgba(226,75,74,.4)}
#layout{display:flex;flex:1;overflow:hidden}
#sidebar{width:210px;min-width:210px;background:var(--ink2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}
.s-logo{padding:1rem 1.1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem}
/* SAMTAP wordmark (locked brand): SAM amber #E89A22 (the <b>), TAP white - exact
   hex by decree; Archivo Black per the brand bible (single-weight face). */
.s-logo-text{font-family:'Archivo Black',sans-serif;font-weight:400;font-size:1.2rem;letter-spacing:.03em;color:#FFFFFF}
.s-logo-text b{color:#E89A22}
.s-rb{font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;padding:.15rem .4rem;border-radius:2px;font-weight:700}
.s-rb.oa{background:rgba(232,160,32,.18);color:var(--amber)}
.s-rb.csa{background:rgba(55,138,221,.18);color:var(--blue)}
.s-rb.ca{background:rgba(151,196,89,.18);color:var(--green)}
.s-rb.op{background:rgba(240,237,230,.1);color:var(--c2)}
.s-rb.cu{background:rgba(226,75,74,.13);color:#F09595}
.nav-item{display:flex;align-items:center;gap:.55rem;padding:.52rem .9rem;cursor:pointer;font-size:.82rem;color:var(--c2);border-left:2px solid transparent;transition:all .15s}
.nav-item:hover{background:var(--c4);color:var(--chalk)}
.nav-item.active{background:var(--adim);color:var(--amber);border-left-color:var(--amber)}
.nav-item svg{opacity:.7;flex-shrink:0}.nav-item.active svg,.nav-item:hover svg{opacity:1}
.s-foot{margin-top:auto;padding:.65rem .9rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.55rem}
.avatar{width:29px;height:29px;border-radius:50%;background:var(--adim);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.65rem;color:var(--amber);flex-shrink:0}
.u-name{font-size:.78rem;font-weight:500;color:var(--chalk)}.u-role{font-size:.62rem;color:var(--c3)}
#main{flex:1;display:flex;flex-direction:column;overflow:hidden}
#topbar{background:var(--ink2);border-bottom:1px solid var(--border);padding:.7rem 1.4rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
#page-title{font-weight:700;font-size:1.05rem;letter-spacing:.02em;text-transform:uppercase}
.tb-btns{display:flex;gap:.65rem}
#content{flex:1;overflow-y:auto;padding:1.4rem}
.btn{font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.38rem .88rem;border-radius:var(--r);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .15s}
.btn-a{background:var(--amber);color:var(--ink)}.btn-a:hover{opacity:.88}
.btn-g{background:transparent;color:var(--amber);border:1px solid var(--amber)}.btn-g:hover{background:var(--adim)}
.btn-sm{font-size:.64rem;padding:.26rem .62rem}
/* btn-ghost: SAMTAG outline action button (BUILD_BRIEF_ghost_button).
   Amber outline on dark, fills amber on hover. Caps, bold, icon inline left.
   Reusable: any toolbar can use .btn-ghost; --samtag-* map to the palette tokens. */
.btn-ghost{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow Condensed','Oswald','Arial Narrow',system-ui,sans-serif;font-weight:700;font-size:16px;line-height:1;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;padding:4px 16px;border:1.5px solid var(--samtag-amber,#E8A33D);border-radius:3px;background:transparent;color:var(--samtag-amber,#E8A33D);cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}
.btn-ghost .ico{display:inline-flex;align-items:center;justify-content:center}
.btn-ghost .ico svg{width:16px;height:16px;display:block}
.btn-ghost:hover{background:var(--samtag-amber,#E8A33D);color:var(--samtag-ink,#17120A)}
.btn-ghost:active{background:var(--samtag-amber-deep,#B97F26);border-color:var(--samtag-amber-deep,#B97F26);color:var(--samtag-ink,#17120A)}
.btn-ghost:focus-visible{outline:2px solid var(--samtag-amber-bright,#F6BC5E);outline-offset:2px}
.btn-ghost:disabled,.btn-ghost[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.btn-ghost--sm{padding:3px 14px;font-size:15px}
/* primary variant: filled amber by default (the old btn-a), darkens on hover.
   Use for the main submit/CTA per view so it reads above secondary outlines. */
.btn-ghost--primary{background:var(--samtag-amber,#E8A33D);color:var(--samtag-ink,#17120A)}
.btn-ghost--primary:hover{background:var(--samtag-amber-deep,#B97F26);border-color:var(--samtag-amber-deep,#B97F26);color:var(--samtag-ink,#17120A)}
@media (prefers-reduced-motion:reduce){.btn-ghost{transition:none}}
.asset-toolbar{display:flex;flex-wrap:wrap;gap:12px}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.85rem;margin-bottom:1.2rem}
.metric-card{background:var(--steel);border:1px solid var(--border);border-radius:var(--r);padding:.9rem 1rem}
.mv{font-size:1.85rem;font-weight:700;letter-spacing:-.02em;line-height:1}
.ml{font-size:.65rem;color:var(--c3);margin-top:.2rem;letter-spacing:.04em}
.card{background:var(--steel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:1rem}
.ch{padding:.68rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.ct{font-weight:700;font-size:.83rem;letter-spacing:.05em;text-transform:uppercase;color:var(--c2)}
.tw{overflow-x:auto}
table{width:100%;border-collapse:collapse}
th{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c3);padding:.52rem .88rem;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;font-weight:700}
td{padding:.55rem .88rem;border-bottom:1px solid rgba(240,237,230,.04);font-size:.76rem;color:var(--c2);vertical-align:middle;transition:background .15s}
tr:last-child td{border-bottom:none}
/* Site standard: every table row highlights subtly on hover (11 Jun 2026). */
tbody tr:hover td{background:var(--c4)}
tr.clk{cursor:pointer}tr.clk:hover td{background:var(--c4);color:var(--chalk)}
.badge{display:inline-block;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;padding:.14rem .45rem;border-radius:2px;font-weight:700;white-space:nowrap}
.bg{background:var(--gdim);color:var(--green)}.ba{background:var(--adim);color:var(--amber)}.br{background:var(--rdim);color:var(--red)}.bb{background:var(--bdim);color:var(--blue)}.bx{background:var(--c4);color:var(--c3)}
.tag-id{font-family:monospace;font-size:.72rem;color:var(--amber);background:var(--adim);padding:.1rem .36rem;border-radius:2px}
/* Larger, more readable table variant (e.g. the available SAMTAGs list). */
.t-lg td{font-size:.88rem;padding:.62rem .88rem}
.t-lg th{font-size:.66rem}
.t-lg .tag-id{font-size:.88rem;padding:.14rem .45rem}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
/* Detail pages: right-hand card column widened 310px -> 388px (Jun 2026)
   so dense side cards (billing breakdown etc.) display cleanly. */
.dlayout{display:grid;grid-template-columns:1fr 388px;gap:1rem}
.dst{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c3);font-weight:700;padding:.46rem 1rem;border-bottom:1px solid var(--border);background:var(--ink2)}
.dgrid{display:grid;grid-template-columns:1fr 1fr}
.df{padding:.5rem 1rem;border-bottom:1px solid rgba(240,237,230,.04)}
.df:nth-child(odd){border-right:1px solid rgba(240,237,230,.04)}
.fl{font-size:.6rem;color:var(--c3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.13rem}
.fv{font-size:.78rem;color:var(--chalk)}
.irow{display:flex;align-items:flex-start;gap:.5rem;padding:.46rem 0;border-bottom:1px solid rgba(240,237,230,.04);font-size:.76rem}
.il{color:var(--c3);min-width:130px;font-size:.67rem;flex-shrink:0}
.doc-item{display:flex;align-items:center;gap:.62rem;padding:.55rem 1rem;border-bottom:1px solid rgba(240,237,230,.04);cursor:pointer}
.doc-item:hover{background:var(--c4)}.doc-item:last-child{border-bottom:none}
.di{width:29px;height:29px;border-radius:2px;background:var(--adim);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.58rem;color:var(--amber);font-weight:700}
.dn{font-size:.76rem;color:var(--chalk);flex:1}.dm{font-size:.63rem;color:var(--c3);margin-top:.1rem}
.alert-bar{padding:.5rem 1.2rem;font-size:.74rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}
.alert-bar.warn{background:var(--adim);color:var(--amber)}
.empty{text-align:center;padding:2.5rem 1rem;color:var(--c3);font-size:.8rem}
.back-btn{display:flex;align-items:center;gap:.4rem;color:var(--c3);font-size:.72rem;cursor:pointer;margin-bottom:.88rem}
.back-btn:hover{color:var(--chalk)}
.bc{font-size:.7rem;color:var(--c3);margin-bottom:.88rem;display:flex;align-items:center;gap:.35rem}
.bc-sep{color:var(--wire)}
input,select,textarea{background:var(--ink2);border:1px solid var(--wire);border-radius:var(--r);padding:.46rem .68rem;color:var(--chalk);font-size:.78rem;font-family:inherit;width:100%;outline:none;transition:border-color .15s}
input:focus,select:focus,textarea:focus{border-color:var(--amber)}
textarea{min-height:68px;resize:vertical}
select option{background:var(--ink2)}
.fg{display:flex;flex-direction:column;gap:.28rem;margin-bottom:.78rem}
.fg label{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c3);font-weight:600}
.fg-2{display:grid;grid-template-columns:1fr 1fr;gap:.78rem}
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}
.modal{background:var(--steel);border:1px solid var(--wire);border-radius:var(--r);width:100%;max-width:620px;max-height:88vh;overflow-y:auto}
.mh{padding:.85rem 1.15rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--steel);z-index:1}
.mt{font-weight:700;font-size:.92rem;letter-spacing:.04em;text-transform:uppercase}
.mc{background:none;border:none;color:var(--c3);cursor:pointer;font-size:1.15rem;line-height:1}.mc:hover{color:var(--chalk)}
.mb{padding:.85rem 1.15rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.68rem;position:sticky;bottom:0;background:var(--steel)}
.mp{padding:1.1rem}
.srv-item{padding:.65rem 1rem;border-bottom:1px solid rgba(240,237,230,.04)}.srv-item:last-child{border-bottom:none}
.tab-bar{display:flex;border-bottom:1px solid var(--border);background:var(--ink2)}
.tab{font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.62rem 1.05rem;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--c3);cursor:pointer;transition:all .15s}
.tab.on{border-bottom-color:var(--amber);color:var(--amber)}
.range-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.32rem;font-size:.72rem}
.range-val{font-weight:700;color:var(--amber)}
input[type=range]{-webkit-appearance:none;height:4px;border-radius:2px;background:var(--wire);outline:none;border:none;padding:0}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--amber);cursor:pointer}
.quote-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.quote-cell{padding:.88rem 1rem;border-right:1px solid var(--border)}
.quote-cell:last-child{border-right:none}
.ql{font-size:.63rem;color:var(--c3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.22rem}
.qv{font-weight:800;font-size:1.2rem;letter-spacing:-.01em}
.qs{font-size:.63rem;color:var(--c3);margin-top:.13rem}
.plate-result{background:var(--ink2);border-radius:var(--r);padding:.72rem .9rem;border:1px solid var(--wire);margin-bottom:.48rem}
.prl{font-size:.62rem;color:var(--c3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.18rem}
.prv{font-weight:800;font-size:1.35rem}
.prs{font-size:.63rem;color:var(--c3);margin-top:.13rem}
.mobile-frame{max-width:400px;margin:0 auto}
.scan-box{background:var(--ink2);border:1px solid var(--border);border-radius:var(--r);padding:1.05rem;margin-bottom:.88rem}

/* ── COMPLIANCE DASHBOARD ──────────────────────────────────────────────── */
.comp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem;margin-bottom:1rem}
.comp-card{background:var(--steel);border:1px solid var(--border);border-radius:var(--r);padding:.85rem 1rem;position:relative;overflow:hidden}
.comp-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.comp-card.cg::after{background:var(--green)}.comp-card.ca::after{background:var(--amber)}.comp-card.cr::after{background:var(--red)}.comp-card.cb::after{background:var(--blue)}
.comp-val{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1;margin-bottom:.18rem}
.comp-val.cg{color:var(--green)}.comp-val.ca{color:var(--amber)}.comp-val.cr{color:var(--red)}.comp-val.cb{color:var(--blue)}
.comp-lbl{font-size:.6rem;color:var(--c3);letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.comp-sub{font-size:.63rem;color:var(--c3);margin-top:.2rem}
.charts-2col{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem}
.comp-chart-card{background:var(--steel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.comp-chart-hdr{padding:.65rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}
.comp-chart-title{font-weight:700;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;color:var(--c2)}
.comp-chart-sub{font-size:.63rem;color:var(--c3);margin-top:.12rem}
.comp-chart-body{padding:.75rem 1rem}
.comp-chart-wide{background:var(--steel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:.85rem}
.rag-panels{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem}
.rag-panel{background:var(--steel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.rag-panel-hdr{padding:.6rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem}
.rag-panel-title{font-weight:700;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;color:var(--c2);flex:1}
.reg-row-c{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border-bottom:1px solid rgba(240,237,230,.04)}
.reg-row-c:last-child{border-bottom:none}
.reg-row-c:hover{background:var(--c4)}
.reg-name-c{font-size:.74rem;color:var(--chalk);flex:1}
.reg-bar-w{width:72px;height:3px;background:var(--wire);border-radius:2px;overflow:hidden;flex-shrink:0}
.reg-bar-f{height:3px;border-radius:2px}
.reg-pct{font-size:.72rem;font-weight:700;color:var(--chalk);min-width:30px;text-align:right;font-family:monospace}
.alerts-card{background:var(--steel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:.85rem}
.alert-row-c{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem 1rem;border-bottom:1px solid rgba(240,237,230,.04)}
.alert-row-c:last-child{border-bottom:none}
.alert-icon-c{width:24px;height:24px;border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;font-size:.65rem;font-weight:800}
.alert-icon-r{background:var(--rdim);color:var(--red)}.alert-icon-a{background:var(--adim);color:var(--amber)}
.alert-asset-c{font-size:.72rem;font-weight:700;color:var(--chalk);letter-spacing:.03em}
.alert-msg-c{font-size:.67rem;color:var(--c2);margin-top:.08rem;line-height:1.45}
.alert-due-c{font-size:.65rem;font-weight:700;white-space:nowrap;padding-top:.1rem}
.alert-due-c.cr{color:var(--red)}.alert-due-c.ca{color:var(--amber)}
.rag-asset-table{width:100%;border-collapse:collapse}
.rag-asset-table thead tr{background:var(--ink2)}
.rag-asset-table th{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c3);padding:.55rem .88rem;text-align:left;white-space:nowrap;font-weight:700;border-bottom:1px solid var(--border)}
.rag-asset-table td{padding:.58rem .88rem;border-bottom:1px solid rgba(240,237,230,.04);font-size:.74rem;color:var(--c2);vertical-align:middle}
.rag-asset-table tr:last-child td{border-bottom:none}
.rag-asset-table tr.clk:hover td{background:var(--c4);color:var(--chalk)}
.rag-pip{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.58rem;font-weight:800}
.rag-pip.G{background:rgba(151,196,89,.18);color:var(--green);border:1px solid rgba(151,196,89,.35)}
.rag-pip.A{background:var(--adim);color:var(--amber);border:1px solid rgba(232,160,32,.35)}
.rag-pip.R{background:var(--rdim);color:var(--red);border:1px solid rgba(226,75,74,.35)}
.rag-cell{display:flex;align-items:center;gap:.35rem}
.rag-lbl{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.rag-lbl.G{color:var(--green)}.rag-lbl.A{color:var(--amber)}.rag-lbl.R{color:var(--red)}
.comp-bar-wrap{display:flex;align-items:center;gap:.4rem}
.comp-bar-inner{flex:1;height:3px;background:var(--wire);border-radius:2px;overflow:hidden;min-width:40px}
.comp-bar-fill{height:3px;border-radius:2px}
.comp-bar-pct{font-size:.67rem;font-weight:700;color:var(--c3);min-width:28px;text-align:right;font-family:monospace}
.site-sel{display:flex;gap:.35rem;margin-bottom:.85rem;flex-wrap:wrap;align-items:center}
.site-sel-lbl{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c3);font-weight:700;margin-right:.2rem}
.site-btn{font-size:.64rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;padding:.28rem .7rem;border-radius:2px;border:1px solid var(--wire);background:transparent;color:var(--c3);cursor:pointer;transition:all .12s}
.site-btn:hover{background:var(--wire);color:var(--chalk)}
.site-btn.on{background:var(--adim);border-color:var(--amber);color:var(--amber)}
.legend-row{display:flex;gap:.85rem;flex-wrap:wrap;margin-bottom:.5rem}
.legend-item-c{display:flex;align-items:center;gap:.3rem;font-size:.65rem;color:var(--c3)}
.legend-sq-c{width:7px;height:7px;border-radius:1px;flex-shrink:0}
.comp-filter-bar{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.7rem}
.search-c{background:var(--ink2);border:1px solid var(--wire);border-radius:var(--r);padding:.3rem .65rem;font-size:.74rem;color:var(--chalk);width:170px;outline:none}
.search-c:focus{border-color:var(--amber)}
.search-c::placeholder{color:var(--c3)}
.rag-key{display:flex;align-items:center;gap:1.2rem;padding:.6rem 1rem;border-top:1px solid var(--border);flex-wrap:wrap}
.rag-key-item{display:flex;align-items:center;gap:.35rem;font-size:.65rem}

/* ── REGULATORY HORIZON ─────────────────────────────────────────────────── */
.hz-note{display:flex;gap:.7rem;align-items:flex-start;background:var(--steel);border:1px solid var(--border);border-left:2px solid var(--amber);border-radius:var(--r);padding:.7rem .95rem;margin-bottom:1rem}
.hz-note svg{flex-shrink:0;margin-top:.15rem}
.hz-note p{font-size:.74rem;color:var(--c2);line-height:1.5}
.hz-note b{color:var(--chalk);font-weight:600}
.hz-tl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:.85rem}
.hz-tl-col{background:var(--steel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.hz-tl-hd{padding:.55rem .9rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--ink2)}
.hz-tl-name{font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c2);display:flex;align-items:center;gap:.4rem}
.hz-tl-name::before{content:'';width:9px;height:9px;border-radius:2px;flex-shrink:0}
.hz-tl-col.near .hz-tl-name::before{background:var(--red)}
.hz-tl-col.mid .hz-tl-name::before{background:var(--amber)}
.hz-tl-col.far .hz-tl-name::before{background:var(--green)}
.hz-tl-count{font-family:monospace;font-size:.66rem;font-weight:700;color:var(--c3);background:var(--steel);padding:.05rem .4rem;border-radius:2px;border:1px solid var(--border)}
.hz-tl-items{padding:.45rem .55rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.hz-tl-item{background:var(--ink2);border:1px solid var(--border);border-radius:3px;padding:.5rem .6rem;cursor:pointer;transition:border-color .12s,transform .12s}
.hz-tl-item:hover{border-color:var(--amber);transform:translateX(2px)}
.hz-tl-item-top{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.18rem}
.hz-tl-when{font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;color:var(--c3);font-weight:700}
.hz-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.hz-dot.R{background:var(--red)}.hz-dot.A{background:var(--amber)}.hz-dot.G{background:var(--green)}
.hz-tl-title{font-size:.7rem;color:var(--chalk);line-height:1.3}
.hz-cat{font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:.1rem .4rem;border-radius:2px;display:inline-block;margin-bottom:.28rem}
.hz-cat.building{background:var(--rdim);color:#F09595}.hz-cat.energy{background:var(--gdim);color:var(--green)}
.hz-cat.electrical{background:var(--adim);color:var(--amber)}.hz-cat.refrig{background:rgba(93,202,165,.15);color:#5DCAA5}
.hz-cat.water{background:rgba(155,126,222,.15);color:#9B7EDE}.hz-cat.fire{background:var(--rdim);color:#F09595}
.hz-cat.life{background:rgba(240,153,123,.15);color:#F0997B}.hz-cat.controls{background:var(--bdim);color:var(--blue)}.hz-cat.heat{background:var(--adim);color:var(--amber)}
.hz-reg{background:var(--steel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.hz-reg-head{display:grid;grid-template-columns:2.5fr 1fr .85fr .8fr 34px;gap:.8rem;padding:.55rem 1rem;background:var(--ink2);border-bottom:1px solid var(--border)}
.hz-reg-head span{font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;color:var(--c3);font-weight:700}
.hz-reg-head .ctr{text-align:center}
.hz-row{border-bottom:1px solid rgba(240,237,230,.04)}
.hz-row:last-child{border-bottom:none}
.hz-sum{display:grid;grid-template-columns:2.5fr 1fr .85fr .8fr 34px;gap:.8rem;padding:.7rem 1rem;align-items:center;cursor:pointer;transition:background .12s}
.hz-sum:hover{background:var(--c4)}
.hz-title{font-size:.78rem;font-weight:500;color:var(--chalk);line-height:1.3}
.hz-src{font-size:.66rem;color:var(--c3);margin-top:.13rem}
.hz-when2{font-family:monospace;font-size:.72rem;font-weight:700;color:var(--chalk)}
.hz-when2-sub{font-size:.6rem;color:var(--c3);margin-top:.04rem}
.hz-impact{display:flex;align-items:center;justify-content:center;gap:.3rem}
.hz-pip{width:8px;height:8px;border-radius:50%}
.hz-pip.high{background:var(--red)}.hz-pip.med{background:var(--amber)}.hz-pip.low{background:var(--green)}
.hz-il{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.hz-il.high{color:var(--red)}.hz-il.med{color:var(--amber)}.hz-il.low{color:var(--green)}
.hz-chev{display:flex;justify-content:center;color:var(--c3);transition:transform .2s}
.hz-row.open .hz-chev{transform:rotate(180deg);color:var(--amber)}
.hz-det{padding:0 1rem 1.1rem;background:var(--ink2)}
.hz-det-grid{border-top:1px solid var(--border);padding-top:.9rem;display:grid;grid-template-columns:1.5fr 1fr;gap:1.4rem}
.hz-d-sum{font-size:.76rem;color:var(--c2);line-height:1.55}
.hz-d-at{font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;color:var(--amber);font-weight:700;margin:.85rem 0 .4rem}
.hz-d-actions{list-style:none;display:flex;flex-direction:column;gap:.32rem}
.hz-d-actions li{font-size:.73rem;color:var(--chalk);display:flex;gap:.45rem;align-items:flex-start}
.hz-d-actions li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--amber);margin-top:.42rem;flex-shrink:0}
.hz-d-mr{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid rgba(240,237,230,.05);font-size:.73rem}
.hz-d-mr:last-child{border-bottom:none}
.hz-d-mk{color:var(--c3);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.hz-d-mv{color:var(--chalk);text-align:right}
.hz-gov{margin-top:1rem;background:var(--steel);border:1px solid var(--border);border-radius:var(--r);padding:.9rem 1rem;display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
.hz-gov-ic{width:32px;height:32px;border-radius:3px;background:var(--gdim);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hz-gov-tx{flex:1;min-width:220px}
.hz-gov-tx h4{font-weight:700;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.16rem;color:var(--c2)}
.hz-gov-tx p{font-size:.68rem;color:var(--c3);line-height:1.45}
.hz-gov-meta{display:flex;gap:1.4rem;flex-wrap:wrap}
.hz-gov-mv{font-weight:800;font-size:.95rem;color:var(--chalk);font-family:monospace}
.hz-gov-mk{font-size:.58rem;color:var(--c3);text-transform:uppercase;letter-spacing:.08em}
@media(max-width:760px){.hz-tl-grid{grid-template-columns:1fr}.hz-reg-head{display:none}.hz-sum{grid-template-columns:1fr 34px}.hz-sum .hz-st-cell,.hz-sum .hz-wh-cell,.hz-sum .hz-impact{display:none}.hz-det-grid{grid-template-columns:1fr}}
/* End of SAMTAG design system extracted from SAMTAG-App_6.html */
