/* Shared visual language. Module identities and business states remain intact. */
.ui-hbo-navigation{position:sticky;top:0;z-index:30;background:#101526;padding:8px 0 10px;margin-bottom:16px;box-shadow:0 8px 16px #060a1433;border-radius:14px}
#pg-hbo .ui-hbo-navigation .hbo-tabs{margin:0 0 8px}
#pg-hbo .ui-hbo-navigation .hbo-toolbar{margin:0}
@media(max-width:600px){.ui-hbo-navigation{padding-top:4px}.ui-hbo-navigation .hbo-tabs{display:flex;overflow-x:auto}.ui-hbo-navigation .hbo-tabs button{flex:0 0 auto;padding:10px 14px}}
body{--txt2:#a9b9cf;--txt3:#8395af}
.main{min-width:0}.content{scroll-behavior:smooth;scroll-padding-top:20px}
body:not([data-page="ml"]) .content{background:radial-gradient(ellipse at top right,rgba(76,98,191,.1),transparent 48%),#0a1020;padding:28px 30px 48px}
.topbar{min-height:76px;height:auto;padding-top:14px;padding-bottom:14px;background:#101a2c;border-bottom:1px solid #2b3c55;gap:12px}
.tb-title{font-size:22px;letter-spacing:-.5px}.tb-sub{font-size:12px;color:#a9b9cf;line-height:1.45}
.tb-l,.tb-title-wrap{min-width:0}.tb-r{flex-shrink:0}
.ui-guide-button{width:36px;height:36px;border:1px solid #435c7c;border-radius:12px;background:#17283f;color:#c8e7ff;cursor:pointer;font-size:17px;font-weight:750;flex-shrink:0}
.ui-guide{border:1px solid #324963;border-radius:14px;background:linear-gradient(100deg,#142238,#10202c);margin:0 0 20px;color:#ccdaed}
.ui-guide summary{cursor:pointer;padding:13px 16px;font-size:12px;font-weight:650;line-height:1.5}
.ui-guide summary span{margin-left:8px;color:#93acc9;font-weight:400;font-size:11px}
.ui-guide ol{margin:0;padding:0 22px 16px 36px;font-size:13px;line-height:1.8;max-width:850px}
.ui-guide li{padding:3px 0}.ui-guide[open]{border-color:#668bb6}
body:not([data-page="ml"]) :is(.sa-main-hero,.sa-section-hero,.sa-page-banner){border-radius:20px;border-color:#344a6a;background:radial-gradient(ellipse at 90% 10%,rgba(122,104,230,.24),transparent 45%),linear-gradient(120deg,#152b43,#142036 65%,#201f3a);box-shadow:0 12px 36px #03071224}
.sa-main-hero{padding:28px!important;min-height:155px!important}.sa-main-hero h2{font-size:clamp(25px,2.5vw,36px);line-height:1.14}.sa-main-hero h2 span{color:#8ed8ff}
.sa-main-hero p,.sa-section-hero p,.sa-page-banner p{color:#b6c7dc;line-height:1.6;font-size:13px}.sa-eyebrow{color:#8cd7ef}
.ops-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ops-stats .stat{min-height:132px;padding:20px;border:1px solid #30415b;border-radius:16px;background:linear-gradient(145deg,#17253b,#101a2c);box-shadow:none;position:relative;overflow:hidden}
.ops-stats .stat::after{content:'';position:absolute;width:70px;height:70px;border-radius:50%;right:-24px;top:-28px;background:currentColor;opacity:.07;pointer-events:none}
.stat-lbl{font-size:12px;color:#becde0}.stat-val{font-size:34px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.stat-sub{font-size:11px;color:#9bafca;line-height:1.45}
.quick-actions{gap:12px;margin:20px 0 24px}.quick-action{border:1px solid #344661;border-radius:15px;background:#132136;padding:16px!important;min-height:88px}
.quick-action div strong{font-size:13px}.quick-action div span{display:block!important;color:#a3b8d1;font-size:11px;line-height:1.5;margin-top:5px}
.quick-action>i{background:#213959;color:#9cdbff;border-radius:12px;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}
body:not([data-page="ml"]) :is(.card,.tw){background:#111c2e;border:1px solid #2d405b;border-radius:17px;box-shadow:0 8px 25px #00000012}
.card-h{padding:18px 20px}.card-t{font-size:14px;line-height:1.4}.card-b{padding:16px 20px}
.toolbar,.account-toolbar{position:static!important;backdrop-filter:none!important;border-radius:14px;gap:10px}
body:not([data-page="ml"]) .toolbar{background:#121f33;border-color:#30445f}
:is(.fi,.srch,.sel){color:#e2edfa;border-color:#3a506d;line-height:1.4}
:is(.fi,.srch,.sel)::placeholder{color:#91a5bf;opacity:1}
:is(button,input,select,textarea,summary,a):focus-visible{outline:2px solid #80caff;outline-offset:3px}
:is(.pbtn,.xb,.ibtn,.quick-action,.ml-tab,.hbo-tab){transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
@media(hover:hover){:is(.quick-action,.pbtn):not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #050a1933}.xb:not(:disabled):hover,.ibtn:not(:disabled):hover{border-color:#85a7d1}}
button:disabled{cursor:not-allowed;filter:saturate(.5)}
.t2 th{font-size:11px;background:#17253a;color:#bccde3;padding:14px 15px}.t2 td{padding:14px 15px;line-height:1.5}.t2 tbody tr:hover td{background-color:#ffffff05}
.tw{max-width:100%;scrollbar-width:thin;scrollbar-color:#486385 #101a2c}
.mono{font-size:12px;line-height:1.5}.badge{font-weight:650;letter-spacing:.01em}.toolbar .srch{min-width:0}
.ovl{padding:20px;overflow-y:auto}.modal{max-height:calc(100dvh - 40px);border-color:#455e80;box-shadow:0 24px 100px #0009}
.fl{color:#c2d1e5;line-height:1.5}.hint,.modal-sub{line-height:1.6}.mf{gap:10px;flex-wrap:wrap}
dialog{max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow:auto}dialog::backdrop{background:#030817b8}
.hbo-tabs,.ml-tabs{gap:5px}.hbo-tabs button,.ml-tab{min-height:42px}.hbo-hero p,.chek-hero p{line-height:1.6}
.hbo-card,.hbo-batch{border-radius:17px}.ld{min-height:88px;color:#a9bfd9}.empty{line-height:1.7}
@media(min-width:1000px){.dgrid{gap:18px}.ui-guide{margin-top:-4px}}
@media(max-width:1200px){.ops-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){body:not([data-page="ml"]) .content{padding:18px 14px 32px}.topbar{padding:12px;min-height:68px}.tb-title{font-size:18px}.tb-sub{max-width:42vw;white-space:normal;font-size:11px}.ui-guide summary span{display:none}.ops-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-stats .stat{min-height:118px;padding:16px}.ops-stats .stat:last-child{grid-column:1/-1}.sa-main-hero{padding:22px!important}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action{align-items:flex-start;flex-direction:column;gap:10px}.toolbar{flex-wrap:wrap}.toolbar>.srch{flex:1 1 100%}.toolbar>.sel{flex:1 1 140px}.ovl{padding:10px}.modal{max-height:calc(100dvh - 20px)}input.fi,select.fi,textarea.fi,.srch,.sel{font-size:16px}.ui-guide-button{width:38px;height:38px}.sa-hero-orbit{display:none}.content button.xb,.content button.ibtn{min-height:38px}.ml-tabs{overflow-x:auto;justify-content:flex-start}.ml-tab{flex-shrink:0}.t2{min-width:760px}}
@media(max-width:420px){.quick-actions{grid-template-columns:1fr}.quick-action{flex-direction:row}.tb-r{gap:6px}.topbar .sync-state{display:none}.sa-main-hero h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.content{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}