/* HBV deterministic UI bundle. Generated by tools/build_frontend_bundles.py. */
/* Cascade order is explicit below; edit source modules, then rebuild. */

/* [01] /assets/v4-admin.css sha256=57307f0046419068163d26cfec1a9f6f18067420d9c0d2190c9b6daa69dd94e2 */
:root{
--adm-bg:#f3f6fb;--adm-nav:#0f1e36;--adm-nav-2:#152a4a;--adm-blue:#2456a6;--adm-blue-2:#173b72;
--adm-cyan:#168c8c;--adm-gold:#c8953d;--adm-text:#172033;--adm-muted:#667085;--adm-line:#e2e8f0;
--adm-card:#fff;--adm-danger:#b42318;--adm-success:#18794e;--adm-warning:#b54708;--adm-radius:16px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--adm-text);background:var(--adm-bg)}button,input,select,textarea{font:inherit}.hidden{display:none!important}
.admin-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:24px 16px;background:linear-gradient(180deg,var(--adm-nav),#0b1629);color:#fff}.admin-brand{display:flex;gap:12px;align-items:center;padding:0 10px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#326ec6,#168c8c);font-size:20px;font-weight:800}.admin-brand strong{display:block;font-size:15px}.admin-brand small{display:block;margin-top:4px;color:#9fb1c9;font-size:11px}.admin-nav{display:grid;gap:6px;padding-top:20px}.admin-nav-group{padding:16px 12px 5px;color:#7f95af;font-size:10px;letter-spacing:.15em}.admin-nav button{display:flex;align-items:center;gap:11px;width:100%;height:42px;padding:0 13px;border:0;border-radius:11px;background:transparent;color:#c8d4e3;cursor:pointer;text-align:left}.admin-nav button:hover{background:rgba(255,255,255,.07);color:#fff}.admin-nav button.active{background:linear-gradient(90deg,rgba(50,110,198,.38),rgba(22,140,140,.16));color:#fff;box-shadow:inset 3px 0 #4ea1ff}.admin-nav img{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.85}.admin-sidebar-foot{margin-top:20px;padding:16px 10px;border-top:1px solid rgba(255,255,255,.1)}.admin-sidebar-foot a,.admin-sidebar-foot button{display:block;width:100%;margin-top:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:transparent;color:#d8e2ee;text-align:left;text-decoration:none;cursor:pointer}
.admin-main{min-width:0}.admin-topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;height:72px;padding:0 30px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--adm-line)}.admin-topbar-left{display:flex;align-items:center;gap:14px}.admin-topbar h1{margin:0;font-size:19px}.admin-breadcrumb{color:var(--adm-muted);font-size:12px}.admin-topbar-right{display:flex;align-items:center;gap:10px}.admin-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#edf3fc;color:var(--adm-blue-2);font-size:12px;font-weight:600}.admin-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e6eef9;color:var(--adm-blue-2);font-weight:800}.mobile-menu{display:none;border:0;background:transparent;font-size:24px}
.admin-content{max-width:1600px;margin:0 auto;padding:28px 30px 56px}.admin-page{display:none}.admin-page.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-head h2{margin:0 0 7px;font-size:26px}.page-head p{margin:0;color:var(--adm-muted);font-size:13px;line-height:1.7}.page-actions{display:flex;gap:9px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 15px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:650;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--adm-blue);color:#fff}.btn-primary:hover{background:var(--adm-blue-2)}.btn-secondary{background:#fff;border-color:#bfd0e7;color:var(--adm-blue-2)}.btn-secondary:hover{background:#edf3fc}.btn-ghost{background:#f4f6f9;color:#344054}.btn-danger{background:#fff1f0;border-color:#f5c2bd;color:var(--adm-danger)}.btn-sm{min-height:32px;padding:0 10px;font-size:11px}
.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric-card{position:relative;overflow:hidden;padding:18px;background:var(--adm-card);border:1px solid var(--adm-line);border-radius:var(--adm-radius);box-shadow:0 8px 24px rgba(30,55,90,.045)}.metric-card::after{content:"";position:absolute;right:-25px;top:-30px;width:80px;height:80px;border-radius:50%;background:var(--metric-soft,#edf3fc)}.metric-label{color:var(--adm-muted);font-size:12px}.metric-value{margin-top:10px;font-size:28px;font-weight:780;letter-spacing:-.03em}.metric-note{margin-top:7px;color:#98a2b3;font-size:11px}.metric-icon{position:absolute;right:16px;top:15px;z-index:2;width:24px;height:24px;opacity:.72}
.admin-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.admin-grid.equal{grid-template-columns:1fr 1fr}.span-2{grid-column:1/-1}.panel{background:#fff;border:1px solid var(--adm-line);border-radius:var(--adm-radius);box-shadow:0 8px 28px rgba(30,55,90,.045);overflow:hidden}.panel-pad{padding:20px}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--adm-line)}.panel-head h3{margin:0;font-size:16px}.panel-head p{margin:4px 0 0;color:var(--adm-muted);font-size:11px}.panel-body{padding:20px}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:14px}.toolbar input,.toolbar select{height:40px;min-width:170px;padding:0 12px;border:1px solid var(--adm-line);border-radius:10px;background:#fff;color:var(--adm-text)}.toolbar input{min-width:250px}.toolbar-spacer{flex:1}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:850px;font-size:12px}.data-table th{position:sticky;top:0;padding:11px 12px;background:#f7f9fc;color:#667085;text-align:left;border-bottom:1px solid var(--adm-line);font-weight:650}.data-table td{padding:12px;border-bottom:1px solid #edf0f4;vertical-align:top}.data-table tbody tr:hover{background:#fafcff}.cell-main{font-weight:650}.cell-sub{margin-top:4px;color:#8491a3;font-size:11px}.actions{display:flex;gap:6px;flex-wrap:wrap}.status{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700}.status-pending{background:#fff3d6;color:#8a5a00}.status-changes_requested{background:#fff0df;color:#a04a00}.status-approved,.status-published,.status-completed{background:#e8f6ee;color:#18794e}.status-suspended,.status-rejected,.status-failed{background:#ffebe9;color:#b42318}.status-draft,.status-info{background:#eef2f6;color:#475467}.status-warning{background:#fff3d6;color:#8a5a00}.status-critical{background:#ffebe9;color:#b42318}.status-admin{background:#e9effb;color:#2456a6}
.review-queue{display:grid;gap:10px}.review-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px;border:1px solid var(--adm-line);border-radius:12px}.review-item strong{display:block;font-size:13px}.review-item small{display:block;margin-top:4px;color:var(--adm-muted)}.health-list{display:grid;gap:11px}.health-row{display:flex;justify-content:space-between;gap:15px;padding-bottom:10px;border-bottom:1px solid #edf0f4}.health-row:last-child{border-bottom:0}.health-ok{color:var(--adm-success);font-weight:700}.health-warn{color:var(--adm-warning);font-weight:700}.notice-box{padding:14px 16px;border-radius:12px;background:#edf3fc;color:#344f75;font-size:12px;line-height:1.7}.danger-box{background:#fff1f0;color:#8b2d24}.success-box{background:#edf8f2;color:#17633e}.empty{padding:40px 20px;text-align:center;color:#8491a3}.empty strong{display:block;color:#475467;margin-bottom:6px}
.settings-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.settings-nav{position:sticky;top:92px;align-self:start;padding:10px;background:#fff;border:1px solid var(--adm-line);border-radius:14px}.settings-nav button{display:block;width:100%;height:40px;padding:0 12px;border:0;border-radius:9px;background:transparent;text-align:left;color:#475467;cursor:pointer}.settings-nav button.active{background:#edf3fc;color:var(--adm-blue-2);font-weight:700}.settings-card{background:#fff;border:1px solid var(--adm-line);border-radius:16px}.settings-card-head{padding:20px;border-bottom:1px solid var(--adm-line)}.settings-card-head h3{margin:0}.settings-card-head p{margin:5px 0 0;color:var(--adm-muted);font-size:12px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:650}.field small{color:#8491a3;font-size:11px;line-height:1.5}.field input,.field select,.field textarea{width:100%;border:1px solid var(--adm-line);border-radius:10px;background:#fff;color:var(--adm-text);outline:none}.field input,.field select{height:42px;padding:0 12px}.field textarea{min-height:94px;padding:11px 12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7aa3dc;box-shadow:0 0 0 3px rgba(36,86,166,.1)}.toggle{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:1px solid var(--adm-line);border-radius:10px}.toggle input{width:18px;height:18px}.settings-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;background:rgba(255,255,255,.95);border-top:1px solid var(--adm-line);backdrop-filter:blur(12px)}
.revision-list{display:grid;gap:8px}.revision-row{display:flex;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--adm-line);border-radius:10px}.revision-row small{color:var(--adm-muted)}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(11,22,41,.56);backdrop-filter:blur(4px)}.modal{width:min(760px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.24)}.modal.wide{width:min(1100px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--adm-line)}.modal-head h3{margin:0}.modal-close{width:34px;height:34px;border:0;border-radius:9px;background:#f2f4f7;cursor:pointer}.modal-body{padding:22px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:16px 22px;border-top:1px solid var(--adm-line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.member-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.summary-box{padding:13px;border:1px solid var(--adm-line);border-radius:12px}.summary-box span{display:block;color:var(--adm-muted);font-size:10px}.summary-box b{display:block;margin-top:7px;font-size:20px}.toast-stack{position:fixed;right:24px;top:90px;z-index:200;display:grid;gap:8px}.toast{min-width:260px;max-width:420px;padding:13px 15px;border-radius:12px;background:#172033;color:#fff;box-shadow:0 12px 36px rgba(0,0,0,.18);font-size:12px}.toast.error{background:#8f251d}.toast.success{background:#17633e}
@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
@media(max-width:920px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;z-index:80;left:-280px;width:264px;transition:left .2s}.admin-sidebar.open{left:0}.mobile-menu{display:block}.admin-topbar{padding:0 16px}.admin-content{padding:20px 16px 80px}.settings-shell{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.settings-nav button{min-width:max-content}.settings-form{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:650px){.metric-grid{grid-template-columns:1fr 1fr}.page-head{display:block}.page-actions{margin-top:14px}.admin-topbar h1{font-size:15px}.admin-breadcrumb{display:none}.member-summary{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.toolbar input,.toolbar select{width:100%;min-width:0}.toolbar-spacer{display:none}}
.governance-links{display:flex;gap:10px;flex-wrap:wrap}.governance-links .btn{text-decoration:none}
.issue-list{display:grid;gap:8px;margin-top:16px}.issue{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.6}.issue b{flex:0 0 auto}.issue-blocker{background:#fff1f0;color:#8b2d24}.issue-warning{background:#fff8e6;color:#8a5a00}
.status-blocked{background:#ffebe9;color:#b42318}.status-conditional,.status-candidate{background:#fff3d6;color:#8a5a00}.status-ready,.status-verified,.status-locked,.status-passed{background:#e8f6ee;color:#18794e}.status-superseded{background:#eef2f6;color:#475467}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;word-break:break-all}
.admin-sidebar-foot button#open-member-preview{width:100%;min-height:40px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.08);color:#eaf2ff;cursor:pointer;padding:8px 10px}.admin-sidebar-foot button#open-member-preview:hover{background:rgba(255,255,255,.14)}
/* V4.1 Stage 2: administration shell visual convergence */
.admin-sidebar{background:linear-gradient(180deg,#173b72 0%,#102b55 100%);box-shadow:8px 0 30px rgba(16,43,85,.10)}
.admin-brand-logo{width:42px;height:42px;flex:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.14))}.admin-brand-mark{display:none}
.admin-nav button.active{background:rgba(255,255,255,.13);box-shadow:inset 3px 0 #e1bd74}.admin-nav button.active:after{content:"";margin-left:auto;width:5px;height:5px;border-radius:50%;background:#e1bd74;box-shadow:0 0 0 4px rgba(225,189,116,.12)}
.admin-topbar{box-shadow:0 3px 16px rgba(23,59,114,.035)}.admin-topbar-right{min-width:0}.admin-quick-links{display:flex;align-items:center;gap:6px}.admin-quick-links a,.admin-quick-links button{height:34px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--adm-line);border-radius:9px;background:#fff;color:#51627a;text-decoration:none;font-size:11px;cursor:pointer}.admin-quick-links a:hover,.admin-quick-links button:hover{border-color:#b8cae3;background:#f5f8fd;color:var(--adm-blue-2)}
.admin-content{background:radial-gradient(circle at 100% 0,rgba(36,86,166,.045),transparent 24%)}.page-head h2{letter-spacing:-.35px}.panel,.metric-card,.settings-card{transition:border-color .16s,box-shadow .16s}.panel:hover,.metric-card:hover{border-color:#d4dfed;box-shadow:0 12px 32px rgba(30,55,90,.065)}
.btn:focus-visible,.admin-nav button:focus-visible,.admin-quick-links a:focus-visible,.admin-quick-links button:focus-visible{outline:3px solid rgba(47,107,194,.28);outline-offset:2px}
@media(max-width:1180px){.admin-quick-links a{display:none}.admin-quick-links button{white-space:nowrap}}
@media(max-width:760px){.admin-quick-links{display:none}.admin-topbar-right .admin-chip{display:none}}
/* V4.1 Stage 4: operations cockpit, mail governance and production diagnostics */
.ops-status-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px;padding:20px 22px;border:1px solid #d7e2f0;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#eef5fd);box-shadow:0 10px 30px rgba(30,55,90,.055)}
.ops-status-card.blocked{border-color:#f0bbb5;background:linear-gradient(135deg,#fff9f8,#fff0ee)}.ops-status-card.warning{border-color:#ead39c;background:linear-gradient(135deg,#fffdf8,#fff7e8)}.ops-status-card.healthy{border-color:#b9dfcc;background:linear-gradient(135deg,#f8fffb,#ecf8f2)}
.ops-status-card h3{margin:4px 0 6px;font-size:22px;letter-spacing:-.3px}.ops-status-card p{margin:0;color:var(--adm-muted);font-size:12px}.ops-kicker{color:var(--adm-blue);font-size:10px;font-weight:800;letter-spacing:.16em}.ops-status-facts{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ops-status-facts span{display:inline-flex;gap:6px;align-items:center;padding:8px 10px;border:1px solid rgba(90,114,145,.16);border-radius:10px;background:rgba(255,255,255,.72);color:#5f6f85;font-size:11px}.ops-status-facts b{color:var(--adm-text)}
.ops-task-board{display:grid;gap:11px}.ops-task{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--adm-line);border-radius:14px;background:#fff}.ops-task.severity-blocker{border-left:4px solid #c43d32}.ops-task.severity-warning{border-left:4px solid #d39a2c}.ops-task.severity-info{border-left:4px solid #3c78c5}.ops-task.acknowledged{opacity:.68;background:#f8fafc}.ops-task-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#edf3fc;color:var(--adm-blue-2);font-weight:850}.severity-blocker .ops-task-icon{background:#fff0ee;color:#a62f26}.severity-warning .ops-task-icon{background:#fff7e4;color:#946100}.ops-task-copy h4{margin:3px 0 5px;font-size:14px}.ops-task-copy p{margin:0;color:var(--adm-muted);font-size:12px;line-height:1.65}.ops-task-copy small{display:block;margin-top:6px;color:#6b7789}.ops-task-meta{display:flex;gap:8px;align-items:center;color:#7d8999;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.ops-task-meta b{padding:2px 7px;border-radius:999px;background:#e9f4ed;color:#18794e;font-size:10px;letter-spacing:0}.ops-task-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.mail-config-grid{display:grid;gap:0}.mail-config-grid>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #edf0f4}.mail-config-grid>div:last-child{border-bottom:0}.mail-config-grid span{color:var(--adm-muted);font-size:12px}.mail-config-grid b{max-width:68%;text-align:right;font-size:12px;word-break:break-word}
.release-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.release-step{display:flex;align-items:center;gap:12px;min-height:72px;padding:13px 14px;border:1px solid #dce5f1;border-radius:14px;background:linear-gradient(145deg,#fff,#f7faff)}.release-step>b{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#e8f0fb;color:var(--adm-blue);font-size:12px}.release-step span{font-size:12px;font-weight:700}.release-step small{display:block;margin-top:4px;color:var(--adm-muted);font-size:10px;font-weight:400;line-height:1.45}.release-steps.compact{margin-bottom:18px}.release-steps.compact .release-step{min-height:48px;padding:9px 11px}.release-steps.compact .release-step>b{width:26px;height:26px;flex-basis:26px}.verification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.verification-grid .toggle{align-items:flex-start}.verification-grid small{display:block;margin-top:4px}
.diag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.diag-check{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px;border:1px solid var(--adm-line);border-radius:13px;background:#fff}.diag-check>div span{color:#8a96a7;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.diag-check h4{margin:4px 0 0;font-size:13px}.diag-check>b{align-self:start;padding:4px 8px;border-radius:999px;font-size:10px}.diag-check p{grid-column:1/-1;margin:3px 0 0;color:var(--adm-muted);font-size:11px;line-height:1.6}.diag-check.status-pass>b{background:#e8f6ee;color:#18794e}.diag-check.status-warning>b{background:#fff3d6;color:#8a5a00}.diag-check.status-block>b{background:#ffebe9;color:#b42318}.diag-check.status-block{border-color:#f0c6c1}.access-matrix th,.access-matrix td{text-align:center}.access-matrix th:first-child,.access-matrix td:first-child{text-align:left;min-width:280px}.matrix-yes,.matrix-no{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700}.matrix-yes{background:#e8f6ee;color:#18794e}.matrix-no{background:#eef2f6;color:#667085}.dangerous-policy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dangerous-policy>div{padding:15px;border:1px solid #ead7d4;border-radius:13px;background:#fffafa}.dangerous-policy b{display:block;margin-bottom:7px;color:#8b2d24}.dangerous-policy span{display:block;color:#667085;font-size:11px;line-height:1.7}
@media(max-width:1180px){.diag-grid{grid-template-columns:1fr 1fr}.verification-grid{grid-template-columns:1fr}.dangerous-policy{grid-template-columns:1fr}.release-steps{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ops-status-card{display:block}.ops-status-facts{justify-content:flex-start;margin-top:14px}.ops-task{grid-template-columns:34px minmax(0,1fr)}.ops-task-actions{grid-column:1/-1;justify-content:flex-start}.diag-grid,.release-steps{grid-template-columns:1fr}.mail-config-grid>div{display:block}.mail-config-grid b{display:block;max-width:none;margin-top:4px;text-align:left}.access-matrix{min-width:760px}}
@media(max-width:920px){.admin-grid.equal{grid-template-columns:1fr}.panel.span-2{grid-column:auto}}
/* V4.1 Stage 5: algorithm calibration and model governance */
.model-governance-grid{align-items:start}.model-metric-value{font-size:22px;letter-spacing:-.02em}.gate-list{display:grid;gap:10px}.quality-gate{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center;padding:12px 13px;border:1px solid var(--adm-line);border-radius:12px;background:#fbfcfe}.quality-gate>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-weight:850}.quality-gate b,.quality-gate small{display:block}.quality-gate b{font-size:12px}.quality-gate small{margin-top:4px;color:var(--adm-muted);font-size:10px}.quality-gate.passed{border-color:#d5eadf;background:#f5fbf7}.quality-gate.passed>span{background:#dff3e8;color:var(--adm-success)}.quality-gate.failed{border-color:#f1ceca;background:#fff7f6}.quality-gate.failed>span{background:#ffe2df;color:var(--adm-danger)}.model-limitations{display:grid;gap:9px}.model-boundary-notice{padding:15px;border-radius:13px;background:linear-gradient(145deg,#173b72,#2456a6);color:#fff}.model-boundary-notice b{font-size:12px}.model-boundary-notice p{margin:6px 0 0;font-size:11px;line-height:1.65;opacity:.88}.limitation-row{display:grid;grid-template-columns:16px 1fr;gap:7px;padding:8px 3px;border-bottom:1px solid #edf0f4}.limitation-row:last-child{border-bottom:0}.limitation-row span{color:var(--adm-gold);font-weight:800}.limitation-row p{margin:0;color:var(--adm-muted);font-size:11px;line-height:1.65}.calibration-table{min-width:920px}.model-run{padding:4px}.model-run h4{margin:14px 0 6px;font-size:15px}.model-run p{margin:0 0 14px;color:var(--adm-muted);font-size:11px}.model-run code,.release-row code{display:inline-block;padding:6px 8px;border-radius:8px;background:#f2f5f9;color:#44546a;font-size:10px}.release-list{display:grid;gap:10px}.release-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px;border:1px solid var(--adm-line);border-radius:12px}.release-row b,.release-row small{display:block}.release-row b{font-size:12px}.release-row small{margin-top:4px;color:var(--adm-muted);font-size:10px;line-height:1.55}
@media(max-width:1180px){.model-governance-grid{grid-template-columns:1fr}.model-governance-grid .span-2{grid-column:auto}}
@media(max-width:700px){.release-row{align-items:flex-start;flex-direction:column}.model-metric-value{font-size:20px}}
/* R12 configuration control plane */
.page-kicker{display:block;margin-bottom:7px;color:var(--adm-blue);font-size:10px;font-weight:850;letter-spacing:.16em}.settings-release-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 18px}.settings-release-steps>div{display:flex;align-items:center;gap:10px;min-height:62px;padding:11px 13px;border:1px solid #dbe5f1;border-radius:14px;background:linear-gradient(145deg,#fff,#f7faff)}.settings-release-steps b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#e7effa;color:var(--adm-blue);font-size:11px}.settings-release-steps span{font-size:11px;font-weight:750}.settings-release-steps small{display:block;margin-top:4px;color:var(--adm-muted);font-size:9px;font-weight:450;line-height:1.35}
.settings-shell{grid-template-columns:248px minmax(0,1fr);align-items:start}.settings-content{min-width:0}.settings-nav{top:84px;padding:0;overflow:hidden;border-radius:18px;box-shadow:0 12px 34px rgba(29,55,88,.06)}.settings-nav-head{padding:17px 16px 11px;border-bottom:1px solid #edf1f6}.settings-nav-head b,.settings-nav-head small{display:block}.settings-nav-head b{font-size:13px}.settings-nav-head small{margin-top:4px;color:var(--adm-muted);font-size:10px}.settings-search{display:flex;align-items:center;gap:7px;margin:12px;padding:0 10px;border:1px solid var(--adm-line);border-radius:10px;background:#f8fafc}.settings-search span{color:#8794a6}.settings-search input{width:100%;height:36px;border:0;outline:0;background:transparent;font-size:11px}.settings-nav-group{padding:5px 8px 8px}.settings-nav-group>span{display:block;padding:10px 9px 5px;color:#8a97a8;font-size:9px;font-weight:800;letter-spacing:.12em}.settings-nav button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;height:auto;min-height:48px;padding:9px 10px}.settings-nav button img{width:16px;height:16px;opacity:.65}.settings-nav button>span{min-width:0}.settings-nav button b,.settings-nav button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-nav button b{font-size:11px}.settings-nav button small{margin-top:3px;color:#8a97a8;font-size:9px;font-weight:450}.settings-nav button.active img{opacity:1}.settings-nav button.active small{color:#5879a8}.settings-draft-dot{width:7px;height:7px;border-radius:50%;background:#d29a2b;box-shadow:0 0 0 3px rgba(210,154,43,.13)}.settings-draft-dot.stale{background:#c54a40;box-shadow:0 0 0 3px rgba(197,74,64,.12)}.settings-draft-dot.validated{background:#23845d;box-shadow:0 0 0 3px rgba(35,132,93,.12)}.settings-control-version{padding:13px 16px;border-top:1px solid #edf1f6;background:#f8fafc}.settings-control-version span,.settings-control-version b,.settings-control-version small{display:block}.settings-control-version span{color:#8995a5;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.settings-control-version b{margin-top:4px;font-size:11px}.settings-control-version small{margin-top:3px;color:#7b8798;font-size:9px}.settings-nav-empty{padding:20px;color:var(--adm-muted);font-size:11px;text-align:center}
.settings-status-strip{display:grid;grid-template-columns:120px 110px minmax(180px,1fr) 110px;gap:8px;margin-bottom:12px}.settings-status-strip>div{padding:12px 14px;border:1px solid #dce5f0;border-radius:13px;background:#fff}.settings-status-strip span,.settings-status-strip b{display:block}.settings-status-strip span{color:#8390a2;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.settings-status-strip b{margin-top:5px;font-size:12px}.setting-risk-text.critical{color:#b42318}.setting-risk-text.high{color:#946200}.setting-risk-text.normal{color:#18794e}.settings-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;align-items:start}.settings-editor-card{overflow:hidden}.settings-card-head.professional{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 22px}.settings-card-head.professional h3{margin:4px 0 6px;font-size:19px}.settings-card-head.professional p{max-width:680px;font-size:11px;line-height:1.65}.settings-eyebrow{color:var(--adm-blue);font-size:9px;font-weight:850;letter-spacing:.14em}.settings-card-badges{display:flex;gap:7px;align-items:center;flex:none}.settings-card-badges>span{padding:5px 8px;border:1px solid #dfe6ef;border-radius:999px;background:#f8fafc;color:#66758a;font-size:9px}.setting-risk{display:inline-flex!important;align-items:center;padding:5px 8px!important;border:0!important;border-radius:999px!important;font-size:9px!important;font-weight:800!important}.setting-risk.critical{background:#ffebe9!important;color:#a9342a!important}.setting-risk.high{background:#fff3d6!important;color:#8a5a00!important}.setting-risk.normal{background:#e8f6ee!important;color:#18794e!important}
.settings-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #edf1f5}.setting-field{display:grid;grid-template-rows:auto 1fr;gap:13px;min-height:156px;padding:19px 20px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5;background:#fff}.setting-field:nth-child(2n){border-right:0}.setting-field.wide{grid-column:1/-1;border-right:0;min-height:auto}.setting-field.readonly{background:#f8fafc}.setting-field-copy p{margin:7px 0 0;color:#68778b;font-size:10px;line-height:1.62}.setting-field-copy>small{display:block;margin-top:6px;color:#8c98a7;font-size:9px}.setting-field-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.setting-field-title>b{font-size:12px}.setting-field-meta{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.setting-field-meta code{padding:3px 5px;border-radius:5px;background:#f0f3f7;color:#718095;font-size:8px}.setting-tag{padding:3px 5px;border-radius:999px;font-size:8px;font-weight:750}.setting-tag.secure{background:#e9f5ef;color:#18794e}.setting-tag.locked{background:#edf1f6;color:#59687b}.setting-lock-note{padding:6px 8px;border-radius:7px;background:#f0f3f7;color:#59687b!important}.setting-field-control{align-self:end}.setting-field-control input,.setting-field-control select,.setting-field-control textarea{width:100%;border:1px solid #d5deea;border-radius:10px;background:#fff;color:var(--adm-text);outline:0}.setting-field-control input,.setting-field-control select{height:40px;padding:0 11px}.setting-field-control textarea{min-height:105px;padding:10px 11px;resize:vertical;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.setting-field-control input:focus,.setting-field-control select:focus,.setting-field-control textarea:focus{border-color:#7aa3dc;box-shadow:0 0 0 3px rgba(36,86,166,.09)}.setting-field-control input:disabled,.setting-field-control select:disabled,.setting-field-control textarea:disabled{background:#eef2f6;color:#788698;cursor:not-allowed}.setting-switch{display:flex;align-items:center;gap:9px;cursor:pointer}.setting-switch input{position:absolute;opacity:0;pointer-events:none}.setting-switch-track{position:relative;width:39px;height:22px;border-radius:999px;background:#cbd5e1;transition:.18s}.setting-switch-track:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.18s}.setting-switch input:checked+.setting-switch-track{background:#2865b3}.setting-switch input:checked+.setting-switch-track:after{transform:translateX(17px)}.setting-switch b{color:#66758a;font-size:10px}.setting-switch input:disabled+.setting-switch-track{opacity:.55}.setting-security-warning{margin:0 0 12px}.setting-security-warning small{display:block;margin-top:5px}.setting-inline-note{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:11px 14px;border:1px solid #dbe5f0;border-radius:12px;background:#f7faff}.setting-inline-note b{font-size:11px}.setting-inline-note span{color:#69778a;font-size:10px}.setting-governance-lock{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 12px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,#142f5a,#2456a6);color:#fff;box-shadow:0 12px 30px rgba(24,61,113,.16)}.setting-governance-lock span{font-size:9px;font-weight:850;letter-spacing:.15em;opacity:.75}.setting-governance-lock h4{margin:5px 0 6px;font-size:16px}.setting-governance-lock p{max-width:760px;margin:0;font-size:10px;line-height:1.65;opacity:.82}.setting-governance-lock .btn{flex:none;background:#fff;color:#183c72;border-color:#fff}
.settings-impact-card{position:sticky;top:84px;overflow:hidden;border:1px solid #dce5f0;border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(29,55,88,.055)}.settings-impact-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 15px;border-bottom:1px solid #edf1f5}.settings-impact-title>span{font-size:11px;font-weight:800}.setting-impact-empty{padding:22px 16px;text-align:center}.setting-impact-empty b{font-size:11px}.setting-impact-empty p{margin:7px 0 0;color:#7b8798;font-size:9px;line-height:1.65}.setting-impact-head{display:flex;align-items:center;gap:10px;padding:15px}.setting-impact-head b,.setting-impact-head small{display:block}.setting-impact-head b{font-size:11px}.setting-impact-head small{margin-top:4px;color:#8390a1;font-size:8px}.setting-impact-list{display:grid;gap:5px;padding:10px 15px;border-top:1px solid #edf1f5}.setting-impact-list>b{margin-bottom:2px;color:#65748a;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.setting-impact-list>span{position:relative;padding-left:11px;color:#58677c;font-size:9px;line-height:1.5}.setting-impact-list>span:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:#6b91c7}.setting-validation-state{margin:10px 14px 14px;padding:11px;border-radius:10px}.setting-validation-state b,.setting-validation-state small{display:block}.setting-validation-state b{font-size:10px}.setting-validation-state small{margin-top:4px;font-size:8px}.setting-validation-state.passed{background:#eaf7f0;color:#18794e}.setting-validation-state.failed{background:#fff0ee;color:#a9342a}.setting-validation-state.pending{background:#f0f3f7;color:#66758a}.settings-workflow-mini{display:grid;gap:7px;padding:14px 15px;border-top:1px solid #edf1f5;background:#f8fafc}.settings-workflow-mini>b{font-size:10px}.settings-workflow-mini>span{display:flex;align-items:center;gap:7px;color:#66758a;font-size:9px}.settings-workflow-mini i{display:grid;place-items:center;width:17px;height:17px;border-radius:6px;background:#e7effa;color:#2456a6;font-size:8px;font-style:normal;font-weight:800}
.settings-action-bar{position:sticky;z-index:20;bottom:0;display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:12px;align-items:center;margin-top:14px;padding:12px 14px;border:1px solid #d7e1ed;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 -8px 28px rgba(28,54,87,.08);backdrop-filter:blur(14px)}.settings-action-state{min-width:125px}.settings-action-state b,.settings-action-state span{display:block}.settings-action-state b{font-size:11px}.settings-action-state span{margin-top:3px;color:#8390a1;font-size:8px}.settings-action-bar>input{height:39px;padding:0 11px;border:1px solid #d6dfeb;border-radius:10px;outline:0}.settings-action-buttons{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.settings-action-buttons .btn{white-space:nowrap}.setting-preview-summary{padding:4px 0 14px}.setting-preview-summary h3{margin:9px 0 5px}.setting-preview-summary p{margin:0;color:var(--adm-muted);font-size:10px}
.setting-row{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(260px,1.25fr);gap:18px;align-items:start;grid-column:1/-1;padding:13px 0;border-bottom:1px solid #edf1f5}.setting-row>span b,.setting-row>span small{display:block}.setting-row>span b{font-size:11px}.setting-row>span small{margin-top:4px;color:#8793a4;font-size:9px}.setting-row input:not([type="checkbox"]),.setting-row select,.setting-row textarea{width:100%;border:1px solid #d6dfeb;border-radius:9px}.setting-row input:not([type="checkbox"]),.setting-row select{height:38px;padding:0 10px}.setting-row textarea{min-height:80px;padding:9px 10px;resize:vertical}.setting-row>input[type="checkbox"]{width:18px;height:18px}.setting-row>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.setting-row>div input[type="file"]{max-width:260px}.revision-list{padding:0 20px 20px}.revision-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf1f5}.revision-row small{color:var(--adm-muted)}
@media(max-width:1320px){.settings-workspace{grid-template-columns:1fr}.settings-impact-card{position:static}.settings-status-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-action-bar{grid-template-columns:1fr}.settings-action-buttons{justify-content:flex-start}}
@media(max-width:1050px){.settings-release-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-field-grid{grid-template-columns:1fr}.setting-field,.setting-field:nth-child(2n){border-right:0}.setting-field.wide{grid-column:auto}.settings-status-strip{grid-template-columns:1fr 1fr}}
@media(max-width:920px){.settings-nav{display:block;overflow:visible}.settings-nav-group{display:grid;grid-template-columns:1fr 1fr}.settings-nav-group>span{grid-column:1/-1}.settings-nav button{min-width:0}.settings-impact-card{position:static}.setting-row{grid-template-columns:1fr}.settings-action-bar{position:static}}
@media(max-width:640px){.settings-release-steps{grid-template-columns:1fr}.settings-nav-group{grid-template-columns:1fr}.settings-status-strip{grid-template-columns:1fr}.settings-card-head.professional,.setting-governance-lock{display:block}.settings-card-badges{margin-top:12px}.setting-governance-lock .btn{margin-top:12px}.settings-action-buttons{display:grid;grid-template-columns:1fr 1fr}.settings-action-buttons .btn{width:100%}.setting-inline-note{display:block}.setting-inline-note span{display:block;margin-top:5px}}
.password-recovery-admin{display:grid;gap:16px}.password-reset-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-reset-mode{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:15px;background:#fbfdfe;cursor:pointer;transition:.15s}.password-reset-mode.active{border-color:#2d79b3;background:#edf6fc;box-shadow:0 0 0 3px rgba(45,121,179,.1)}.password-reset-mode.disabled{opacity:.55;cursor:not-allowed}.password-reset-mode input{width:17px;height:17px;flex:none;margin-top:2px}.password-reset-mode span,.password-reset-mode b,.password-reset-mode small{display:block}.password-reset-mode b{font-size:13px;color:#183d57}.password-reset-mode small{margin-top:6px;color:#6b7f8d;font-size:11px;line-height:1.6}.password-recovery-admin textarea{width:100%;min-height:88px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;resize:vertical}.password-result-once{display:grid;gap:15px}.temporary-password-row{display:flex;gap:10px;align-items:stretch}.temporary-password-row code{flex:1;display:flex;align-items:center;min-height:48px;padding:10px 14px;border:1px dashed #2c78af;border-radius:11px;background:#f0f7fc;color:#173d59;font-size:17px;font-weight:800;letter-spacing:.7px;word-break:break-all}@media(max-width:720px){.password-reset-mode-grid{grid-template-columns:1fr}.temporary-password-row{flex-direction:column}}
/* HF8.4 账号安全与RBAC权限治理 */
.role-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.role-template-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fbfdff}.role-template-card.super{border-color:#d7ae55;background:#fffbef}.role-template-card>div{display:flex;align-items:center;gap:9px}.role-template-card b{font-size:14px;color:#173d59}.role-template-card span{font-size:10px;color:#8b5b00;background:#fff0bd;border-radius:999px;padding:3px 8px}.role-template-card p{font-size:12px;line-height:1.65;color:#647986;min-height:40px}.role-template-card small{color:#2d719f}.permission-risk{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;white-space:nowrap}.risk-low{background:#e8f6ee;color:#13794e}.risk-medium{background:#eaf3ff;color:#2866a7}.risk-high{background:#fff2d9;color:#9a6200}.risk-critical{background:#ffebeb;color:#b53131}.access-editor{display:grid;gap:16px}.permission-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:52vh;overflow:auto;padding:2px}.permission-group{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#fbfdfe}.permission-group legend{padding:0 7px;color:#2d719f;font-size:12px;font-weight:800}.permission-option{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:start;padding:9px 4px;border-bottom:1px dashed #dfe9ef}.permission-option:last-child{border-bottom:0}.permission-option input{width:17px;height:17px;margin-top:2px}.permission-option span,.permission-option b,.permission-option small{display:block}.permission-option b{font-size:12px;color:#173d59}.permission-option small{font-size:10px;line-height:1.5;color:#71838f;margin-top:3px}.promote-member-list{display:grid;gap:8px;max-height:58vh;overflow:auto;margin-top:12px}.promote-member-item{width:100%;text-align:left;border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:#fff;cursor:pointer}.promote-member-item:hover{border-color:#2d79b3;background:#f1f8fc}.promote-member-item b,.promote-member-item span{display:block}.promote-member-item b{color:#173d59}.promote-member-item span{font-size:11px;color:#71838f;margin-top:4px}.admin-nav button[hidden],button[hidden]{display:none!important}@media(max-width:900px){.role-template-grid{grid-template-columns:1fr 1fr}.permission-selector{grid-template-columns:1fr}}@media(max-width:620px){.role-template-grid{grid-template-columns:1fr}}

/* [02] /assets/v46-admin-commercial.css sha256=e72381369ed62c4dfbe6acd6b1b285a16c333afb1cc97898747d1cbbdf54997d */
/* V4.6.0 P2 · 管理与运营中心商业化视觉重构 */
:root{
--adm-bg:#f2f6fb;--adm-nav:#08182c;--adm-nav-2:#102944;--adm-blue:#245fa9;--adm-blue-2:#174b8a;
--adm-cyan:#138d86;--adm-gold:#bd8c38;--adm-text:#152238;--adm-muted:#66758b;--adm-line:#dfe7f1;
--adm-card:#fff;--adm-danger:#bd3539;--adm-success:#177c56;--adm-warning:#aa6c14;--adm-radius:18px;
}
html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#eff4fa,#f7f9fc);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(45,114,199,.22);outline-offset:2px}
.admin-shell{grid-template-columns:282px minmax(0,1fr)}
.admin-sidebar{padding:18px 14px 14px;background:radial-gradient(circle at 18% 0%,rgba(54,118,184,.22),transparent 29%),linear-gradient(180deg,#0a1d34,#061426);box-shadow:12px 0 38px rgba(7,22,41,.12)}
.admin-brand{min-height:72px;margin:0 3px;padding:5px 8px 18px}.admin-brand-logo{width:46px;height:46px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18))}.admin-brand strong{font-size:14px;line-height:1.35}.admin-brand small{font-size:9px;color:#7890aa;letter-spacing:.08em}
.admin-nav-tools{padding:13px 4px 4px}.admin-nav-search{position:relative}.admin-nav-search input{width:100%;height:38px;padding:0 34px 0 12px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.055);color:#eef5fb;outline:0;font-size:11px}.admin-nav-search input::placeholder{color:#6f86a0}.admin-nav-search input:focus{border-color:rgba(115,166,218,.5);background:rgba(255,255,255,.075)}.admin-nav-search span{position:absolute;right:11px;top:9px;color:#7188a1;font-size:13px}
.admin-nav{gap:4px;padding-top:8px}.admin-nav-section{border-radius:13px}.admin-nav-group{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding:12px 10px 5px;color:#68809b;font-size:9px;letter-spacing:.17em;cursor:pointer;user-select:none}.admin-nav-group:after{content:"⌄";font-size:13px;letter-spacing:0;color:#7189a3;transition:transform .16s}.admin-nav-section.collapsed .admin-nav-group:after{transform:rotate(-90deg)}.admin-nav-section.collapsed .admin-nav-items{display:none}.admin-nav-items{display:grid;gap:3px}
.admin-nav button{height:40px;padding:0 11px;border:1px solid transparent;border-radius:10px;color:#aebed0;font-size:11.5px;font-weight:560}.admin-nav button:hover{border-color:rgba(255,255,255,.055);background:rgba(255,255,255,.055)}.admin-nav button.active{border-color:rgba(216,181,104,.16);background:linear-gradient(90deg,rgba(216,181,104,.15),rgba(49,112,179,.12));box-shadow:inset 3px 0 #d8b568;color:#fff}.admin-nav img{width:17px;height:17px}.admin-nav button.nav-search-hidden,.admin-nav-section.nav-search-empty{display:none}
.admin-sidebar-foot{margin:14px 3px 0;padding:12px 5px}.admin-sidebar-foot button{height:38px;margin-top:6px;padding:0 10px;border-color:rgba(255,255,255,.10);font-size:10px}.admin-sidebar-foot button:hover{background:rgba(255,255,255,.06)}
.admin-topbar{height:78px;padding:0 28px;background:rgba(255,255,255,.88);border-color:#dfe7f0;box-shadow:0 5px 20px rgba(21,51,85,.025)}.admin-topbar h1{font-size:20px;color:#172b45}.admin-breadcrumb{margin-top:3px;color:#8190a3}.admin-topbar-right{gap:8px}.admin-quick-links{display:flex;gap:6px;padding-right:9px;margin-right:2px;border-right:1px solid #e2e8f0}.admin-quick-links button,.admin-quick-links a{height:32px;padding:0 9px;border:1px solid #dce5ef;border-radius:9px;background:#fff;color:#52708f;text-decoration:none;font-size:10px;display:inline-flex;align-items:center;cursor:pointer}.admin-quick-links button:hover,.admin-quick-links a:hover{background:#f3f7fc;border-color:#cbd9e8}.admin-chip{border:1px solid #dce6f1;background:#f1f6fc;color:#315c89}.admin-avatar{border-radius:50%;background:linear-gradient(135deg,#e8f1fc,#d8e6f6)}
.admin-content{max-width:1680px;padding:30px 32px 64px}.page-head{margin-bottom:20px}.page-head h2{font-size:29px;letter-spacing:-.5px;color:#172b45}.page-head p{max-width:920px;color:#68778c}.page-kicker{display:block;margin-bottom:7px;color:#3370ad;font-size:9px;font-weight:800;letter-spacing:.16em}
.btn{border-radius:11px;font-weight:650}.btn-primary{background:linear-gradient(135deg,#2e70bf,#1e579c);box-shadow:0 8px 17px rgba(31,94,170,.15)}.btn-secondary{border-color:#cbdced}.btn-danger{border-color:#f0c7c5}
.admin-command-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:20px}.admin-command-card{display:flex;align-items:center;gap:12px;min-height:72px;padding:13px 14px;border:1px solid #dfe7f1;border-radius:15px;background:linear-gradient(145deg,#fff,#f9fbfe);box-shadow:0 7px 22px rgba(21,51,85,.045);cursor:pointer;text-align:left}.admin-command-card:hover{transform:translateY(-1px);border-color:#cbd9e9;box-shadow:0 11px 26px rgba(21,51,85,.075)}.admin-command-card i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf3ff;color:#225fa8;font-style:normal;font-size:17px}.admin-command-card:nth-child(2) i{background:#eaf8f5;color:#16877f}.admin-command-card:nth-child(3) i{background:#fbf2dc;color:#a97624}.admin-command-card:nth-child(4) i{background:#edf1f6;color:#5f7085}.admin-command-card b,.admin-command-card small{display:block}.admin-command-card b{font-size:12px;color:#243750}.admin-command-card small{margin-top:4px;color:#8491a3;font-size:9px;line-height:1.45}
.metric-grid{gap:12px}.metric-card{min-height:124px;padding:17px;border-color:#e0e8f2;border-radius:17px;background:linear-gradient(155deg,#fff,#fbfdff);box-shadow:0 8px 25px rgba(21,51,85,.045)}.metric-card:after{width:100px;height:100px;background:linear-gradient(135deg,var(--metric-soft,#edf3fc),rgba(255,255,255,.4))}.metric-label{font-size:11px}.metric-value{font-size:29px;color:#172b45}.metric-note{line-height:1.45}
.panel{border-color:#e0e8f2;border-radius:18px;box-shadow:0 9px 30px rgba(21,51,85,.05)}.panel-head{padding:18px 19px;border-color:#edf2f7}.panel-head h3{color:#22364f}.panel-body{padding:19px}.admin-grid{gap:17px}.toolbar{padding:2px}.toolbar input,.toolbar select{border-color:#d9e3ed;background:#fff}.toolbar input:focus,.toolbar select:focus{border-color:#7ca7da;box-shadow:0 0 0 4px rgba(45,114,199,.09);outline:0}
.table-wrap{border-radius:0 0 17px 17px}.data-table th{background:#f7f9fc;color:#607188}.data-table td{border-color:#edf2f7}.data-table tbody tr:hover{background:#f8fbfe}.status{font-weight:700}
.ops-status-card,.notice-box{border:1px solid #dce7f1}.settings-shell{grid-template-columns:234px minmax(0,1fr)}.settings-nav{border-color:#dfe7f1;border-radius:15px;box-shadow:0 7px 22px rgba(21,51,85,.04)}
.modal{border-radius:23px;box-shadow:0 30px 80px rgba(7,22,41,.22)}
.admin-mobile-dock{display:none}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#bec9d6;background-clip:padding-box}
@media(max-width:1320px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-command-strip{grid-template-columns:1fr 1fr}.admin-quick-links a:nth-of-type(2){display:none}}
@media(max-width:1050px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:-292px;z-index:70;width:282px;transition:left .2s}.admin-sidebar.open{left:0}.admin-topbar{padding:0 18px}.mobile-menu{display:block}.admin-content{padding-left:18px;padding-right:18px}.admin-topbar-right .admin-quick-links{display:none}.admin-grid,.admin-grid.equal{grid-template-columns:1fr}.span-2{grid-column:auto}.settings-shell{grid-template-columns:1fr}.settings-nav{position:static}.admin-command-strip{grid-template-columns:1fr 1fr}.admin-sidebar.open:after{content:"";position:fixed;left:282px;right:0;top:0;bottom:0;background:rgba(7,22,41,.4);backdrop-filter:blur(2px)}}
@media(max-width:700px){.admin-topbar{height:66px}.admin-topbar h1{font-size:17px}.admin-breadcrumb{display:none}.admin-topbar-right #runtime-chip{display:none}.admin-chip{padding:6px 8px;font-size:10px}.admin-content{padding:20px 13px 86px}.page-head{display:block}.page-head h2{font-size:24px}.page-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:13px}.page-actions .btn,.page-actions select{width:100%}.admin-command-strip{grid-template-columns:1fr 1fr;gap:8px}.admin-command-card{min-height:66px;padding:10px}.admin-command-card i{width:34px;height:34px}.admin-command-card small{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:110px;padding:14px}.metric-value{font-size:25px}.panel{border-radius:15px}.panel-head{padding:14px}.panel-body{padding:14px}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar input,.toolbar select,.toolbar .btn{width:100%;min-width:0}.toolbar input{grid-column:1/-1}.toolbar-spacer{display:none}.admin-mobile-dock{position:fixed;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:66px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #dce5ef;background:rgba(255,255,255,.96);box-shadow:0 -10px 30px rgba(7,22,41,.08);backdrop-filter:blur(18px)}.admin-mobile-dock button{border:0;border-radius:10px;background:transparent;color:#718197;font-size:9px}.admin-mobile-dock button b{display:block;margin-bottom:3px;font-size:17px}.admin-mobile-dock button.active{background:#eef4fc;color:#215fa9}}
@media(max-width:430px){.admin-command-strip{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.page-actions{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.toolbar input{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* V4.6.0 P3 · 激活卡与渠道运营中心 */
.card-security-notice{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;border:1px solid #ead7aa;border-radius:15px;background:linear-gradient(135deg,#fffaf0,#fffdf8);color:#72551d;box-shadow:0 7px 22px rgba(126,88,22,.04)}
.card-security-notice strong{display:block;margin-bottom:4px;color:#684b12;font-size:12px}.card-security-notice p{margin:0;font-size:10.5px;line-height:1.65}.card-security-notice i{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:#f6e5b9;color:#8f651d;font-style:normal;font-weight:800}
.card-batch-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.card-batch-summary article{padding:12px 13px;border:1px solid #e0e8f2;border-radius:13px;background:#f9fbfe}.card-batch-summary b{display:block;color:#193451;font-size:18px}.card-batch-summary span{display:block;margin-top:3px;color:#78889b;font-size:9.5px}
.card-batch-downloads{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 15px}.card-batch-downloads .btn{min-width:118px}
.compact-card-table{max-height:430px;overflow:auto;border:1px solid #e4ebf3;border-radius:13px}.compact-card-table .data-table{min-width:880px}.compact-card-table .data-table th{position:sticky;top:0;z-index:2}
.activation-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-weight:750;letter-spacing:.06em;color:#173b65}.card-number{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:#62748a;font-size:10px}.card-status-actions{display:flex;flex-wrap:wrap;gap:5px}.card-status-actions .btn{padding:5px 8px;font-size:9px}
.card-batch-form-note{grid-column:1/-1;padding:11px 12px;border-radius:12px;background:#eef5fd;color:#476783;font-size:10px;line-height:1.6}
.channel-stock{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#edf4fb;color:#3b648c;font-size:9px}
#page-cards .panel+.panel{margin-top:17px}#page-cards .metric-grid{margin-bottom:17px}
@media(max-width:900px){.card-batch-summary{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.card-batch-summary{grid-template-columns:1fr}.card-security-notice{padding:12px}.card-batch-downloads{display:grid;grid-template-columns:1fr 1fr}.card-batch-downloads .btn{min-width:0;width:100%}}
/* V4.6.0 P5-HF3 · 渠道、制卡批次与激活卡全生命周期治理 */
.card-lifecycle-filter{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.card-lifecycle-filter select{min-width:118px}
.inline-check{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 9px;border:1px solid #d9e3ed;border-radius:9px;background:#fff;color:#526a83;font-size:9.5px;white-space:nowrap}
.inline-check input{width:auto;margin:0}
.commercial-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:220px}
.row-archived{opacity:.74;background:#f7f8fa}
.row-archived:hover{opacity:1}
.lifecycle-toolbar{padding:10px;border:1px solid #e1e8f1;border-radius:13px;background:#f8fbfe}
.commercial-tabs{display:grid;gap:18px}
.commercial-tabs>section>h4{margin:0 0 9px;color:#253d58;font-size:12px}
.commercial-event-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:3px}
.commercial-event-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #e3eaf2;border-radius:12px;background:#fbfdff}
.commercial-event-row b,.commercial-event-row span,.commercial-event-row small{display:block}
.commercial-event-row b{color:#263d57;font-size:10.5px}
.commercial-event-row span{margin-top:3px;color:#63778d;font-size:9.5px}
.commercial-event-row small{margin-top:4px;color:#8996a6;font-size:8.8px;line-height:1.5}
.commercial-event-row em{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#edf4fb;color:#42698e;font-size:8.8px;font-style:normal}
.status-archived{background:#edf0f4!important;color:#657286!important}
.status-closed{background:#fff0df!important;color:#976223!important}
.status-revoked{background:#feeceb!important;color:#a53a36!important}
.status-frozen{background:#eef0ff!important;color:#525bc0!important}
@media(max-width:900px){.commercial-actions{min-width:170px}.card-lifecycle-filter{display:grid;grid-template-columns:1fr 1fr}.card-lifecycle-filter input{grid-column:1/-1}}
@media(max-width:520px){.commercial-event-row{display:block}.commercial-event-row em{display:inline-block;margin-top:7px}.card-lifecycle-filter{grid-template-columns:1fr}.card-lifecycle-filter input{grid-column:auto}}
/* P6-R2 HF4 — compact governance navigation */
html[data-hbv-admin-ui="p4-hf4"] .admin-sidebar{padding:12px 11px 10px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-brand{padding:0 7px 12px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-brand-logo{width:35px!important;height:35px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-nav-tools{padding:8px 2px 2px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-nav-search input{height:32px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-nav{gap:1px!important;padding-top:2px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-nav-group{margin-top:2px!important;padding:7px 9px 2px!important;font-size:8px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-nav button{height:33px!important;border-radius:8px!important;font-size:10.5px!important;padding:0 10px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-nav img{width:15px!important;height:15px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-sidebar-foot{margin-top:7px!important;padding:7px 4px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-sidebar-foot button{height:32px!important;margin-top:3px!important}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card{border:1px solid #dfe8f2;border-radius:13px;padding:13px;background:#f8fafc}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card.covered{border-color:#bfe3d3;background:#f2fbf7}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card.missing{border-color:#f0d9aa;background:#fffaf0}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card span,html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card b,html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card small{display:block}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card span{font-size:10px;color:#64758b}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card b{margin:7px 0 4px;font-size:22px;color:#173d6e}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card small{font-size:9px;line-height:1.55;color:#7b8999}
@media(max-width:1180px){html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-grid{grid-template-columns:1fr 1fr}}

/* [03] /assets/v46-data-center.css sha256=8d5fb6cc621fb96e7ae53bc48bcf3dc1bb53c67d4a26138609cfdc10131b57fd */
.annual-data-upload-panel{overflow:hidden;border:1px solid rgba(38,72,122,.16);box-shadow:0 18px 48px rgba(22,49,89,.08)}
.annual-data-upload-panel .panel-head{background:linear-gradient(135deg,rgba(238,245,255,.96),rgba(249,252,255,.98));border-bottom:1px solid rgba(39,79,135,.11)}
.annual-data-upload-grid{display:grid;grid-template-columns:minmax(260px,1.25fr) repeat(2,minmax(180px,.75fr));gap:14px;align-items:end}
.annual-data-upload-grid>label:not(.annual-file-drop){display:grid;gap:7px;font-size:13px;font-weight:700;color:#42536c}
.annual-data-upload-grid input,.annual-data-upload-grid select{width:100%;min-height:42px;border:1px solid #d7dfeb;border-radius:11px;background:#fff;padding:9px 11px;color:#17263c;outline:none}
.annual-data-upload-grid input:focus,.annual-data-upload-grid select:focus{border-color:#557db8;box-shadow:0 0 0 3px rgba(70,111,171,.12)}
.annual-data-upload-grid .span-2{grid-column:span 2}
.annual-file-drop{grid-row:span 2;min-height:142px;border:1.5px dashed #87a3ca;border-radius:15px;background:linear-gradient(145deg,#f5f9ff,#edf4ff);display:flex;align-items:center;justify-content:center;text-align:center;padding:22px;cursor:pointer;transition:.2s ease}
.annual-file-drop:hover{border-color:#476fa8;transform:translateY(-1px);box-shadow:0 10px 28px rgba(39,74,126,.1)}
.annual-file-drop input{position:absolute;inline-size:1px;block-size:1px;opacity:0}
.annual-file-drop span{display:grid;gap:7px}.annual-file-drop b{font-size:16px;color:#23456f}.annual-file-drop small{color:#718199;font-weight:500}
.annual-file-drop.has-file{border-style:solid;background:linear-gradient(145deg,#edf8f3,#f7fbf9);border-color:#5b9a7d}.annual-file-drop.has-file b{color:#25614a}
.annual-upload-actions{grid-column:2/4;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:3px}
.annual-data-boundary{margin-top:16px;padding:13px 15px;border-radius:12px;background:#fff8e8;border:1px solid #f0d594;color:#675124;font-size:13px;line-height:1.7}.annual-data-boundary b{color:#7b5511}
.annual-data-grid .panel{min-width:0}.annual-job-file{max-width:260px}.annual-job-file b,.annual-job-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annual-job-file small{color:#76859a;margin-top:3px}
.annual-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#edf2f8;color:#53657c}.annual-status-review_required,.annual-status-failed{background:#fff0ed;color:#aa4235}.annual-status-ready_for_approval,.annual-status-approved{background:#fff7df;color:#8c6716}.annual-status-published{background:#eaf7f0;color:#297050}.annual-status-rolled_back{background:#f0eff7;color:#665c8a}
.annual-diff-chips{display:flex;flex-wrap:wrap;gap:5px}.annual-diff-chips span{font-size:11px;border-radius:6px;padding:3px 6px;background:#f1f4f8;color:#5a687b}.annual-diff-chips .add{background:#eaf7ef;color:#2f7551}.annual-diff-chips .change{background:#fff5dc;color:#8e6710}.annual-diff-chips .miss{background:#fff0ed;color:#a5493d}
.annual-job-detail{display:grid;gap:18px}.annual-detail-hero{display:grid;grid-template-columns:1.4fr repeat(3,minmax(100px,.45fr));gap:12px}.annual-detail-hero>div{padding:13px;border:1px solid #e2e7ef;border-radius:12px;background:#fafcff}.annual-detail-hero small,.annual-detail-hero b{display:block}.annual-detail-hero small{color:#738199;margin-bottom:6px}.annual-detail-hero b{font-size:17px;color:#1e324e}
.annual-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px}.annual-summary-grid div{padding:12px;border-radius:10px;background:#f5f7fa}.annual-summary-grid span{display:block;color:#78869a;font-size:12px}.annual-summary-grid b{font-size:19px;color:#233b5e}
.annual-issue-critical{color:#a64134;font-weight:700}.annual-issue-warning{color:#8a6517}.annual-normalized{max-width:420px;white-space:normal;line-height:1.55;font-size:12px;color:#536275}.annual-confirm-box{padding:14px;border-radius:12px;background:#f5f8fc;border:1px solid #dce4ef}.annual-confirm-box code{display:block;margin-top:7px;padding:9px 10px;border-radius:8px;background:#17263b;color:#e8f2ff;overflow:auto}
@media(max-width:1100px){.annual-data-upload-grid{grid-template-columns:1fr 1fr}.annual-file-drop{grid-column:1/3;grid-row:auto;min-height:112px}.annual-upload-actions{grid-column:1/3}.annual-data-upload-grid .span-2{grid-column:span 2}.annual-detail-hero{grid-template-columns:1fr 1fr}.annual-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.annual-data-upload-grid{display:block}.annual-data-upload-grid>*{margin-bottom:12px}.annual-upload-actions{display:grid}.annual-upload-actions .btn{width:100%}.annual-detail-hero,.annual-summary-grid{grid-template-columns:1fr 1fr}.annual-data-grid .toolbar{width:100%}.annual-data-grid .toolbar input,.annual-data-grid .toolbar select{flex:1;min-width:0}.annual-data-upload-panel .panel-head{align-items:flex-start}.annual-data-boundary{font-size:12px}}
/* P5-HF1 scope and replacement controls */
.annual-data-upload-grid label>small{display:block;margin-top:5px;color:var(--muted,#68778a);font-size:12px;line-height:1.5}
.annual-data-upload-grid select{min-height:42px}

/* [04] /assets/v46-promotion-center.css sha256=ee75f3c577545b4704f8f63e228582a7dd345f721e335f11c75f420006d35780 */
.promotion-center{border:1px solid rgba(30,72,126,.16);box-shadow:0 18px 48px rgba(19,47,86,.08);overflow:hidden}
.promotion-center .panel-head{background:linear-gradient(135deg,#eef5ff,#fbfdff);border-bottom:1px solid rgba(39,79,135,.12)}
.promotion-flow{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin:14px 0 4px}
.promotion-flow>div{position:relative;padding:13px 12px;border:1px solid #dce5f1;border-radius:12px;background:#fff}
.promotion-flow b{display:block;font-size:12px;letter-spacing:.08em;color:#315f99;margin-bottom:4px}.promotion-flow span{font-weight:800;color:#223a5b}.promotion-flow small{display:block;color:#7a889b;margin-top:4px;line-height:1.45}
.promotion-boundary{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:13px 14px;border-radius:12px;background:#fff8e7;border:1px solid #f1d799;color:#6c5422;line-height:1.65;font-size:13px}
.promotion-boundary b{white-space:nowrap;color:#7b5511}
.promotion-metrics{margin-top:16px}
.promotion-run-file b,.promotion-run-file small{display:block}.promotion-run-file small{color:#76859a;margin-top:3px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.promotion-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#edf2f8;color:#53657c}
.promotion-status-review_required,.promotion-status-failed{background:#fff0ed;color:#aa4235}.promotion-status-ready_for_approval,.promotion-status-approved{background:#fff6dc;color:#8a6514}.promotion-status-queued,.promotion-status-executing{background:#eaf2ff;color:#2d5e9b}.promotion-status-published{background:#eaf7f0;color:#297050}.promotion-status-rolled_back{background:#f0eff7;color:#675c8a}
.promotion-counts{display:flex;flex-wrap:wrap;gap:5px}.promotion-counts span{font-size:11px;padding:3px 6px;border-radius:6px;background:#f1f4f8;color:#5c6a7b}.promotion-counts .ok{background:#eaf7ef;color:#2f7551}.promotion-counts .pending{background:#fff5dc;color:#8e6710}.promotion-counts .bad{background:#fff0ed;color:#a5493d}
.promotion-detail{display:grid;gap:18px}.promotion-detail-hero{display:grid;grid-template-columns:1.4fr repeat(3,minmax(120px,.55fr));gap:10px}.promotion-detail-hero>div{padding:13px;border:1px solid #e2e7ef;border-radius:12px;background:#fafcff}.promotion-detail-hero small,.promotion-detail-hero b{display:block}.promotion-detail-hero small{color:#78869a;margin-bottom:5px}.promotion-detail-hero b{font-size:17px;color:#203a5d}
.promotion-summary{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:9px}.promotion-summary>div{padding:11px;border-radius:10px;background:#f5f7fa}.promotion-summary span{display:block;color:#7b899b;font-size:12px}.promotion-summary b{font-size:18px;color:#233d61}
.promotion-gates{display:grid;gap:7px}.promotion-gates>div{padding:10px 12px;border-radius:9px;background:#fff2ef;color:#914b42}.promotion-gates .pass{background:#edf8f2;color:#2e6e50}
.promotion-steps{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px}.promotion-step{padding:11px;border-radius:10px;border:1px solid #e0e7ef;background:#fff}.promotion-step b{display:block;color:#2c4669}.promotion-step small{display:block;color:#78869a;margin-top:4px}.promotion-step.passed{background:#edf8f2;border-color:#cde7d9}.promotion-step.failed{background:#fff0ed;border-color:#f1cbc5}.promotion-step.running{background:#eef5ff;border-color:#cbdcf2}
.promotion-match-name b,.promotion-match-name small{display:block}.promotion-match-name small{color:#7a889a;margin-top:3px}.promotion-method{font-size:12px;color:#65758a}.promotion-suggestions{max-width:360px;white-space:normal;font-size:12px;line-height:1.5;color:#68788d}
.promotion-confirm{padding:13px;border:1px solid #dce4ef;border-radius:12px;background:#f6f9fc}.promotion-confirm code{display:block;margin-top:7px;padding:9px 10px;background:#17263b;color:#edf5ff;border-radius:8px;overflow:auto}
.promotion-release-report{max-height:340px;overflow:auto;padding:12px;border-radius:10px;background:#17263b;color:#e9f3ff;font-size:12px;white-space:pre-wrap}
@media(max-width:1100px){.promotion-flow{grid-template-columns:repeat(2,1fr)}.promotion-detail-hero{grid-template-columns:1fr 1fr}.promotion-summary{grid-template-columns:repeat(3,1fr)}.promotion-steps{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.promotion-flow,.promotion-detail-hero,.promotion-summary,.promotion-steps{grid-template-columns:1fr}.promotion-boundary{display:block}.promotion-boundary b{display:block;margin-bottom:5px}.promotion-center .panel-head{align-items:flex-start}.promotion-center .page-actions{width:100%}.promotion-center .page-actions .btn{width:100%}}
/* P5-HF1 audited year activation */
.promotion-year-readiness{display:grid;grid-template-columns:minmax(210px,280px) auto minmax(320px,1fr);gap:12px;align-items:end;margin-top:14px;padding:14px;border:1px solid var(--line,#dce5ef);border-radius:14px;background:linear-gradient(135deg,rgba(247,250,255,.95),rgba(255,255,255,.98))}
.promotion-year-readiness label{display:grid;gap:7px;font-size:13px;color:var(--muted,#607085)}
.promotion-year-readiness input{width:100%}
.promotion-year-readiness .notice-box{margin:0;min-height:44px}
@media(max-width:820px){.promotion-year-readiness{grid-template-columns:1fr;align-items:stretch}.promotion-year-readiness .btn{width:100%}}

/* [05] /assets/ui-dialogs.css sha256=b735e2d45ec1833c00ed5694d95c8d8d3bf8ea9471a514cef6d3f676991ea587 */
:root{--hv-dialog-navy:#123d59;--hv-dialog-blue:#2879b9;--hv-dialog-line:#d9e5ec;--hv-dialog-muted:#657b89;--hv-dialog-danger:#b54343;--hv-dialog-shadow:0 26px 80px rgba(16,45,62,.24)}
.hv-dialog-open{overflow:hidden}.hv-dialog-layer{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(15,35,48,.44);backdrop-filter:blur(5px);animation:hvDialogFade .16s ease-out}.hv-dialog-card{width:min(520px,100%);max-height:min(720px,calc(100vh - 36px));overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.72);border-radius:20px;box-shadow:var(--hv-dialog-shadow);animation:hvDialogRise .18s ease-out}.hv-dialog-head{display:flex;gap:14px;align-items:flex-start;padding:22px 24px 10px}.hv-dialog-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:#eaf4fb;color:var(--hv-dialog-blue);font-size:20px;font-weight:900}.hv-dialog-card[data-tone="danger"] .hv-dialog-icon{background:#fbeaea;color:var(--hv-dialog-danger)}.hv-dialog-copy{min-width:0}.hv-dialog-title{margin:0;color:var(--hv-dialog-navy);font:800 18px/1.35 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}.hv-dialog-message{margin:8px 0 0;color:var(--hv-dialog-muted);white-space:pre-wrap;word-break:break-word;font:400 13px/1.72 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}.hv-dialog-body{padding:10px 24px 4px}.hv-dialog-field{display:grid;gap:8px}.hv-dialog-label{font:700 12px/1.4 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#344f60}.hv-dialog-input,.hv-dialog-select,.hv-dialog-textarea{width:100%;border:1px solid var(--hv-dialog-line);border-radius:12px;background:#fbfdfe;color:#183747;padding:12px 13px;outline:none;font:500 14px/1.45 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;transition:border-color .15s,box-shadow .15s,background .15s}.hv-dialog-textarea{min-height:112px;resize:vertical}.hv-dialog-input:focus,.hv-dialog-select:focus,.hv-dialog-textarea:focus{border-color:#4b92c4;background:#fff;box-shadow:0 0 0 4px rgba(63,139,191,.14)}.hv-dialog-hint{color:#7a8e9a;font-size:11px;line-height:1.55}.hv-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 24px 24px}.hv-dialog-btn{appearance:none;border:0;border-radius:11px;padding:11px 18px;min-width:88px;cursor:pointer;font:800 13px/1 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;transition:transform .12s,box-shadow .12s,background .12s}.hv-dialog-btn:active{transform:translateY(1px)}.hv-dialog-btn-secondary{background:#eef3f6;color:#355362}.hv-dialog-btn-secondary:hover{background:#e4edf2}.hv-dialog-btn-primary{background:linear-gradient(135deg,#2f83c1,#2466ae);color:#fff;box-shadow:0 8px 22px rgba(45,119,181,.22)}.hv-dialog-card[data-tone="danger"] .hv-dialog-btn-primary{background:linear-gradient(135deg,#c65454,#a93b3b);box-shadow:0 8px 22px rgba(181,67,67,.2)}.hv-dialog-btn:focus-visible,.hv-dialog-input:focus-visible,.hv-dialog-select:focus-visible,.hv-dialog-textarea:focus-visible{outline:3px solid rgba(54,139,199,.28);outline-offset:2px}@keyframes hvDialogFade{from{opacity:0}to{opacity:1}}@keyframes hvDialogRise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:560px){.hv-dialog-layer{align-items:end;padding:10px}.hv-dialog-card{border-radius:19px 19px 14px 14px;max-height:86vh}.hv-dialog-head{padding:20px 18px 8px}.hv-dialog-body{padding:8px 18px 2px}.hv-dialog-actions{padding:18px;display:grid;grid-template-columns:1fr 1fr}.hv-dialog-btn{width:100%}}@media(prefers-reduced-motion:reduce){.hv-dialog-layer,.hv-dialog-card{animation:none}.hv-dialog-btn{transition:none}}

/* [06] /assets/horizon-design-system.css sha256=5262832aa7cdecb266bec7412ac892eb5ff1019280e65798484d926e52162e9d */
/*
* HBV Horizon Design System V1.0
* Phase P1 foundation: tokens, typography, shell, controls, feedback and accessibility.
* Activation is page-scoped through html[data-hbv-ui="horizon-v1"].
* Legacy styles remain intact and can be restored with ?ui=legacy or localStorage.hbv_ui_system=legacy.
*/
html[data-hbv-ui="horizon-v1"] {
/* Brand */
--hbv-brand-50: #edf5ff;
--hbv-brand-100: #dceaff;
--hbv-brand-200: #bfd8ff;
--hbv-brand-300: #93bcff;
--hbv-brand-400: #5d96ff;
--hbv-brand-500: #397dff;
--hbv-brand-600: #246bfe;
--hbv-brand-700: #1f59d7;
--hbv-brand-800: #214dad;
--hbv-brand-900: #17365f;
--hbv-brand-950: #0d2647;
/* Semantic */
--hbv-teal-50: #e9fbf7;
--hbv-teal-100: #cdf5eb;
--hbv-teal-600: #20b39d;
--hbv-teal-700: #0d8979;
--hbv-amber-50: #fff7e5;
--hbv-amber-100: #ffe9b5;
--hbv-amber-500: #f0b23e;
--hbv-amber-700: #9a6509;
--hbv-coral-50: #fff0eb;
--hbv-coral-500: #f17a4f;
--hbv-coral-700: #bd542e;
--hbv-red-50: #fff1f1;
--hbv-red-500: #df4d55;
--hbv-red-700: #b72f38;
/* Neutral */
--hbv-canvas: #f5f8fc;
--hbv-surface: #ffffff;
--hbv-surface-soft: #f9fbfe;
--hbv-surface-muted: #f1f5f9;
--hbv-ink: #14213a;
--hbv-text: #22354f;
--hbv-text-2: #596b82;
--hbv-text-3: #7a899f;
--hbv-text-4: #97a4b5;
--hbv-line: #e2eaf4;
--hbv-line-strong: #d7e3ef;
--hbv-divider: #edf2f7;
/* Layout and typography */
--hbv-font-sans: "Inter", "SF Pro Display", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
--hbv-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
--hbv-sidebar-member: 248px;
--hbv-sidebar-admin: 244px;
--hbv-topbar: 72px;
--hbv-content-max: 1600px;
--hbv-control-h: 42px;
--hbv-control-radius: 11px;
--hbv-card-radius: 18px;
--hbv-radius-sm: 8px;
--hbv-radius-md: 12px;
--hbv-radius-lg: 16px;
--hbv-radius-pill: 999px;
--hbv-space-1: 4px;
--hbv-space-2: 8px;
--hbv-space-3: 12px;
--hbv-space-4: 16px;
--hbv-space-5: 20px;
--hbv-space-6: 24px;
--hbv-space-7: 28px;
--hbv-space-8: 32px;
/* Elevation and motion */
--hbv-shadow-xs: 0 1px 2px rgba(23, 54, 95, .04);
--hbv-shadow-sm: 0 5px 18px rgba(30, 73, 118, .06);
--hbv-shadow-md: 0 12px 32px rgba(30, 73, 118, .09);
--hbv-shadow-lg: 0 24px 70px rgba(20, 54, 89, .16);
--hbv-focus: 0 0 0 2px var(--hbv-surface), 0 0 0 4px rgba(36, 107, 254, .42);
--hbv-ease: cubic-bezier(.2, .8, .2, 1);
color-scheme: light;
font-family: var(--hbv-font-sans);
background: var(--hbv-canvas);
color: var(--hbv-text);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
html[data-hbv-ui="horizon-v1"] *,
html[data-hbv-ui="horizon-v1"] *::before,
html[data-hbv-ui="horizon-v1"] *::after { box-sizing: border-box; }
html[data-hbv-ui="horizon-v1"] body {
margin: 0;
min-height: 100%;
background: var(--hbv-canvas);
color: var(--hbv-text);
font-family: var(--hbv-font-sans);
font-size: 14px;
line-height: 1.6;
}
html[data-hbv-ui="horizon-v1"] h1,
html[data-hbv-ui="horizon-v1"] h2,
html[data-hbv-ui="horizon-v1"] h3,
html[data-hbv-ui="horizon-v1"] h4,
html[data-hbv-ui="horizon-v1"] h5,
html[data-hbv-ui="horizon-v1"] h6 {
color: var(--hbv-brand-900);
letter-spacing: -.018em;
}
html[data-hbv-ui="horizon-v1"] a { color: var(--hbv-brand-700); }
html[data-hbv-ui="horizon-v1"] a:hover { color: var(--hbv-brand-600); }
html[data-hbv-ui="horizon-v1"] ::selection { background: var(--hbv-brand-100); color: var(--hbv-brand-950); }
html[data-hbv-ui="horizon-v1"] img { max-width: 100%; }
html[data-hbv-ui="horizon-v1"] code,
html[data-hbv-ui="horizon-v1"] pre { font-family: var(--hbv-font-mono); }
/* Visible keyboard focus. Mouse clicks are not surrounded unless the browser considers them focus-visible. */
html[data-hbv-ui="horizon-v1"] :where(a, button, input, select, textarea, [tabindex]):focus { outline: none; }
html[data-hbv-ui="horizon-v1"] :where(a, button, input, select, textarea, [tabindex]):focus-visible {
outline: 2px solid var(--hbv-brand-600);
outline-offset: 2px;
box-shadow: var(--hbv-focus);
}
html[data-hbv-ui="horizon-v1"] .skip-link {
position: fixed !important;
left: 16px !important;
top: 12px !important;
z-index: 2147483000 !important;
padding: 10px 14px;
border: 1px solid var(--hbv-line-strong);
border-radius: var(--hbv-control-radius);
background: var(--hbv-surface);
color: var(--hbv-brand-800);
box-shadow: var(--hbv-shadow-md);
font-weight: 750;
}
/* Buttons */
html[data-hbv-ui="horizon-v1"] :where(button, .btn, .primary, .secondary, .ghost, .school-btn, .hv-dialog-btn) {
min-height: var(--hbv-control-h);
border-radius: var(--hbv-control-radius);
font-family: inherit;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
transition: border-color .16s var(--hbv-ease), background .16s var(--hbv-ease), color .16s var(--hbv-ease), box-shadow .16s var(--hbv-ease), transform .16s var(--hbv-ease);
}
html[data-hbv-ui="horizon-v1"] :where(button, .btn, .primary, .secondary, .ghost, .school-btn, .hv-dialog-btn):not(:disabled) { cursor: pointer; }
html[data-hbv-ui="horizon-v1"] :where(button, .btn, .primary, .secondary, .ghost, .school-btn, .hv-dialog-btn):disabled {
cursor: not-allowed;
opacity: .48;
box-shadow: none !important;
transform: none !important;
}
html[data-hbv-ui="horizon-v1"] :where(.primary, .btn-primary, .hv-dialog-btn-primary) {
border: 1px solid var(--hbv-brand-600);
background: linear-gradient(135deg, var(--hbv-brand-600), #3989ff);
color: #fff;
box-shadow: 0 9px 22px rgba(36, 107, 254, .20);
}
html[data-hbv-ui="horizon-v1"] :where(.primary, .btn-primary, .hv-dialog-btn-primary):hover:not(:disabled) {
border-color: var(--hbv-brand-700);
background: linear-gradient(135deg, #1f61eb, #2d7bf4);
box-shadow: 0 12px 27px rgba(36, 107, 254, .25);
transform: translateY(-1px);
}
html[data-hbv-ui="horizon-v1"] :where(.secondary, .ghost, .btn-secondary, .school-btn.secondary, .school-btn.ghost, .hv-dialog-btn-secondary) {
border: 1px solid var(--hbv-line-strong);
background: var(--hbv-surface);
color: #24405e;
box-shadow: var(--hbv-shadow-xs);
}
html[data-hbv-ui="horizon-v1"] :where(.secondary, .ghost, .btn-secondary, .school-btn.secondary, .school-btn.ghost, .hv-dialog-btn-secondary):hover:not(:disabled) {
border-color: var(--hbv-brand-300);
background: var(--hbv-brand-50);
color: var(--hbv-brand-700);
}
html[data-hbv-ui="horizon-v1"] :where(.btn-danger, .danger, .school-btn.danger) {
border: 1px solid #ffd2d5;
background: var(--hbv-red-50);
color: var(--hbv-red-700);
box-shadow: none;
}
html[data-hbv-ui="horizon-v1"] :where(.btn-danger, .danger, .school-btn.danger):hover:not(:disabled) {
border-color: #f6aeb3;
background: #ffe7e8;
}
html[data-hbv-ui="horizon-v1"] :where(.btn-sm, .compact .btn) { min-height: 34px; padding: 0 12px; font-size: 12px; }
html[data-hbv-ui="horizon-v1"] :where(.text-link) { min-height: 32px; padding: 0; border: 0; background: transparent; color: var(--hbv-brand-700); box-shadow: none; }
/* Form controls */
html[data-hbv-ui="horizon-v1"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
width: 100%;
min-height: var(--hbv-control-h);
border: 1px solid var(--hbv-line-strong);
border-radius: var(--hbv-control-radius);
background: var(--hbv-surface);
color: var(--hbv-text);
padding: 0 13px;
font: 500 14px/1.45 var(--hbv-font-sans);
box-shadow: inset 0 1px 0 rgba(23, 54, 95, .015);
transition: border-color .16s var(--hbv-ease), box-shadow .16s var(--hbv-ease), background .16s var(--hbv-ease);
}
html[data-hbv-ui="horizon-v1"] textarea { min-height: 104px; padding-top: 11px; padding-bottom: 11px; resize: vertical; }
html[data-hbv-ui="horizon-v1"] select {
appearance: none;
padding-right: 38px;
background-image: linear-gradient(45deg, transparent 50%, #73849a 50%), linear-gradient(135deg, #73849a 50%, transparent 50%);
background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
}
html[data-hbv-ui="horizon-v1"] :where(input, select, textarea)::placeholder { color: #9aa8b8; opacity: 1; }
html[data-hbv-ui="horizon-v1"] :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):hover:not(:disabled) { border-color: #b9cbe0; }
html[data-hbv-ui="horizon-v1"] :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
border-color: var(--hbv-brand-600);
background: #fff;
box-shadow: 0 0 0 3px rgba(36, 107, 254, .13);
}
html[data-hbv-ui="horizon-v1"] :where(input, select, textarea):disabled {
border-color: #e2e8f0;
background: #f1f4f8;
color: #8d99a8;
cursor: not-allowed;
}
html[data-hbv-ui="horizon-v1"] :where(input, select, textarea)[aria-invalid="true"],
html[data-hbv-ui="horizon-v1"] .field-error :where(input, select, textarea),
html[data-hbv-ui="horizon-v1"] :where(input, select, textarea).error {
border-color: var(--hbv-red-500);
box-shadow: 0 0 0 3px rgba(223, 77, 85, .10);
}
html[data-hbv-ui="horizon-v1"] :where(label > span, .field-block > span, .hv-dialog-label) {
display: block;
margin-bottom: 7px;
color: #51647c;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
html[data-hbv-ui="horizon-v1"] :where(label small, .field-help, .hv-dialog-hint) { color: var(--hbv-text-3); font-size: 11px; line-height: 1.55; }
html[data-hbv-ui="horizon-v1"] .field-error-text { margin-top: 5px; color: var(--hbv-red-700); font-size: 11px; line-height: 1.5; }
html[data-hbv-ui="horizon-v1"] :where(input[type="checkbox"], input[type="radio"]) {
appearance: none;
width: 19px;
height: 19px;
min-width: 19px;
margin: 0;
border: 1.5px solid #b8c7da;
background: #fff;
display: inline-grid;
place-content: center;
vertical-align: middle;
transition: border-color .14s, background .14s, box-shadow .14s;
}
html[data-hbv-ui="horizon-v1"] input[type="checkbox"] { border-radius: 5px; }
html[data-hbv-ui="horizon-v1"] input[type="radio"] { border-radius: 50%; }
html[data-hbv-ui="horizon-v1"] input[type="checkbox"]::before {
content: "";
width: 9px;
height: 5px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg) scale(0);
transform-origin: center;
margin-top: -2px;
transition: transform .12s var(--hbv-ease);
}
html[data-hbv-ui="horizon-v1"] input[type="radio"]::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
transform: scale(0);
transition: transform .12s var(--hbv-ease);
}
html[data-hbv-ui="horizon-v1"] :where(input[type="checkbox"], input[type="radio"]):checked { border-color: var(--hbv-brand-600); background: var(--hbv-brand-600); }
html[data-hbv-ui="horizon-v1"] :where(input[type="checkbox"], input[type="radio"]):checked::before { transform: rotate(-45deg) scale(1); }
html[data-hbv-ui="horizon-v1"] input[type="radio"]:checked::before { transform: scale(1); }
html[data-hbv-ui="horizon-v1"] :where(input[type="checkbox"], input[type="radio"]):indeterminate { border-color: var(--hbv-brand-600); background: var(--hbv-brand-600); }
html[data-hbv-ui="horizon-v1"] :where(input[type="checkbox"], input[type="radio"]):disabled { background: #eef2f6; border-color: #d5dde7; }
html[data-hbv-ui="horizon-v1"] :where(.toggle-row, .setting-switch, .toggle, .inline-check) { cursor: pointer; }
html[data-hbv-ui="horizon-v1"] :where(.toggle-row, .setting-switch, .inline-check) { border-color: var(--hbv-line); border-radius: var(--hbv-control-radius); background: var(--hbv-surface); }
html[data-hbv-ui="horizon-v1"] :where(.toggle-row, .setting-switch):has(input:checked) { border-color: var(--hbv-brand-200); background: var(--hbv-brand-50); }
/* Cards and structural surfaces */
html[data-hbv-ui="horizon-v1"] :where(.panel, .stat-card, .metric-card, .result-card, .school-card, .auth-card, .ops-status-card) {
border: 1px solid var(--hbv-line);
border-radius: var(--hbv-card-radius);
background: var(--hbv-surface);
box-shadow: var(--hbv-shadow-sm);
}
html[data-hbv-ui="horizon-v1"] .panel { overflow: clip; }
html[data-hbv-ui="horizon-v1"] .panel-head {
padding: 20px 22px 16px;
border-bottom: 1px solid var(--hbv-divider);
background: var(--hbv-surface);
}
html[data-hbv-ui="horizon-v1"] .panel-head h3 { margin: 0; color: var(--hbv-brand-900); font-size: 17px; font-weight: 780; }
html[data-hbv-ui="horizon-v1"] .panel-head p { margin: 5px 0 0; color: var(--hbv-text-3); font-size: 12px; line-height: 1.55; }
html[data-hbv-ui="horizon-v1"] .panel-body { padding: 20px 22px; }
html[data-hbv-ui="horizon-v1"] :where(.stat-card, .metric-card) { padding: 18px 20px; }
html[data-hbv-ui="horizon-v1"] :where(.stat-card, .metric-card):hover { border-color: #d3e0ee; box-shadow: var(--hbv-shadow-md); }
/* Tables */
html[data-hbv-ui="horizon-v1"] :where(.table-wrap, .compact-card-table) {
overflow: auto;
border: 1px solid var(--hbv-line);
border-radius: 14px;
background: var(--hbv-surface);
}
html[data-hbv-ui="horizon-v1"] :where(table, .data-table) { width: 100%; border-collapse: separate; border-spacing: 0; color: var(--hbv-text); }
html[data-hbv-ui="horizon-v1"] :where(table, .data-table) th {
padding: 12px 14px;
border-bottom: 1px solid var(--hbv-line);
background: #fafcff;
color: #718198;
font-size: 11px;
font-weight: 750;
line-height: 1.35;
text-align: left;
white-space: nowrap;
}
html[data-hbv-ui="horizon-v1"] :where(table, .data-table) td {
padding: 13px 14px;
border-bottom: 1px solid var(--hbv-divider);
color: #33475f;
font-size: 12px;
line-height: 1.5;
background: #fff;
}
html[data-hbv-ui="horizon-v1"] :where(table, .data-table) tbody tr:hover td { background: #fbfdff; }
html[data-hbv-ui="horizon-v1"] :where(table, .data-table) tbody tr:last-child td { border-bottom: 0; }
/* Status, risk and metadata */
html[data-hbv-ui="horizon-v1"] :where(.tag, .badge, .status-chip, .admin-chip, [class^="status-"], [class*=" status-"]) {
border-radius: var(--hbv-radius-pill);
font-weight: 700;
}
html[data-hbv-ui="horizon-v1"] :where(.status-ok, .status-success, .status-approved, .status-active, .status-published, .risk-safe, .safe) {
background: var(--hbv-teal-50) !important;
color: var(--hbv-teal-700) !important;
}
html[data-hbv-ui="horizon-v1"] :where(.status-warning, .status-pending, .status-review, .risk-match, .match) {
background: var(--hbv-amber-50) !important;
color: var(--hbv-amber-700) !important;
}
html[data-hbv-ui="horizon-v1"] :where(.risk-reach, .risk-high, .reach, .high) {
background: var(--hbv-coral-50) !important;
color: var(--hbv-coral-700) !important;
}
html[data-hbv-ui="horizon-v1"] :where(.status-danger, .status-error, .status-blocked, .status-rejected) {
background: var(--hbv-red-50) !important;
color: var(--hbv-red-700) !important;
}
html[data-hbv-ui="horizon-v1"] :where(.status-unknown, .status-disabled, .status-archived) {
background: #f1f4f8 !important;
color: #68778c !important;
}
/* Dialogs, drawers, toast and empty states */
html[data-hbv-ui="horizon-v1"] :where(.modal, .formal-export-modal, .hv-dialog-layer, .school-modal, .school-drawer, .major-cognition-drawer) { backdrop-filter: blur(6px); }
html[data-hbv-ui="horizon-v1"] :where(.modal-card, .formal-export-card, .hv-dialog-card, .school-modal-card, .school-drawer-panel, .major-cognition-panel) {
border: 1px solid rgba(226, 234, 244, .92);
border-radius: 20px;
background: var(--hbv-surface);
box-shadow: var(--hbv-shadow-lg);
}
html[data-hbv-ui="horizon-v1"] .hv-dialog-head { padding: 22px 24px 10px; }
html[data-hbv-ui="horizon-v1"] .hv-dialog-icon { border-radius: 13px; background: var(--hbv-brand-50); color: var(--hbv-brand-600); }
html[data-hbv-ui="horizon-v1"] .hv-dialog-title { color: var(--hbv-brand-900); font: 800 18px/1.35 var(--hbv-font-sans); }
html[data-hbv-ui="horizon-v1"] .hv-dialog-message { color: var(--hbv-text-2); font: 400 13px/1.72 var(--hbv-font-sans); }
html[data-hbv-ui="horizon-v1"] .hv-dialog-actions { border-top: 1px solid var(--hbv-divider); background: #fbfdff; }
html[data-hbv-ui="horizon-v1"] :where(#toast, .toast, .toast-stack > *, .school-toast) {
border: 1px solid var(--hbv-line);
border-radius: 13px;
background: rgba(255, 255, 255, .97);
color: var(--hbv-text);
box-shadow: var(--hbv-shadow-md);
}
html[data-hbv-ui="horizon-v1"] :where(.empty-state, .empty, [class*="empty-"]) { color: var(--hbv-text-3); }
/* Member shell */
html[data-hbv-ui="horizon-v1"] .app-shell { background: var(--hbv-canvas); }
html[data-hbv-ui="horizon-v1"] .sidebar {
width: var(--hbv-sidebar-member);
padding: 22px 17px 18px;
border-right: 1px solid var(--hbv-line);
background: var(--hbv-surface);
color: var(--hbv-text-2);
box-shadow: none;
}
html[data-hbv-ui="horizon-v1"] .sidebar .brand {
padding: 0 8px 20px;
border-bottom: 1px solid var(--hbv-divider);
}
html[data-hbv-ui="horizon-v1"] .sidebar .brand strong { color: var(--hbv-brand-900); font-size: 17px; font-weight: 800; }
html[data-hbv-ui="horizon-v1"] .sidebar .brand span { color: var(--hbv-text-3); }
html[data-hbv-ui="horizon-v1"] .sidebar .brand-mark,
html[data-hbv-ui="horizon-v1"] .dynamic-brand-mark {
border-radius: 13px;
background: linear-gradient(145deg, var(--hbv-brand-600), #22b6d7);
color: #fff;
box-shadow: 0 9px 22px rgba(36, 107, 254, .22);
}
html[data-hbv-ui="horizon-v1"] .sidebar nav { gap: 3px; margin-top: 17px; }
html[data-hbv-ui="horizon-v1"] .sidebar .nav-item {
min-height: 43px;
padding: 0 12px;
border: 1px solid transparent;
border-radius: 11px;
color: #50627a;
font-weight: 650;
}
html[data-hbv-ui="horizon-v1"] .sidebar .nav-item:hover { background: #f4f8fd; color: var(--hbv-brand-800); }
html[data-hbv-ui="horizon-v1"] .sidebar .nav-item.active {
border-color: #dfeaff;
background: linear-gradient(90deg, #eaf3ff, #f4f8ff);
color: var(--hbv-brand-700);
box-shadow: none;
}
html[data-hbv-ui="horizon-v1"] .sidebar .nav-item img { filter: none; opacity: .82; }
html[data-hbv-ui="horizon-v1"] .sidebar .nav-item b { background: #d7e8ff; color: var(--hbv-brand-700); }
html[data-hbv-ui="horizon-v1"] .sidebar-foot { border-top: 1px solid var(--hbv-divider); }
html[data-hbv-ui="horizon-v1"] .sidebar-foot b { color: var(--hbv-brand-900); }
html[data-hbv-ui="horizon-v1"] .sidebar-foot small { color: var(--hbv-text-3); }
html[data-hbv-ui="horizon-v1"] .main { margin-left: var(--hbv-sidebar-member); width: calc(100% - var(--hbv-sidebar-member)); }
html[data-hbv-ui="horizon-v1"] .topbar {
min-height: var(--hbv-topbar);
height: var(--hbv-topbar);
padding: 0 30px;
border-bottom: 1px solid var(--hbv-line);
background: rgba(255, 255, 255, .94);
box-shadow: none;
}
html[data-hbv-ui="horizon-v1"] .topbar h1 { color: var(--hbv-brand-900); font-size: 20px; font-weight: 800; }
html[data-hbv-ui="horizon-v1"] .topbar p,
html[data-hbv-ui="horizon-v1"] .topbar-breadcrumb { color: var(--hbv-text-3); }
html[data-hbv-ui="horizon-v1"] .page {
width: min(100%, var(--hbv-content-max));
padding: 24px 30px 56px;
}
html[data-hbv-ui="horizon-v1"] .profile-chip { border-color: var(--hbv-line); border-radius: var(--hbv-radius-pill); box-shadow: none; }
html[data-hbv-ui="horizon-v1"] .profile-chip .avatar { border-radius: 50%; background: linear-gradient(135deg, #ffd36a, #f0a52f); color: #fff; }
html[data-hbv-ui="horizon-v1"] .section-intro h2 { color: var(--hbv-brand-900); font-size: 27px; }
html[data-hbv-ui="horizon-v1"] .eyebrow,
html[data-hbv-ui="horizon-v1"] .page-kicker { color: var(--hbv-brand-600); font-size: 11px; font-weight: 800; letter-spacing: .11em; }
html[data-hbv-ui="horizon-v1"] .hero {
border: 1px solid #d9e9fa;
border-radius: 22px;
background: linear-gradient(120deg, #eaf4ff 0%, #f6fbff 56%, #eefcf9 100%);
color: var(--hbv-text);
box-shadow: none;
}
html[data-hbv-ui="horizon-v1"] .hero h2 { color: var(--hbv-brand-900); }
html[data-hbv-ui="horizon-v1"] .hero p { color: #637892; }
html[data-hbv-ui="horizon-v1"] .hero .eyebrow { color: var(--hbv-brand-600); }
html[data-hbv-ui="horizon-v1"] .hero .secondary { border-color: #d5e4f5; background: rgba(255, 255, 255, .80); color: var(--hbv-brand-800); }
html[data-hbv-ui="horizon-v1"] .hero .primary { background: linear-gradient(135deg, var(--hbv-brand-600), #3989ff); color: #fff; }
html[data-hbv-ui="horizon-v1"] .ring { background: conic-gradient(var(--hbv-brand-600) var(--completion, 0deg), #deebf8 0); }
html[data-hbv-ui="horizon-v1"] .ring::before { background: #fff; }
html[data-hbv-ui="horizon-v1"] .ring span { color: var(--hbv-brand-900); }
html[data-hbv-ui="horizon-v1"] .ring small { color: var(--hbv-text-3); }
html[data-hbv-ui="horizon-v1"] .mini-grid div { border-color: #dbe8f5; background: rgba(255,255,255,.78); }
html[data-hbv-ui="horizon-v1"] .mini-grid b { color: var(--hbv-brand-900); }
html[data-hbv-ui="horizon-v1"] .mini-grid span { color: var(--hbv-text-3); }
/* Login / access portal */
html[data-hbv-ui="horizon-v1"] .login-screen { background: linear-gradient(135deg, #eef6ff 0%, #f8fbff 52%, #eefcf8 100%); }
html[data-hbv-ui="horizon-v1"] .login-portal {
width: min(1440px, calc(100% - 48px));
border: 1px solid rgba(210, 226, 243, .92);
border-radius: 28px;
background: rgba(255, 255, 255, .74);
box-shadow: 0 30px 90px rgba(24, 71, 119, .12);
overflow: hidden;
}
html[data-hbv-ui="horizon-v1"] .login-intro { background: linear-gradient(145deg, rgba(235,245,255,.88), rgba(245,252,255,.92) 58%, rgba(235,251,247,.90)); }
html[data-hbv-ui="horizon-v1"] .login-intro h1 { color: var(--hbv-brand-900); }
html[data-hbv-ui="horizon-v1"] .login-intro p { color: #5f748e; }
html[data-hbv-ui="horizon-v1"] .login-brand b { color: var(--hbv-brand-900); }
html[data-hbv-ui="horizon-v1"] .login-brand span { color: var(--hbv-text-3); }
html[data-hbv-ui="horizon-v1"] .login-card { border: 0; border-left: 1px solid var(--hbv-line); border-radius: 0; box-shadow: none; }
html[data-hbv-ui="horizon-v1"] .auth-tabs { padding: 4px; border: 1px solid var(--hbv-line); border-radius: 13px; background: #f3f7fc; }
html[data-hbv-ui="horizon-v1"] .auth-tabs button { min-height: 38px; border: 0; border-radius: 9px; background: transparent; color: var(--hbv-text-2); box-shadow: none; }
html[data-hbv-ui="horizon-v1"] .auth-tabs button.active { background: #fff; color: var(--hbv-brand-700); box-shadow: 0 3px 10px rgba(36, 86, 139, .08); }
html[data-hbv-ui="horizon-v1"] .login-capability-grid > div,
html[data-hbv-ui="horizon-v1"] .access-flow > div,
html[data-hbv-ui="horizon-v1"] .public-boundary { border-color: #dbe8f5; background: rgba(255,255,255,.66); }
/* Admin shell */
html[data-hbv-ui="horizon-v1"] .admin-shell { background: var(--hbv-canvas); }
html[data-hbv-ui="horizon-v1"] .admin-sidebar {
width: var(--hbv-sidebar-admin);
padding: 20px 15px;
background: linear-gradient(180deg, #0f3155 0%, #0b2542 100%);
color: #c8d5e4;
box-shadow: none;
}
html[data-hbv-ui="horizon-v1"] .admin-brand { border-color: rgba(255,255,255,.09); }
html[data-hbv-ui="horizon-v1"] .admin-brand strong { color: #fff; }
html[data-hbv-ui="horizon-v1"] .admin-brand small { color: #8fa9c2; }
html[data-hbv-ui="horizon-v1"] .admin-nav-search input {
border-color: rgba(255,255,255,.12);
background: rgba(255,255,255,.06);
color: #e3edf7;
}
html[data-hbv-ui="horizon-v1"] .admin-nav-search input::placeholder { color: #83a0bb; }
html[data-hbv-ui="horizon-v1"] .admin-nav-group { color: #7390ab; font-size: 10px; letter-spacing: .12em; }
html[data-hbv-ui="horizon-v1"] .admin-nav button {
min-height: 40px;
border: 1px solid transparent;
border-radius: 10px;
background: transparent;
color: #b9c9d9;
box-shadow: none;
font-size: 13px;
font-weight: 650;
}
html[data-hbv-ui="horizon-v1"] .admin-nav button:hover { background: rgba(255,255,255,.07); color: #fff; }
html[data-hbv-ui="horizon-v1"] .admin-nav button.active {
border-color: rgba(102,171,255,.28);
background: linear-gradient(90deg, rgba(48,126,255,.32), rgba(43,173,211,.14));
color: #fff;
}
html[data-hbv-ui="horizon-v1"] .admin-sidebar-foot { border-color: rgba(255,255,255,.08); }
html[data-hbv-ui="horizon-v1"] .admin-sidebar-foot button { min-height: 36px; border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.05); color: #c4d2df; }
html[data-hbv-ui="horizon-v1"] .admin-main { margin-left: var(--hbv-sidebar-admin); width: calc(100% - var(--hbv-sidebar-admin)); background: var(--hbv-canvas); }
html[data-hbv-ui="horizon-v1"] .admin-topbar {
min-height: 70px;
height: 70px;
padding: 0 26px;
border-bottom: 1px solid var(--hbv-line);
background: rgba(255,255,255,.96);
box-shadow: none;
}
html[data-hbv-ui="horizon-v1"] .admin-topbar h1 { color: var(--hbv-brand-900); font-size: 19px; font-weight: 800; }
html[data-hbv-ui="horizon-v1"] .admin-breadcrumb { color: var(--hbv-text-3); }
html[data-hbv-ui="horizon-v1"] .admin-topbar-right .admin-chip { border-color: var(--hbv-line); background: #f8fbfe; color: var(--hbv-text-2); }
html[data-hbv-ui="horizon-v1"] .admin-avatar { border-radius: 50%; background: linear-gradient(135deg, #ffd36a, #f0a52f); color: #fff; }
html[data-hbv-ui="horizon-v1"] .admin-content { width: min(100%, var(--hbv-content-max)); padding: 22px 26px 46px; }
html[data-hbv-ui="horizon-v1"] .page-head h2 { color: var(--hbv-brand-900); font-size: 25px; font-weight: 800; }
html[data-hbv-ui="horizon-v1"] .page-head p { color: var(--hbv-text-3); }
html[data-hbv-ui="horizon-v1"] .admin-command-card {
border: 1px solid var(--hbv-line);
border-radius: 15px;
background: #fff;
color: var(--hbv-text);
box-shadow: var(--hbv-shadow-xs);
}
html[data-hbv-ui="horizon-v1"] .admin-command-card:hover { border-color: var(--hbv-brand-200); background: #fbfdff; box-shadow: var(--hbv-shadow-sm); transform: translateY(-1px); }
html[data-hbv-ui="horizon-v1"] .admin-command-card i { border-radius: 12px; background: var(--hbv-brand-50); color: var(--hbv-brand-700); }
html[data-hbv-ui="horizon-v1"] .metric-value { color: var(--hbv-brand-900); }
html[data-hbv-ui="horizon-v1"] .metric-label,
html[data-hbv-ui="horizon-v1"] .metric-note { color: var(--hbv-text-3); }
/* Generic governance shell pages */
html[data-hbv-ui="horizon-v1"] .hv-shell,
html[data-hbv-ui="horizon-v1"] .shell,
html[data-hbv-ui="horizon-v1"] .school-shell { background: var(--hbv-canvas); }
html[data-hbv-ui="horizon-v1"] .hv-shell-sidebar,
html[data-hbv-ui="horizon-v1"] .shell-sidebar { background: var(--hbv-surface); border-right-color: var(--hbv-line); }
html[data-hbv-ui="horizon-v1"] .school-topbar,
html[data-hbv-ui="horizon-v1"] .hv-shell-topbar,
html[data-hbv-ui="horizon-v1"] .shell-topbar { border-bottom-color: var(--hbv-line); background: rgba(255,255,255,.94); }
/* File upload */
html[data-hbv-ui="horizon-v1"] :where(.annual-file-drop, .file-drop, .filedrop, [class*="upload-drop"]) {
border: 1.5px dashed #bcd3ef;
border-radius: 16px;
background: linear-gradient(180deg, #f9fcff, #f4f9ff);
transition: border-color .16s, background .16s, box-shadow .16s;
}
html[data-hbv-ui="horizon-v1"] :where(.annual-file-drop, .file-drop, .filedrop, [class*="upload-drop"]):hover {
border-color: var(--hbv-brand-400);
background: var(--hbv-brand-50);
box-shadow: 0 0 0 4px rgba(36,107,254,.06);
}
/* Responsive */
@media (max-width: 1100px) {
html[data-hbv-ui="horizon-v1"] { --hbv-sidebar-member: 224px; --hbv-sidebar-admin: 224px; }
html[data-hbv-ui="horizon-v1"] .page { padding-left: 22px; padding-right: 22px; }
html[data-hbv-ui="horizon-v1"] .admin-content { padding-left: 22px; padding-right: 22px; }
}
@media (max-width: 820px) {
html[data-hbv-ui="horizon-v1"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea, button, .btn, .primary, .secondary, .ghost) { min-height: 44px; }
html[data-hbv-ui="horizon-v1"] .sidebar,
html[data-hbv-ui="horizon-v1"] .admin-sidebar { width: min(310px, 86vw); }
html[data-hbv-ui="horizon-v1"] .main,
html[data-hbv-ui="horizon-v1"] .admin-main { margin-left: 0; width: 100%; }
html[data-hbv-ui="horizon-v1"] .topbar,
html[data-hbv-ui="horizon-v1"] .admin-topbar { padding-left: 16px; padding-right: 16px; }
html[data-hbv-ui="horizon-v1"] .page,
html[data-hbv-ui="horizon-v1"] .admin-content { padding: 18px 14px 86px; }
html[data-hbv-ui="horizon-v1"] .login-portal { width: min(100% - 20px, 720px); border-radius: 21px; }
html[data-hbv-ui="horizon-v1"] .login-card { border-left: 0; border-top: 1px solid var(--hbv-line); }
}
@media (prefers-reduced-motion: reduce) {
html[data-hbv-ui="horizon-v1"] *,
html[data-hbv-ui="horizon-v1"] *::before,
html[data-hbv-ui="horizon-v1"] *::after {
scroll-behavior: auto !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
}
}
@media (forced-colors: active) {
html[data-hbv-ui="horizon-v1"] :where(button, input, select, textarea, .panel, .table-wrap) { border: 1px solid CanvasText; }
html[data-hbv-ui="horizon-v1"] :where(input[type="checkbox"], input[type="radio"]):checked { forced-color-adjust: none; background: Highlight; }
}

/* [07] /assets/horizon-admin-p4.css sha256=7a4730eb0a9c8e07485644fdb42031551c110827b45bbf971d2dbc9534e6638f */
/* HBV Horizon P4 — commercial admin operating system. Presentation-only; no business semantics. */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"]{
--p4-navy-950:#082842;
--p4-navy-900:#0a3154;
--p4-navy-850:#0c3a61;
--p4-blue-700:#1769df;
--p4-blue-600:#2478ef;
--p4-blue-500:#3d8cff;
--p4-cyan-600:#08a8ba;
--p4-teal-600:#0eaa86;
--p4-gold-500:#eeaa35;
--p4-coral-500:#ef735d;
--p4-canvas:#f3f7fc;
--p4-surface:#ffffff;
--p4-surface-soft:#f8fbff;
--p4-line:#dce6f1;
--p4-line-soft:#eaf0f6;
--p4-text:#15324f;
--p4-muted:#72849a;
--p4-muted-2:#94a2b3;
--p4-radius-sm:10px;
--p4-radius-md:14px;
--p4-radius-lg:18px;
--p4-radius-xl:22px;
--p4-shadow-sm:0 5px 16px rgba(21,62,101,.045);
--p4-shadow-md:0 12px 34px rgba(17,55,91,.075);
--p4-shadow-lg:0 24px 68px rgba(9,43,75,.15);
--adm-bg:var(--p4-canvas);
--adm-nav:var(--p4-navy-900);
--adm-nav-2:var(--p4-navy-850);
--adm-blue:var(--p4-blue-700);
--adm-blue-2:#0f4f9f;
--adm-cyan:var(--p4-cyan-600);
--adm-gold:var(--p4-gold-500);
--adm-text:var(--p4-text);
--adm-muted:var(--p4-muted);
--adm-line:var(--p4-line);
--adm-card:var(--p4-surface);
--adm-radius:var(--p4-radius-lg);
color-scheme:light;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] body{
background:
radial-gradient(circle at 76% -12%,rgba(61,140,255,.07),transparent 30%),
linear-gradient(180deg,#f7faff 0,#f3f7fc 230px,#f3f7fc 100%);
color:var(--p4-text);
font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",system-ui,sans-serif;
letter-spacing:.005em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] button,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] input,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] select,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] textarea{font-family:inherit}
/* Application shell */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-shell{
grid-template-columns:248px minmax(0,1fr);
min-height:100dvh;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-main{margin-left:0;width:auto;min-width:0;background:transparent}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-sidebar{
width:248px;
padding:20px 14px 16px;
background:
radial-gradient(circle at 8% 4%,rgba(36,120,239,.19),transparent 27%),
linear-gradient(180deg,var(--p4-navy-900),var(--p4-navy-950));
border-right:1px solid rgba(255,255,255,.05);
scrollbar-color:rgba(255,255,255,.2) transparent;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-brand{
min-height:72px;
padding:0 8px 18px;
border-bottom:1px solid rgba(255,255,255,.1);
gap:11px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-brand-logo{
width:40px;height:40px;padding:6px;border-radius:13px;
background:linear-gradient(145deg,#2388ff,#11b9c2);
box-shadow:0 9px 24px rgba(19,132,237,.32);
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-brand strong{
max-width:166px;color:#fff;font-size:14px;line-height:1.35;font-weight:750;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-brand small{
margin-top:4px;color:#8fb1cc;font-size:8px;letter-spacing:.09em;text-transform:uppercase;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav-tools{padding:16px 2px 5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav-search{position:relative;display:block}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav-search input{
width:100%;height:38px;padding:0 36px 0 13px;border:1px solid rgba(181,213,237,.18);border-radius:11px;
background:rgba(255,255,255,.065);color:#eef7ff;outline:none;font-size:11px;
transition:border-color .18s,background .18s,box-shadow .18s;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav-search input::placeholder{color:#88a7bf}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav-search input:focus{border-color:rgba(93,169,255,.7);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(63,145,255,.13)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav-search span{position:absolute;right:12px;top:8px;color:#8fb0c9;font-size:16px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav{gap:3px;padding-top:3px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav-group{
padding:15px 10px 5px;color:#648aa7;font-size:8.5px;font-weight:700;letter-spacing:.13em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav button{
position:relative;height:39px;padding:0 11px;border-radius:10px;color:#b9ccdc;font-size:11px;font-weight:570;
transition:background .16s,color .16s,transform .16s;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav button:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(1px)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav button.active{
background:linear-gradient(90deg,rgba(36,120,239,.38),rgba(8,168,186,.16));
color:#fff;box-shadow:inset 0 0 0 1px rgba(85,169,255,.27),0 8px 18px rgba(2,24,45,.14);
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav button.active:before{
content:"";position:absolute;left:-3px;width:3px;height:19px;border-radius:0 3px 3px 0;background:#56a6ff;box-shadow:0 0 10px rgba(83,168,255,.65);
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav img{width:15px;height:15px;opacity:.82}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-nav-badge{
margin-left:auto;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
background:#ffb441;color:#573800;font-size:8.5px;font-weight:800;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-sidebar-foot{
padding:13px 4px 0;border-top:1px solid rgba(255,255,255,.09);
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-sidebar-status{
display:flex;align-items:center;gap:8px;margin:0 5px 11px;padding:9px 10px;border-radius:10px;
background:rgba(12,181,137,.09);color:#a6d8c8;font-size:9px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-sidebar-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#18c492;box-shadow:0 0 0 4px rgba(24,196,146,.11)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-sidebar-foot button{
margin-top:7px;padding:9px 10px;border-color:rgba(255,255,255,.12);border-radius:9px;color:#a9bfd1;font-size:9.5px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-sidebar-foot button:hover{background:rgba(255,255,255,.07);color:#fff}
/* Header */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-topbar{
height:68px;padding:0 28px;background:rgba(255,255,255,.94);border-bottom:1px solid #dfe8f2;
box-shadow:0 4px 20px rgba(16,56,91,.025);backdrop-filter:blur(18px) saturate(135%);
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-topbar h1{font-size:17px;color:#123451;font-weight:760;letter-spacing:-.015em}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-breadcrumb{margin-top:2px;color:#8292a4;font-size:9.5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-topbar-right{gap:8px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-quick-links{display:flex;gap:7px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-quick-links button,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-quick-links a,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-top-action{
display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid #d8e4f0;border-radius:10px;
background:#fff;color:#355472;text-decoration:none;font-size:9.5px;font-weight:650;cursor:pointer;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-quick-links button:hover,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-quick-links a:hover,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-top-action:hover{border-color:#a9c8e8;background:#f7fbff;color:#1765c7}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-icon-button{
width:34px;padding:0;font-size:14px;position:relative;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-icon-button[data-alert="true"]::after{
content:"";position:absolute;right:7px;top:7px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:#ef735d;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-chip{min-height:31px;padding:0 10px;border:1px solid #d9e6f2;background:#f3f8fd;color:#42627f;font-size:9px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-avatar{
width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#277df2,#4b96ff);color:#fff;box-shadow:0 7px 18px rgba(36,120,239,.23);font-size:11px;
}
/* Canvas and page headers */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-content{width:100%;max-width:1680px;margin:0;padding:24px 28px 58px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-page{animation:p4-page-in .2s ease both}
@keyframes p4-page-in{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:none}}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .page-head{position:relative;align-items:center;margin-bottom:18px;min-height:80px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .page-head>div:first-child{max-width:900px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .page-head h2{margin:3px 0 6px;color:#123451;font-size:25px;line-height:1.25;font-weight:780;letter-spacing:-.025em}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .page-head p{color:#77899c;font-size:11px;line-height:1.65}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .page-kicker,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-page-kicker{
display:inline-flex;align-items:center;gap:7px;margin:0 0 3px;color:#607892;font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-page-status{
display:inline-flex;align-items:center;gap:7px;margin-bottom:4px;padding:5px 9px;border-radius:999px;background:#e9f8f1;color:#16825f;font-size:8.5px;font-weight:750;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-page-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#1aad7d}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-page-status.warning{background:#fff5df;color:#9b6914}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-page-status.warning:before{background:#eba92c}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .page-actions{gap:8px;align-items:center}
/* Buttons and controls */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .btn{min-height:37px;padding:0 13px;border-radius:10px;font-size:10px;font-weight:700;box-shadow:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .btn:hover:not(:disabled){transform:translateY(-1px)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .btn-primary{background:linear-gradient(135deg,#2478ef,#1769df);border-color:#1769df;box-shadow:0 8px 18px rgba(30,110,222,.16)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .btn-primary:hover{background:linear-gradient(135deg,#176fe5,#125fc9);box-shadow:0 10px 22px rgba(30,110,222,.22)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .btn-secondary{background:#fff;border-color:#ceddea;color:#234c72}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .btn-secondary:hover{background:#f5f9fd;border-color:#aac7e2}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .btn-ghost{background:#f1f5f9;color:#53677c}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .btn-danger{background:#fff6f4;border-color:#f2c8c1;color:#c54b3b}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .btn-sm{min-height:30px;padding:0 9px;font-size:8.8px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] input,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] select,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] textarea{accent-color:var(--p4-blue-700)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar{gap:8px;margin-bottom:13px;padding:0}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar input,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar select,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .field input,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .field select,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .field textarea{
border-color:#d5e1ec;border-radius:10px;background:#fff;color:#183a58;outline:none;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar input,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar select{height:37px;min-width:145px;padding:0 11px;font-size:9.5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar input{min-width:225px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar input:focus,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar select:focus,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .field input:focus,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .field select:focus,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .field textarea:focus{border-color:#6aa5e8;box-shadow:0 0 0 3px rgba(36,120,239,.1)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] input[type="checkbox"],
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] input[type="radio"]{width:16px;height:16px}
/* Workspace navigation injected by P4 */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-workspace-nav{
display:flex;align-items:center;gap:7px;overflow:auto;margin:-2px 0 16px;padding:5px;border:1px solid #dce7f1;border-radius:13px;background:rgba(255,255,255,.82);box-shadow:var(--p4-shadow-sm);scrollbar-width:none;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-workspace-nav::-webkit-scrollbar{display:none}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-workspace-tab{
flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:#60778d;font-size:9.5px;font-weight:650;cursor:pointer;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-workspace-tab:hover{background:#eef5fc;color:#1c65b2}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-workspace-tab.active{background:#e8f2ff;color:#1767cb;box-shadow:inset 0 0 0 1px #cfe2f8}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-workspace-tab i{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:rgba(36,120,239,.1);font-style:normal;font-size:8px}
/* Cards, metrics, panels */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .metric-card{
min-height:112px;padding:17px 17px 14px;border:1px solid #dce6f0;border-radius:17px;background:linear-gradient(155deg,#fff,#fbfdff);box-shadow:var(--p4-shadow-sm);
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .metric-card:after{right:-34px;top:-38px;width:116px;height:116px;opacity:.82}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .metric-icon{right:15px;top:15px;width:23px;height:23px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .metric-label{color:#73879b;font-size:9.5px;font-weight:570}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .metric-value{margin-top:9px;color:#143653;font-size:27px;font-weight:790;letter-spacing:-.035em}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .metric-note{margin-top:5px;color:#8c9baa;font-size:8.5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-grid{grid-template-columns:minmax(0,1.52fr) minmax(300px,1fr);gap:15px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .panel{
border:1px solid #dce6f0;border-radius:18px;background:#fff;box-shadow:var(--p4-shadow-sm);overflow:hidden;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .panel:hover{border-color:#d2e0ec}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .panel-head{min-height:65px;padding:16px 18px;border-bottom:1px solid #e9eff5}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .panel-head h3{color:#173751;font-size:13.5px;font-weight:750}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .panel-head p{margin-top:4px;color:#8291a1;font-size:8.8px;line-height:1.5}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .panel-body{padding:17px 18px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .notice-box{border:1px solid #d7e7f4;border-radius:12px;background:#f1f7fd;color:#42627d;font-size:9.5px;line-height:1.65}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .danger-box{border-color:#f1d2cd;background:#fff7f5;color:#9b493d}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .success-box{border-color:#cde9dd;background:#f0faf6;color:#277258}
/* Dashboard */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-command-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:15px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-command-card{
min-height:70px;padding:12px;border-color:#dce7f1;border-radius:15px;background:linear-gradient(145deg,#fff,#f9fcff);box-shadow:var(--p4-shadow-sm);
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-command-card:hover{border-color:#bcd4eb;box-shadow:var(--p4-shadow-md)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-command-card i{width:35px;height:35px;border-radius:11px;font-size:14px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-command-card b{font-size:10.5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-command-card small{font-size:8px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-dashboard-ribbon{
display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:11px 14px;border:1px solid #cdeadc;border-radius:13px;background:linear-gradient(90deg,#ecfaf4,#f8fcff);box-shadow:var(--p4-shadow-sm);
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-dashboard-ribbon strong{display:flex;align-items:center;gap:8px;color:#187656;font-size:10px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-dashboard-ribbon strong:before{content:"";width:7px;height:7px;border-radius:50%;background:#18b785;box-shadow:0 0 0 4px rgba(24,183,133,.12)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-dashboard-ribbon span{color:#6f8294;font-size:8.8px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-grid{grid-template-areas:"tasks review" "audits health"}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-grid>.panel:nth-child(1){grid-area:tasks;grid-column:auto}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-grid>.panel:nth-child(2){grid-area:review}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-grid>.panel:nth-child(3){grid-area:health}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-grid>.panel:nth-child(4){grid-area:audits;grid-column:auto}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #operations-status:empty{display:none}
/* Tables: professional dense data surfaces */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .table-wrap{border-radius:0 0 17px 17px;scrollbar-color:#c6d3df transparent}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .panel-body>.table-wrap{border:1px solid #e2eaf2;border-radius:12px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .data-table{min-width:820px;font-size:9.5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .data-table th{
z-index:3;padding:10px 11px;background:#f6f9fc;color:#6a7d90;border-bottom:1px solid #dae5ee;font-size:8.8px;font-weight:720;letter-spacing:.015em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .data-table td{padding:11px;border-bottom:1px solid #edf2f6;color:#2f4a63;line-height:1.48}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .data-table tbody tr{transition:background .13s,box-shadow .13s}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .data-table tbody tr:hover{background:#f7fbff;box-shadow:inset 3px 0 #4b94ec}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .cell-main{color:#1b3b58;font-size:9.8px;font-weight:720}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .cell-sub{margin-top:3px;color:#8a99a8;font-size:8.3px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .row-actions,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .actions,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .commercial-actions{gap:5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"][data-admin-density="compact"] .data-table th{padding:7px 9px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"][data-admin-density="compact"] .data-table td{padding:8px 9px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"][data-admin-density="compact"] .panel-head{min-height:56px;padding:13px 16px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"][data-admin-density="compact"] .panel-body{padding:14px 16px}
/* Status and records */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .status{gap:4px;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:760}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.72}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .review-item,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .health-row,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .revision-row{border-color:#e3ebf2}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .review-item{padding:11px 12px;border-radius:11px;background:#fbfdff}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .review-item strong{font-size:10px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .review-item small{font-size:8.3px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .health-row{padding:8px 0;font-size:9px}
/* Data center */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-data > .release-steps{display:none}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-pipeline{
display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-bottom:16px;padding:14px 15px;border:1px solid #dce7f1;border-radius:16px;background:#fff;box-shadow:var(--p4-shadow-sm);
}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-step{position:relative;display:flex;align-items:center;gap:9px;min-height:45px;padding:0 13px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-step:not(:last-child):after{content:"";position:absolute;right:-4px;width:8px;height:8px;border-top:1px solid #b9ccdd;border-right:1px solid #b9ccdd;transform:rotate(45deg)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-step i{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#eaf3ff;color:#176ed8;font-style:normal;font-size:10px;font-weight:800}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-step b,.p4-data-step small{display:block}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-step b{color:#24425d;font-size:9.5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-step small{margin-top:2px;color:#8a99a9;font-size:7.8px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-data>.panel,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-data>.admin-grid{margin-top:15px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-data .upload-dropzone,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-data input[type="file"]{border-radius:12px}
/* Settings center */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-shell{grid-template-columns:218px minmax(0,1fr);gap:15px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-nav{top:85px;padding:8px;border-color:#dce6ef;border-radius:14px;background:#fff;box-shadow:var(--p4-shadow-sm)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-nav button{height:38px;border-radius:9px;color:#62788e;font-size:9.5px;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;overflow:hidden;text-overflow:ellipsis}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-nav button.active{background:#eaf3ff;color:#1765c6;box-shadow:inset 0 0 0 1px #d2e4f7}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-card{border-color:#dce6ef;border-radius:17px;box-shadow:var(--p4-shadow-sm)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-card-head{padding:17px 18px;border-color:#e8eef4}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-card-head h3{color:#1b3d59;font-size:13px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-card-head p{font-size:8.8px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-form{gap:14px;padding:18px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .field label{color:#314e68;font-size:9.5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .field small{font-size:8.3px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .field input,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .field select{height:39px;font-size:9.5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .field textarea{font-size:9.5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toggle{border-color:#dce5ed;border-radius:10px;background:#fbfdff;font-size:9px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-footer{padding:12px 17px;border-color:#dce5ed;box-shadow:0 -10px 24px rgba(20,59,94,.05)}
/* Cards and channels */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .card-security-notice{border-color:#efddba;border-radius:13px;background:linear-gradient(135deg,#fff9ed,#fffdf9);box-shadow:none}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .card-batch-summary article{border-color:#dce6ef;border-radius:12px;background:#f8fbff}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .compact-card-table{border-color:#dfe8f0;border-radius:12px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .inline-check{border-color:#d5e1ec;border-radius:9px;color:#5e758a;font-size:8.5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .commercial-event-row{border-color:#dfe8f0;border-radius:11px;background:#fbfdff}
/* Modal and destructive operations */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .modal-backdrop{background:rgba(5,28,49,.6);backdrop-filter:blur(7px)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .modal{border:1px solid rgba(255,255,255,.7);border-radius:21px;box-shadow:var(--p4-shadow-lg)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .modal-head{padding:18px 20px;border-color:#e7edf3}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .modal-body{padding:19px 20px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .modal-foot{padding:13px 20px;border-color:#e7edf3;background:#fbfdff}
/* Empty, loading and focus states */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .empty{padding:34px 18px;color:#8495a5;font-size:9px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .empty strong{color:#4f6579;font-size:10px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] :focus-visible{outline:3px solid rgba(36,120,239,.24);outline-offset:2px}
/* Responsive */
@media(max-width:1450px){
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-command-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1180px){
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-shell{grid-template-columns:222px minmax(0,1fr)}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-sidebar{width:222px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-content{padding-left:20px;padding-right:20px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-pipeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:9px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-step:nth-child(3):after{display:none}
}
@media(max-width:1050px){
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-shell{grid-template-columns:1fr}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-sidebar{left:-260px;width:248px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-sidebar.open{left:0}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-sidebar.open:after{left:248px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-grid{grid-template-areas:"tasks" "review" "health" "audits";grid-template-columns:1fr}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-grid,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-grid.equal{grid-template-columns:1fr}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .span-2{grid-column:auto}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-shell{grid-template-columns:1fr}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-nav{position:static;display:flex;overflow:auto}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-nav button{min-width:max-content}
}
@media(max-width:760px){
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-topbar{height:64px;padding:0 13px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-topbar-right .p4-top-action,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-role-chip{display:none}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-content{padding:18px 12px 86px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .page-head{display:block;min-height:0}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .page-head h2{font-size:22px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .page-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .metric-grid{grid-template-columns:1fr 1fr;gap:9px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .metric-card{min-height:100px;padding:14px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .metric-value{font-size:23px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-command-strip{grid-template-columns:1fr 1fr}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar{display:grid;grid-template-columns:1fr 1fr}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar input{grid-column:1/-1;min-width:0}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar input,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar select,
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar .btn{width:100%;min-width:0}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-pipeline{grid-template-columns:1fr 1fr;padding:10px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-step{padding:0 8px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-step:after{display:none}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-dashboard-ribbon{display:block}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-dashboard-ribbon span{display:block;margin-top:6px}
}
@media(max-width:460px){
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .metric-grid{grid-template-columns:1fr}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] #page-dashboard .admin-command-strip{grid-template-columns:1fr}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .page-actions{grid-template-columns:1fr}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar{grid-template-columns:1fr}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .toolbar input{grid-column:auto}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .p4-data-pipeline{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-page{animation:none}
}
/* P6-R2 — compact commercial navigation density */
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-sidebar{padding:14px 12px 12px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-brand{min-height:58px;padding:0 7px 12px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav-tools{padding:10px 2px 3px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav-search input{height:34px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav{gap:1px;padding-top:1px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav-group{padding:9px 10px 3px;font-size:8px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-nav button{height:34px;border-radius:9px;font-size:10.5px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-sidebar-foot{padding-top:8px}
html[data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .admin-sidebar-foot button{margin-top:4px;padding:7px 9px}
/* P6-R2 HF4 — compact governance navigation */
html[data-hbv-admin-ui="p4-hf4"] .admin-sidebar{padding:12px 11px 10px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-brand{padding:0 7px 12px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-brand-logo{width:35px!important;height:35px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-nav-tools{padding:8px 2px 2px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-nav-search input{height:32px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-nav{gap:1px!important;padding-top:2px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-nav-group{margin-top:2px!important;padding:7px 9px 2px!important;font-size:8px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-nav button{height:33px!important;border-radius:8px!important;font-size:10.5px!important;padding:0 10px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-nav img{width:15px!important;height:15px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-sidebar-foot{margin-top:7px!important;padding:7px 4px!important}
html[data-hbv-admin-ui="p4-hf4"] .admin-sidebar-foot button{height:32px!important;margin-top:3px!important}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card{border:1px solid #dfe8f2;border-radius:13px;padding:13px;background:#f8fafc}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card.covered{border-color:#bfe3d3;background:#f2fbf7}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card.missing{border-color:#f0d9aa;background:#fffaf0}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card span,html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card b,html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card small{display:block}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card span{font-size:10px;color:#64758b}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card b{margin:7px 0 4px;font-size:22px;color:#173d6e}
html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-card small{font-size:9px;line-height:1.55;color:#7b8999}
@media(max-width:1180px){html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){html[data-hbv-admin-ui="p4-hf4"] .evidence-dimension-grid{grid-template-columns:1fr 1fr}}

/* [08] /assets/horizon-governance-p5.css sha256=3b84b725730e9836cbfebc09ce55b4882c1117ba912feb63a41ce35befa3df66 */
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] /* HBV Horizon Governance P5 - final commercial governance,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] reports,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] security,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] recovery and responsive polish. */
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui]{
--p5-ink:#143754;--p5-muted:#6f8498;--p5-line:#dce7f1;--p5-canvas:#f4f8fc;
--p5-blue:#2478ef;--p5-blue-dark:#175fc7;--p5-cyan:#19a9c7;--p5-green:#1a9a70;
--p5-amber:#e6a125;--p5-red:#d85c4a;--p5-shadow:0 12px 30px rgba(31,68,101,.07);
--p5-shadow-sm:0 6px 18px rgba(31,68,101,.055);
}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] body{background:linear-gradient(180deg,#f7fbff 0,#f3f7fb 100%)}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .page[data-p5-governance],html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .admin-page[data-p5-governance]{scroll-margin-top:84px}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] /* Shared governed navigation */
.p5-section-nav{display:flex;align-items:center;gap:8px;overflow:auto;margin:-1px 0 16px;padding:5px;border:1px solid var(--p5-line);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:var(--p5-shadow-sm);scrollbar-width:none}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-section-nav::-webkit-scrollbar{display:none}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-section-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:#61798f;font-size:10px;font-weight:700;cursor:pointer}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-section-tab:hover{background:#eef5fd;color:#1769cf}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-section-tab.active{background:#e8f2ff;color:#1768cb;box-shadow:inset 0 0 0 1px #cfe2f8}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-section-tab i{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:rgba(36,120,239,.1);font-style:normal;font-size:8px}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] /* Member report center */
#page-reports .section-intro,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-team .section-intro,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-audit .section-intro,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-scenarios .section-intro,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-data .section-intro,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-settings .section-intro{border:1px solid #d8e7f5;background:linear-gradient(135deg,#fff 0,#f7fbff 62%,#edf6ff 100%);box-shadow:var(--p5-shadow);overflow:hidden}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-reports .section-intro:after,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-team .section-intro:after,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-audit .section-intro:after,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-scenarios .section-intro:after,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-data .section-intro:after,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-settings .section-intro:after{content:"";position:absolute;right:-55px;top:-70px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(36,120,239,.14),rgba(36,120,239,0) 68%);pointer-events:none}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 15px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-status>div{min-height:94px;padding:15px 16px;border:1px solid var(--p5-line);border-radius:15px;background:#fff;box-shadow:var(--p5-shadow-sm)}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-status span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-status b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-status small{display:block}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-status span{color:#7a8da0;font-size:9px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-status b{margin:8px 0 5px;color:var(--p5-ink);font-size:14px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-status small{color:#8b9aaa;font-size:8.5px;line-height:1.55}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:16px;padding:14px 16px;border:1px solid #d9e6f2;border-radius:16px;background:#fff;box-shadow:var(--p5-shadow-sm)}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-journey-step{position:relative;display:flex;align-items:center;gap:10px;min-height:54px;padding:0 14px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-journey-step:not(:last-child):after{content:"";position:absolute;right:0;top:15%;width:1px;height:70%;background:#e2eaf2}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-journey-step i{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf3f8;color:#75899c;font-style:normal;font-size:10px;font-weight:800}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-journey-step.done i{background:#e5f7ef;color:#15805b}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-journey-step span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-journey-step b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-journey-step small{display:block}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-journey-step b{color:#24445e;font-size:10px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-journey-step small{margin-top:4px;color:#8b9aaa;font-size:8px;line-height:1.35}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-reports .report-finalization,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-reports .report-template-center,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-reports .report-note{border-color:#dbe7f1;border-radius:18px;background:#fff;box-shadow:var(--p5-shadow-sm)}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-reports .report-grid{gap:13px}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-reports .p5-report-card{position:relative;overflow:hidden;min-height:190px;border:1px solid #dce7f1;border-radius:17px;background:linear-gradient(155deg,#fff,#f9fcff);box-shadow:var(--p5-shadow-sm);transition:.18s ease}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-reports .p5-report-card:hover{transform:translateY(-2px);border-color:#bcd4eb;box-shadow:var(--p5-shadow)}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-reports .p5-report-card:before{content:attr(data-format);position:absolute;right:14px;top:14px;padding:5px 8px;border-radius:999px;background:#eaf3ff;color:#1768c9;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-reports .p5-report-card[data-format="xlsx"]:before{background:#eaf8f1;color:#187b5a}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-reports .p5-report-card[data-format="csv"]:before{background:#fff5df;color:#9b6813}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-boundary-badge{display:inline-flex;margin-bottom:9px;padding:5px 8px;border-radius:999px;background:#fff1ee;color:#b34c3e;font-size:8px;font-weight:800}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] /* Member account */
.p5-account-health{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-health>div{display:flex;align-items:center;gap:10px;min-height:86px;padding:14px;border:1px solid var(--p5-line);border-radius:15px;background:#fff;box-shadow:var(--p5-shadow-sm)}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-score{display:block!important;background:linear-gradient(135deg,#123f69,#1f71ba)!important;color:#fff!important;border-color:transparent!important}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-score span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-score b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-score small{display:block}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-score span{font-size:9px;color:#c8e1f7}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-score b{margin:6px 0 3px;font-size:19px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-score small{font-size:8px;color:#deedf9;line-height:1.4}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-point i{flex:0 0 auto;display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#e9f3ff;color:#1768ca;font-style:normal;font-size:10px;font-weight:800}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-point span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-point b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-point small{display:block}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-point b{color:#24445f;font-size:10px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-point small{margin-top:4px;color:#8999a8;font-size:8px;line-height:1.4}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-team .p5-account-panel,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-team .activity-panel{border-color:#dce7f1;border-radius:18px;background:#fff;box-shadow:var(--p5-shadow-sm)}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] /* Member risk/scenario/data/settings */
.p5-audit-dimensions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions article{display:flex;align-items:center;gap:11px;min-height:84px;padding:14px;border:1px solid var(--p5-line);border-radius:15px;background:#fff;box-shadow:var(--p5-shadow-sm)}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf3ff;color:#1768ca;font-style:normal;font-size:11px;font-weight:800}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions article:nth-child(2) i{background:#e9f8f2;color:#17805d}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions article:nth-child(3) i{background:#fff5e3;color:#a06c12}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions article:nth-child(4) i{background:#f2edff;color:#7652bd}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions small{display:block}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions b{color:#24445e;font-size:10px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions small{margin-top:4px;color:#8797a6;font-size:8px;line-height:1.45}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-audit #audit-content{min-height:250px;border:1px solid #dce7f1;border-radius:18px;background:#fff;box-shadow:var(--p5-shadow-sm)}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-scenario-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-scenario-flow>div{display:flex;align-items:center;gap:10px;min-height:78px;padding:13px;border:1px solid var(--p5-line);border-radius:15px;background:#fff;box-shadow:var(--p5-shadow-sm)}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-scenario-flow i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eaf3ff;color:#1768ca;font-style:normal;font-size:10px;font-weight:850}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-scenario-flow span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-scenario-flow b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-scenario-flow small{display:block}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-scenario-flow b{color:#24445e;font-size:10px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-scenario-flow small{margin-top:4px;color:#8798a8;font-size:8px;line-height:1.4}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-scenarios .scenario-scope-note,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-scenarios .scenario-grid>*,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-scenarios #scenario-compare-result{border-color:#dce7f1;border-radius:17px;box-shadow:var(--p5-shadow-sm)}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-data-boundary{display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-data-boundary>div{display:flex;align-items:center;gap:10px;min-height:92px;padding:15px;border:1px solid var(--p5-line);border-radius:16px;background:#fff;box-shadow:var(--p5-shadow-sm)}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-boundary-main{display:block!important;background:linear-gradient(135deg,#123e66,#1b679e)!important;border-color:transparent!important;color:#fff!important}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-boundary-main span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-boundary-main b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-boundary-main small{display:block}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-boundary-main span{font-size:8px;color:#bcd9ef;letter-spacing:.1em}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-boundary-main b{margin:7px 0 5px;font-size:14px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-boundary-main small{font-size:8px;color:#d8e8f5;line-height:1.5}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-data-boundary i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e9f3ff;color:#1768ca;font-style:normal;font-size:10px;font-weight:800}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-data-boundary span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-data-boundary b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-data-boundary small{display:block}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-data-boundary b{color:#24445e;font-size:10px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-data-boundary small{margin-top:4px;color:#8797a6;font-size:8px;line-height:1.4}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-boundary-card{border-color:#dce7f1!important;border-radius:17px!important;box-shadow:var(--p5-shadow-sm)!important}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-settings-governance{display:grid;grid-template-columns:2fr repeat(3,minmax(0,.65fr));gap:10px;margin-bottom:15px;padding:14px;border:1px solid #dce7f1;border-radius:16px;background:#fff;box-shadow:var(--p5-shadow-sm)}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-settings-governance>div:first-child span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-settings-governance>div:first-child b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-settings-governance>div:first-child small{display:block}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-settings-governance>div:first-child span{color:#1768ca;font-size:8px;font-weight:850;letter-spacing:.08em}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-settings-governance>div:first-child b{margin:6px 0 4px;color:#24445e;font-size:13px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-settings-governance>div:first-child small{color:#8798a8;font-size:8px;line-height:1.45}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-settings-check{display:flex;align-items:center;gap:8px;padding:9px;border-left:1px solid #e2eaf2;color:#536b80;font-size:9px;font-weight:700}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-settings-check i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eaf3ff;color:#1768ca;font-style:normal;font-size:9px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-settings-panel{border-color:#dce7f1!important;border-radius:16px!important;box-shadow:var(--p5-shadow-sm)!important}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] /* Admin governance posture */
.p5-security-posture,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance{display:grid;gap:10px;margin:-2px 0 16px;padding:13px;border:1px solid #dce7f1;border-radius:16px;background:#fff;box-shadow:var(--p5-shadow-sm)}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture{grid-template-columns:1.35fr repeat(4,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain{grid-template-columns:1.65fr repeat(4,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow{grid-template-columns:repeat(5,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit{grid-template-columns:1.7fr repeat(3,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit{grid-template-columns:1.5fr repeat(4,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance{grid-template-columns:1.7fr repeat(3,minmax(0,1fr))}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture>div,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain>div,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow>div,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit>div,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit>div,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance>div,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health>div,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance>div{display:flex;align-items:center;gap:9px;min-height:70px;padding:9px 11px;border-radius:12px;background:#f8fbfe}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance>div:first-child{display:block;background:linear-gradient(135deg,#123e66,#1d6ba6);color:#fff}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture i,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain i,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow i,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit i,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit i,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance i,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health i,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance i{flex:0 0 auto;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e8f2ff;color:#1768ca;font-style:normal;font-size:9px;font-weight:850}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow i{border-radius:50%}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance small{display:block}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance b{color:#24445e;font-size:9.5px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance small{margin-top:4px;color:#8899a8;font-size:7.8px;line-height:1.4}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture>div:first-child span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain>div:first-child span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit>div:first-child span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit>div:first-child span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance>div:first-child span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health>div:first-child span,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance>div:first-child span{font-size:8px;color:#c1dcf2}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture>div:first-child b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain>div:first-child b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit>div:first-child b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit>div:first-child b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance>div:first-child b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health>div:first-child b,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance>div:first-child b{margin:6px 0 3px;color:#fff;font-size:12px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture>div:first-child small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain>div:first-child small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit>div:first-child small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit>div:first-child small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance>div:first-child small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health>div:first-child small,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance>div:first-child small{color:#d8e8f5}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] #page-backup .p5-recovery-flow>div{position:relative}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow>div:not(:last-child):after{content:"";position:absolute;right:-6px;width:12px;height:1px;background:#cddce9}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] /* Tables,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] dialogs and danger operations */
html[data-hbv-admin-ui="p4"][data-hbv-governance-ui="p5-admin"] .p5-table-frame{overflow:auto;border-radius:12px;scrollbar-color:#c8d7e4 transparent;scrollbar-width:thin}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] html[data-hbv-admin-ui="p4"][data-hbv-governance-ui="p5-admin"] .p5-governed-table{border-collapse:separate;border-spacing:0;min-width:720px}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] html[data-hbv-admin-ui="p4"][data-hbv-governance-ui="p5-admin"] .p5-governed-table thead th{position:sticky;top:0;z-index:2;background:#f3f7fb;box-shadow:inset 0 -1px #dce7f1;color:#536c82;font-weight:750;white-space:nowrap}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] html[data-hbv-admin-ui="p4"][data-hbv-governance-ui="p5-admin"] .p5-governed-table tbody tr:hover td{background:#f8fbfe}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] html[data-hbv-admin-ui="p4"][data-hbv-governance-ui="p5-admin"] .p5-governed-table td{vertical-align:middle}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog{--dialog-radius:18px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog .modal-card,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog .dialog-card,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog>.modal-content,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog>.drawer-content{overflow:hidden;border:1px solid #dbe6f0;border-radius:18px;background:#fff;box-shadow:0 25px 70px rgba(13,43,69,.22)}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog .modal-head,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog .dialog-head,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog .drawer-head{padding:18px 20px;border-bottom:1px solid #e7eef5;background:#fbfdff}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog .modal-body,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog .dialog-body,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog .drawer-body{max-height:min(68vh,720px);overflow:auto;padding:19px 20px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog .modal-foot,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog .dialog-foot,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-governed-dialog .drawer-foot{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:13px 20px;border-top:1px solid #e7eef5;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] /* Auxiliary governance pages */
html[data-hbv-ui="horizon-v1"][data-hbv-aux-ui="p5"] body{background:#f3f7fb!important;color:#173a57}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-aux-ribbon{position:relative;z-index:12;display:flex;align-items:center;gap:12px;min-height:42px;padding:8px max(22px,calc((100vw - 1500px)/2));border-bottom:1px solid #d7e4ef;background:linear-gradient(90deg,#f2f8ff,#fff);box-shadow:0 4px 14px rgba(31,68,101,.045);color:#506a80;font-size:9px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-aux-ribbon span{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border-radius:999px;background:#e7f7ef;color:#177655;font-weight:800}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-aux-ribbon span i{width:6px;height:6px;border-radius:50%;background:#1ba778}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-aux-ribbon b{color:#23465f;font-size:9px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-aux-ribbon small{margin-left:auto;color:#8092a2;font-size:8px}
html[data-hbv-ui="horizon-v1"][data-hbv-aux-ui="p5"] .top,html[data-hbv-ui="horizon-v1"][data-hbv-aux-ui="p5"] .gov-top{background:linear-gradient(112deg,#123e66,#1e6c9d)!important;box-shadow:0 8px 24px rgba(13,53,82,.18)!important}
html[data-hbv-ui="horizon-v1"][data-hbv-aux-ui="p5"] .main,html[data-hbv-ui="horizon-v1"][data-hbv-aux-ui="p5"] .gov-main,html[data-hbv-ui="horizon-v1"][data-hbv-aux-ui="p5"] .container{max-width:1540px!important}
html[data-hbv-ui="horizon-v1"][data-hbv-aux-ui="p5"] .p5-aux-panel{border-color:#dbe6f0!important;border-radius:17px!important;background:#fff!important;box-shadow:var(--p5-shadow-sm)!important}
html[data-hbv-ui="horizon-v1"][data-hbv-aux-ui="p5"] .p5-aux-table{border-collapse:separate!important;border-spacing:0!important}
html[data-hbv-ui="horizon-v1"][data-hbv-aux-ui="p5"] .p5-aux-table th{background:#f3f7fb!important;color:#526c82!important;font-weight:750!important}
html[data-hbv-ui="horizon-v1"][data-hbv-aux-ui="p5"] .p5-aux-table tr:hover td{background:#f8fbfe!important}
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] /* Final accessibility and responsive gates */
html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] :focus-visible,html[data-hbv-ui="horizon-v1"][data-hbv-aux-ui="p5"] :focus-visible{outline:3px solid rgba(36,120,239,.28)!important;outline-offset:2px!important}
@media(max-width:1280px){html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-status{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-health{grid-template-columns:1.3fr repeat(2,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-health>div:last-child{grid-column:auto}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit>div:first-child{grid-column:1/-1}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance>div:first-child{grid-column:1/-1}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-data-boundary{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-boundary-main{grid-column:1/-1}}
@media(max-width:980px){html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-journey,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-scenario-flow{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-journey-step:nth-child(2):after{display:none}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-health{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-score{grid-column:1/-1}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow>div:not(:last-child):after{display:none}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-settings-governance{grid-template-columns:1fr}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-settings-check{border-left:0;border-top:1px solid #e2eaf2}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-aux-ribbon{flex-wrap:wrap;padding:8px 18px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-aux-ribbon small{margin-left:0;width:100%}}
@media(max-width:720px){html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-status,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-journey,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-scenario-flow,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-health,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-data-boundary,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance{grid-template-columns:1fr}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-journey-step:not(:last-child):after{display:none}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-section-nav{position:sticky;top:58px;z-index:20;margin-left:-2px;margin-right:-2px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-section-tab{min-height:36px;padding:0 10px}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-score,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-boundary-main,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health>div:first-child,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance>div:first-child{grid-column:auto}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-aux-ribbon b{width:100%}html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-aux-ribbon small{display:none}}
@media(prefers-reduced-motion:reduce){html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-card,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-section-tab{transition:none!important}}
@media(prefers-contrast:more){html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-status>div,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-report-journey,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-account-health>div,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-dimensions article,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-scenario-flow>div,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-data-boundary>div,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-security-posture,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-audit-chain,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-recovery-flow,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-diagnostic-cockpit,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-runtime-cockpit,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-access-governance,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-communication-health,html[data-hbv-ui="horizon-v1"][data-hbv-governance-ui] .p5-content-governance{border-color:#879bad}}

/* [09] /assets/horizon-release-p6.css sha256=479e9a9f4a3c9df9bdb0eae768149d1c9822218bed998e1ade8929ba0201fcce */
/* HBV Horizon P6 Commercial Release Gate
* Final presentation, accessibility, responsive and print polish only.
* Scope: Horizon mode + P6 release marker. No business semantics.
*/
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"]{
--hbv-p6-focus:0 0 0 3px rgba(36,107,254,.24);
--hbv-p6-safe-bottom:max(16px,env(safe-area-inset-bottom));
--hbv-p6-safe-top:max(0px,env(safe-area-inset-top));
text-size-adjust:100%;
-webkit-text-size-adjust:100%;
color-scheme:light;
}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] *,
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] *::before,
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] *::after{box-sizing:border-box}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] body{
min-height:100dvh;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
overflow-wrap:anywhere;
}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] ::selection{background:rgba(36,107,254,.18);color:#102a4c}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(h1,h2,h3,h4){text-wrap:balance;scroll-margin-top:88px}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(p,li,td,th,small,span){overflow-wrap:anywhere}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(img,svg,video,canvas){max-width:100%;height:auto}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(button,[role="button"],a,input,select,textarea){touch-action:manipulation}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,button){min-height:40px}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] textarea{resize:vertical}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(button,[role="button"]):disabled,
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] [aria-disabled="true"]{cursor:not-allowed;opacity:.56;filter:saturate(.65)}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(a,button,input,select,textarea,[tabindex]):focus-visible{
outline:2px solid #246bfe!important;
outline-offset:2px!important;
box-shadow:var(--hbv-p6-focus);
}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] .skip-link,
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] .p6-skip-link{
position:fixed;left:16px;top:calc(10px + var(--hbv-p6-safe-top));z-index:2147483647;
transform:translateY(-160%);padding:10px 15px;border-radius:10px;background:#17365f;color:#fff;
font-weight:800;text-decoration:none;box-shadow:0 12px 30px rgba(15,23,42,.28);transition:transform .16s ease;
}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] .skip-link:focus,
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] .p6-skip-link:focus{transform:translateY(0)}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.table-wrap,.data-table-wrap,.table-container,[data-hbv-scrollable="true"]){
max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;
}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] [data-hbv-scrollable="true"]:focus-visible{
border-radius:12px;outline:2px solid #246bfe!important;outline-offset:3px!important;
}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(table,.table,.data-table){font-variant-numeric:tabular-nums lining-nums}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(thead th){position:sticky;top:0;z-index:2;background-clip:padding-box}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.modal,.dialog,.drawer,[role="dialog"]){max-width:100vw}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.modal-card,.dialog-card,.formal-export-card,.modal-content,[role="dialog"]>div){
max-height:min(88dvh,920px);overscroll-behavior:contain;
}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.toast,#toast,[role="status"]){overflow-wrap:anywhere}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.empty,.empty-state,[data-empty]){min-height:96px}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] [hidden]{display:none!important}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] .p6-screen-reader-only{
position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] .p6-overflow-warning{outline:1px dashed rgba(240,178,62,.7);outline-offset:2px}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.admin-content,.member-main,.workspace,.main,main){min-width:0}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.card,.panel,.metric-card,.section-card){min-width:0}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] .p6-release-badge{
display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 9px;border:1px solid rgba(32,179,157,.28);
border-radius:999px;background:rgba(32,179,157,.08);color:#147c6e;font-size:11px;font-weight:800;white-space:nowrap;
}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] .p6-release-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#20b39d;box-shadow:0 0 0 4px rgba(32,179,157,.12)}
@media(max-width:720px){
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(button,[role="button"],a.button,.btn){min-height:44px}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.modal,.dialog,.formal-export-modal){padding:10px!important;align-items:flex-end}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.modal-card,.dialog-card,.formal-export-card,.modal-content){
width:100%!important;max-width:none!important;max-height:calc(100dvh - 20px)!important;border-radius:18px 18px 12px 12px!important;
padding-bottom:var(--hbv-p6-safe-bottom)!important;
}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.table-wrap,.data-table-wrap,.table-container){margin-inline:0;max-width:100%}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.admin-content,.member-main,.main,main){padding-bottom:calc(24px + var(--hbv-p6-safe-bottom))}
}
@media(prefers-reduced-motion:reduce){
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] *,html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] *::before,html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] *::after{
scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;
}
}
@media(prefers-contrast:more){
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.card,.panel,input,select,textarea,button,table,[role="dialog"]){border-color:#53657c!important}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.muted,small,.hint){color:#334155!important}
}
@media(forced-colors:active){
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(button,a,input,select,textarea,[role="button"]){forced-color-adjust:auto}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] .p6-release-badge::before{background:CanvasText;box-shadow:none}
}
@media print{
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] body{background:#fff!important;color:#000!important;font-size:10pt}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.admin-sidebar,.admin-topbar,.member-sidebar,.topbar,.skip-link,.p6-skip-link,button,.btn,.mobile-nav,.toast,#toast){display:none!important}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.admin-content,.member-main,.main,main){width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] :where(.card,.panel,.section-card,table){break-inside:avoid;box-shadow:none!important}
html[data-hbv-release-ui="p6"][data-hbv-ui="horizon-v1"] *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* [10] /assets/hf21-top-design.css sha256=85b1b648bdf2dd0c8f1ef410c8c2f220d173c81bc01ed318993ab05794ecfca2 */
/*
* HBV HF21 Top Design Foundation S1
* Presentation, accessibility and decision-context layer only.
* No API, algorithm, database, authorization or export-gate semantics are changed here.
*/
:root[data-hbv-hf21="s1"] {
--hf21-brand: #155eef;
--hf21-brand-strong: #0b3fb5;
--hf21-brand-soft: #eaf2ff;
--hf21-cyan: #0f8ea8;
--hf21-ink: #10213a;
--hf21-muted: #64748b;
--hf21-line: #dbe5f2;
--hf21-surface: #ffffff;
--hf21-canvas: #f4f7fb;
--hf21-success: #14845d;
--hf21-warning: #b56b08;
--hf21-danger: #c63b35;
--hf21-radius: 14px;
--hf21-shadow: 0 10px 28px rgba(32, 62, 104, .08);
}
html[data-hbv-hf21="s1"] body {
background: var(--hf21-canvas);
}
/* Persistent six-step decision journey */
.hf21-journey-rail {
position: sticky;
top: 0;
z-index: 32;
display: grid;
grid-template-columns: minmax(220px, .72fr) minmax(620px, 2.2fr) auto;
gap: 14px;
align-items: center;
margin: 0 24px 18px;
padding: 12px 14px;
border: 1px solid rgba(155, 177, 207, .45);
border-radius: 0 0 var(--hf21-radius) var(--hf21-radius);
background: rgba(255, 255, 255, .94);
box-shadow: 0 8px 26px rgba(38, 69, 111, .07);
backdrop-filter: blur(14px);
}
.hf21-journey-summary { min-width: 0; }
.hf21-journey-summary span,
.hf21-mode-switch > span {
display: block;
color: var(--hf21-muted);
font-size: 11px;
font-weight: 800;
letter-spacing: .05em;
text-transform: uppercase;
}
.hf21-journey-summary b {
display: block;
margin-top: 3px;
color: var(--hf21-ink);
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hf21-journey-summary small { display: block; margin-top: 2px; color: var(--hf21-muted); font-size: 11px; }
.hf21-journey-steps {
display: grid;
grid-template-columns: repeat(6, minmax(76px, 1fr));
gap: 7px;
}
.hf21-journey-step {
position: relative;
display: grid;
grid-template-columns: 24px minmax(0, 1fr);
gap: 7px;
align-items: center;
min-height: 42px;
padding: 7px 9px;
border: 1px solid var(--hf21-line);
border-radius: 11px;
background: #fff;
color: var(--hf21-ink);
text-align: left;
cursor: pointer;
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.hf21-journey-step:hover,
.hf21-journey-step:focus-visible {
border-color: #8eb4f8;
box-shadow: 0 6px 16px rgba(21, 94, 239, .10);
transform: translateY(-1px);
outline: none;
}
.hf21-journey-step > i {
display: grid;
place-items: center;
width: 24px;
height: 24px;
border-radius: 50%;
background: #eef3f9;
color: #6a7890;
font-size: 11px;
font-style: normal;
font-weight: 900;
}
.hf21-journey-step span { min-width: 0; }
.hf21-journey-step b { display: block; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hf21-journey-step small { display: block; margin-top: 1px; color: var(--hf21-muted); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hf21-journey-step.done { border-color: #b8e1cf; background: #f5fcf8; }
.hf21-journey-step.done > i { background: #dff4e9; color: var(--hf21-success); }
.hf21-journey-step.current { border-color: #7facfa; background: var(--hf21-brand-soft); box-shadow: inset 0 0 0 1px rgba(21, 94, 239, .08); }
.hf21-journey-step.current > i { background: var(--hf21-brand); color: #fff; }
.hf21-journey-step.blocked { border-color: #f0c3bf; background: #fff8f7; }
.hf21-journey-step.blocked > i { background: #fde8e6; color: var(--hf21-danger); }
/* Family / advisor information-density switch */
.hf21-mode-switch { display: grid; gap: 5px; min-width: 154px; }
.hf21-mode-buttons { display: flex; gap: 4px; padding: 3px; border: 1px solid var(--hf21-line); border-radius: 10px; background: #f4f7fb; }
.hf21-mode-buttons button {
min-height: 32px;
flex: 1;
border: 0;
border-radius: 7px;
background: transparent;
color: #64748b;
font-size: 11px;
font-weight: 850;
cursor: pointer;
}
.hf21-mode-buttons button.active { background: #fff; color: var(--hf21-brand-strong); box-shadow: 0 2px 8px rgba(35, 69, 118, .10); }
/* Progressive disclosure for admission evidence cards */
.result-card[data-hf21-evidence="ready"] { position: relative; overflow: clip; }
.hf21-card-decision-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin: 12px 0 0;
padding-top: 10px;
border-top: 1px dashed var(--hf21-line);
}
.hf21-card-decision-copy { min-width: 0; color: var(--hf21-muted); font-size: 11px; line-height: 1.55; }
.hf21-card-decision-copy b { color: var(--hf21-ink); }
.hf21-evidence-toggle {
flex: none;
min-height: 34px;
padding: 0 11px;
border: 1px solid #b8c9e2;
border-radius: 9px;
background: #fff;
color: var(--hf21-brand-strong);
font-size: 11px;
font-weight: 850;
cursor: pointer;
}
.hf21-evidence-toggle:hover,
.hf21-evidence-toggle:focus-visible { border-color: #6d9ff5; background: #f3f7ff; outline: none; }
body[data-hf21-view-mode="family"] .result-card[data-hf21-evidence="ready"]:not(.hf21-evidence-expanded) .intel-history-grid,
body[data-hf21-view-mode="family"] .result-card[data-hf21-evidence="ready"]:not(.hf21-evidence-expanded) .supply-card-strip,
body[data-hf21-view-mode="family"] .result-card[data-hf21-evidence="ready"]:not(.hf21-evidence-expanded) .risk-calibration-strip,
body[data-hf21-view-mode="family"] .result-card[data-hf21-evidence="ready"]:not(.hf21-evidence-expanded) .false-safe-note,
body[data-hf21-view-mode="family"] .result-card[data-hf21-evidence="ready"]:not(.hf21-evidence-expanded) .historical-support-card,
body[data-hf21-view-mode="family"] .result-card[data-hf21-evidence="ready"]:not(.hf21-evidence-expanded) .history-gap-view {
display: none !important;
}
body[data-hf21-view-mode="advisor"] .result-list { gap: 10px; }
body[data-hf21-view-mode="advisor"] .result-card { padding: 14px !important; border-radius: 11px !important; }
body[data-hf21-view-mode="advisor"] .result-card h4 { font-size: 15px !important; }
body[data-hf21-view-mode="advisor"] .result-stats-grid { gap: 7px !important; }
body[data-hf21-view-mode="advisor"] .result-stat { padding: 9px !important; }
body[data-hf21-view-mode="advisor"] .hf21-card-decision-copy { display: none; }
body[data-hf21-view-mode="advisor"] .hf21-evidence-toggle { min-height: 30px; }
/* Consistent page posture and state language */
.hf21-page-context {
display: grid;
grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(150px, .55fr));
gap: 10px;
margin: 14px 0 18px;
padding: 12px;
border: 1px solid var(--hf21-line);
border-radius: var(--hf21-radius);
background: linear-gradient(135deg, #fff, #f5f9ff);
box-shadow: var(--hf21-shadow);
}
.hf21-page-context > div { min-width: 0; padding: 8px 10px; border-radius: 10px; background: rgba(255,255,255,.82); }
.hf21-page-context span { display: block; color: var(--hf21-muted); font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.hf21-page-context b { display: block; margin-top: 4px; color: var(--hf21-ink); font-size: 13px; line-height: 1.45; }
.hf21-page-context small { display: block; margin-top: 3px; color: var(--hf21-muted); font-size: 10px; line-height: 1.45; }
.hf21-network-banner {
position: fixed;
left: 50%;
bottom: max(18px, env(safe-area-inset-bottom));
z-index: 12000;
transform: translateX(-50%);
display: flex;
align-items: center;
gap: 8px;
max-width: min(520px, calc(100vw - 28px));
padding: 10px 14px;
border-radius: 999px;
background: #15253d;
color: #fff;
box-shadow: 0 14px 36px rgba(15, 30, 52, .25);
font-size: 12px;
font-weight: 750;
}
.hf21-network-banner.online { background: #146b4f; }
.hf21-network-banner[hidden] { display: none !important; }
/* Auxiliary/admin pages: clearer context and table boundaries */
.hf21-admin-context {
display: grid;
grid-template-columns: minmax(260px, 1.4fr) repeat(3, minmax(140px, .55fr));
gap: 10px;
margin: 14px 0 18px;
padding: 12px;
border: 1px solid var(--hf21-line);
border-radius: var(--hf21-radius);
background: #fff;
box-shadow: var(--hf21-shadow);
}
.hf21-admin-context > div { padding: 8px 10px; border-left: 3px solid #c8d8ee; }
.hf21-admin-context > div:first-child { border-left-color: var(--hf21-brand); }
.hf21-admin-context span { display: block; color: var(--hf21-muted); font-size: 10px; font-weight: 800; }
.hf21-admin-context b { display: block; margin-top: 3px; color: var(--hf21-ink); font-size: 13px; }
.hf21-admin-context small { display: block; margin-top: 2px; color: var(--hf21-muted); font-size: 10px; line-height: 1.45; }
.hf21-table-shell { max-width: 100%; overflow: auto; border: 1px solid var(--hf21-line); border-radius: 12px; background: #fff; }
.hf21-table-shell > table { margin: 0 !important; border: 0 !important; }
.hf21-table-shell thead { position: sticky; top: 0; z-index: 2; }
@media (max-width: 1280px) {
.hf21-journey-rail { grid-template-columns: 1fr; position: static; }
.hf21-journey-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.hf21-mode-switch { justify-self: start; }
.hf21-page-context, .hf21-admin-context { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
.hf21-journey-rail { margin: 0 12px 14px; padding: 10px; }
.hf21-journey-steps { display: flex; overflow-x: auto; padding-bottom: 3px; scroll-snap-type: x proximity; }
.hf21-journey-step { min-width: 126px; scroll-snap-align: start; }
.hf21-page-context, .hf21-admin-context { grid-template-columns: 1fr; }
.hf21-card-decision-bar { align-items: flex-start; flex-direction: column; }
.hf21-evidence-toggle { width: 100%; }
}
@media (max-width: 540px) {
.hf21-journey-summary { display: block; }
.hf21-mode-switch { width: 100%; }
.hf21-journey-step { min-width: 116px; }
}
@media (prefers-reduced-motion: reduce) {
.hf21-journey-step { transition: none; }
}
@media (forced-colors: active) {
.hf21-journey-step.current,
.hf21-journey-step.done,
.hf21-journey-step.blocked { border: 2px solid CanvasText; }
}
@media print {
.hf21-journey-rail,
.hf21-mode-switch,
.hf21-network-banner,
.hf21-evidence-toggle { display: none !important; }
body[data-hf21-view-mode="family"] .result-card .intel-history-grid,
body[data-hf21-view-mode="family"] .result-card .supply-card-strip,
body[data-hf21-view-mode="family"] .result-card .risk-calibration-strip,
body[data-hf21-view-mode="family"] .result-card .false-safe-note { display: initial !important; }
}

/* [11] /assets/hf21-admin-s5.css sha256=e891a5d3830d2f3a5aa6d07c451f8c356197425b9eac51f5e5b4721587c4654a */
/* HF21-S5 · admin and governance operations shell */
.hf21-s5-ops-context{display:grid;grid-template-columns:minmax(220px,1.25fr) repeat(3,minmax(160px,.8fr));gap:9px;margin:0 0 16px;padding:10px;border:1px solid #dbe5f0;border-radius:16px;background:linear-gradient(135deg,#f7faff,#fff);box-shadow:0 9px 24px rgba(24,58,105,.06)}.hf21-s5-ops-context>div{display:grid;gap:3px;padding:11px 12px;border-radius:11px;background:#fff}.hf21-s5-ops-context span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#7a889b}.hf21-s5-ops-context b{font-size:13px;color:#233d63}.hf21-s5-ops-context small{color:#7a889b;line-height:1.45}
.hf21-s5-command-trigger{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 11px;border:1px solid #d6e0ec;border-radius:10px;background:#fff;color:#36506f;font-weight:800;cursor:pointer}.hf21-s5-command-trigger kbd{padding:2px 6px;border:1px solid #cbd7e4;border-bottom-width:2px;border-radius:6px;background:#f7f9fc;color:#53677f;font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.hf21-s5-command-modal{position:fixed;inset:0;z-index:13000;display:none;align-items:flex-start;justify-content:center;padding:11vh 18px 18px;background:rgba(15,23,42,.58);backdrop-filter:blur(5px)}.hf21-s5-command-modal.open{display:flex}.hf21-s5-command-card{width:min(680px,100%);max-height:76vh;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.38)}.hf21-s5-command-search{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #e5ebf2}.hf21-s5-command-search input{flex:1;min-height:44px;border:0!important;outline:0;font-size:15px}.hf21-s5-command-search span{color:#7b899c;font-size:12px}.hf21-s5-command-results{max-height:58vh;overflow:auto;padding:8px}.hf21-s5-command-item{display:grid;width:100%;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:0;border-radius:11px;background:transparent;text-align:left;cursor:pointer}.hf21-s5-command-item:hover,.hf21-s5-command-item:focus-visible,.hf21-s5-command-item.active{background:#eef5ff;outline:0}.hf21-s5-command-item i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e5efff;color:#245ca8;font-style:normal;font-weight:900}.hf21-s5-command-item b{display:block;color:#23344d}.hf21-s5-command-item small{display:block;margin-top:2px;color:#7a889b}.hf21-s5-command-item em{font-style:normal;color:#8b99ab;font-size:11px}.hf21-s5-command-empty{padding:30px;text-align:center;color:#6f7f93}
.hf21-s5-table-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid #e5ebf2;background:#f8fafc;color:#65758a;font-size:11px}.hf21-s5-table-meta b{color:#2f4665}.hf21-s5-risk-mark{position:relative}.hf21-s5-risk-mark:after{content:'高风险操作';display:inline-flex;margin-left:6px;padding:2px 5px;border-radius:999px;background:#fff0ed;color:#b53b32;font-size:9px;font-weight:900;vertical-align:middle}.hf21-s5-empty-panel{display:grid;place-items:center;min-height:120px;padding:20px;text-align:center;color:#6d7d91;background:#f8fafc}.hf21-s5-empty-panel b{color:#334a69;margin-bottom:4px}
.hf21-s5-aux-header{position:sticky;top:0;z-index:900;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 18px;border-bottom:1px solid #dce5ef;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 5px 18px rgba(15,23,42,.05)}.hf21-s5-aux-brand{display:flex;align-items:center;gap:9px}.hf21-s5-aux-brand .hf21-s5-aux-logo{display:block;width:34px;height:34px;object-fit:contain;flex:0 0 34px}.hf21-s5-aux-brand b{display:block;color:#18395f}.hf21-s5-aux-brand small{display:block;color:#78879a}.hf21-s5-aux-links{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.hf21-s5-aux-links a{padding:7px 9px;border-radius:8px;color:#48617e;text-decoration:none;font-size:12px;font-weight:750}.hf21-s5-aux-links a:hover,.hf21-s5-aux-links a:focus-visible{background:#eaf2ff;color:#174f9d;outline:0}
.hf21-s5-sidebar-scrim{position:fixed;inset:0;z-index:980;display:none;background:rgba(15,23,42,.46)}body.hf21-s5-sidebar-open .hf21-s5-sidebar-scrim{display:block}
@media(max-width:1050px){body.hf21-s5-sidebar-open .admin-sidebar.open{z-index:981!important}}
@media(max-width:1150px){.hf21-s5-ops-context{grid-template-columns:1fr 1fr}.hf21-s5-aux-header{align-items:flex-start;flex-direction:column}.hf21-s5-aux-links{justify-content:flex-start}}
@media(max-width:680px){.hf21-s5-ops-context{grid-template-columns:1fr}.hf21-s5-command-modal{padding:0}.hf21-s5-command-card{width:100%;height:100%;max-height:none;border-radius:0}.hf21-s5-command-results{max-height:calc(100vh - 74px)}.hf21-s5-aux-links{display:grid;grid-template-columns:1fr 1fr;width:100%}.hf21-s5-aux-links a{text-align:center;background:#f4f7fb}.hf21-s5-risk-mark:after{display:block;width:max-content;margin:4px 0 0}}
@media(forced-colors:active){.hf21-s5-ops-context,.hf21-s5-command-card,.hf21-s5-aux-header{border:1px solid CanvasText}.hf21-s5-command-item.active{outline:2px solid Highlight}}
@media print{.hf21-s5-command-trigger,.hf21-s5-aux-header,.hf21-s5-ops-context{display:none!important}}

/* [12] /assets/hf21-quality-s6.css sha256=cbd9e8718c83ff5fd1082bccfbe3a2da43d185404b85a133f2a1af4145861ab5 */
/* HF21-S6 resilient accessibility and feedback layer. Presentation only. */
html[data-hbv-hf21-quality="s6"]{--hf21-s6-focus:#0b63ce;--hf21-s6-danger:#b42318;--hf21-s6-warning:#8a5a00;--hf21-s6-success:#14734a}
html[data-hbv-hf21-quality="s6"] .hf21-s6-skip-link{position:fixed;left:16px;top:12px;z-index:20000;transform:translateY(-180%);padding:10px 14px;border-radius:10px;background:#0f2c55;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(15,44,85,.28)}
html[data-hbv-hf21-quality="s6"] .hf21-s6-skip-link:focus{transform:translateY(0)}
html[data-hbv-hf21-quality="s6"] .hf21-s6-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html[data-hbv-hf21-quality="s6"] :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--hf21-s6-focus) 78%,white);outline-offset:3px}
html[data-hbv-hf21-quality="s6"] :where(input,select,textarea)[aria-invalid="true"]{border-color:var(--hf21-s6-danger)!important;box-shadow:0 0 0 3px rgba(180,35,24,.12)!important}
html[data-hbv-hf21-quality="s6"] .hf21-s6-field-error{display:block;margin-top:6px;color:var(--hf21-s6-danger);font-size:12px;line-height:1.5;font-weight:700}
html[data-hbv-hf21-quality="s6"] .hf21-s6-network-banner{position:fixed;z-index:19000;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;width:min(680px,calc(100% - 28px));padding:10px 14px;border:1px solid #efc56c;border-radius:12px;background:#fff8e7;color:#6f4500;box-shadow:0 12px 32px rgba(15,23,42,.18);font-size:13px;font-weight:760;line-height:1.5}
html[data-hbv-hf21-quality="s6"] .hf21-s6-network-banner[data-state="online"]{border-color:#8bc9ad;background:#effaf4;color:#0f6844}
html[data-hbv-hf21-quality="s6"] .hf21-s6-network-banner[hidden]{display:none!important}
html[data-hbv-hf21-quality="s6"] .hf21-s6-password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;width:100%;border-radius:10px;position:relative}
html[data-hbv-hf21-quality="s6"] .hf21-s6-password-field>input{grid-column:1/-1;padding-right:72px!important;width:100%;box-sizing:border-box}
html[data-hbv-hf21-quality="s6"] .hf21-s6-password-toggle{grid-column:2;grid-row:1;align-self:center;justify-self:end;z-index:1;margin-right:7px;min-width:52px;min-height:32px;border:0;border-radius:7px;background:transparent;color:#31547d;font-size:12px;font-weight:850;cursor:pointer}
html[data-hbv-hf21-quality="s6"] .hf21-s6-password-toggle:hover{background:#edf5ff}
html[data-hbv-hf21-quality="s6"] .hf21-s6-caps-hint{display:none;margin-top:5px;color:var(--hf21-s6-warning);font-size:12px;font-weight:750}
html[data-hbv-hf21-quality="s6"] .hf21-s6-caps-hint.visible{display:block}
html[data-hbv-hf21-quality="s6"] .hf21-s6-password-strength{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:center;margin-top:7px;font-size:11px;color:#64748b}
html[data-hbv-hf21-quality="s6"] .hf21-s6-password-strength>i{display:block;height:5px;border-radius:999px;background:#e5eaf1;overflow:hidden}
html[data-hbv-hf21-quality="s6"] .hf21-s6-password-strength>i:before{content:"";display:block;width:var(--hf21-password-strength,0%);height:100%;background:var(--hf21-password-color,#94a3b8);transition:width .18s ease}
html[data-hbv-hf21-quality="s6"] form[aria-busy="true"] button[type="submit"]{cursor:progress;position:relative}
html[data-hbv-hf21-quality="s6"] form[aria-busy="true"] button[type="submit"]:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:hf21-s6-spin .72s linear infinite}
@keyframes hf21-s6-spin{to{transform:rotate(360deg)}}
html[data-hbv-hf21-quality="s6"] .hf21-s6-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;border-radius:inherit;scrollbar-gutter:stable}
html[data-hbv-hf21-quality="s6"] .hf21-s6-table-scroll>table{min-width:max-content;width:100%}
html[data-hbv-hf21-quality="s6"] .hf21-s6-auth-status{min-height:20px}
html[data-hbv-hf21-quality="s6"] .auth-tabs[role="tablist"] button[role="tab"]{position:relative}
html[data-hbv-hf21-quality="s6"] .auth-tabs[role="tablist"] button[role="tab"][aria-selected="true"]:after{content:"";position:absolute;left:18%;right:18%;bottom:-2px;height:3px;border-radius:999px;background:currentColor}
@media(max-width:720px){html[data-hbv-hf21-quality="s6"] .hf21-s6-network-banner{top:max(6px,env(safe-area-inset-top));font-size:12px}html[data-hbv-hf21-quality="s6"] :where(button,a,input,select,textarea){scroll-margin-top:84px}html[data-hbv-hf21-quality="s6"] .hf21-s6-password-strength{grid-template-columns:78px 1fr}}
@media(prefers-reduced-motion:reduce){html[data-hbv-hf21-quality="s6"] *,html[data-hbv-hf21-quality="s6"] *:before,html[data-hbv-hf21-quality="s6"] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{.hf21-s6-skip-link,.hf21-s6-network-banner,.hf21-s6-live-region,.hf21-s6-password-toggle,.hf21-s6-caps-hint,.hf21-s6-password-strength{display:none!important}}

/* [13] /assets/hf21-browser-s10.css sha256=06eb37a46786dc9de3ccadee6bc2589784643be6f742e3f8dd1c8dc5931ef355 */
/* HF21-S10: browser viewport, touch-target and responsive containment layer.
Presentation only; no API, algorithm, database, permission or export-policy changes. */
:root{
--hf21-s10-touch:44px;
--hf21-s10-safe-inline:clamp(12px,2.2vw,28px);
}
html[data-hbv-hf21-browser="s10"]{
max-width:100%;
overflow-x:clip;
text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
html[data-hbv-hf21-browser="s10"] body{
max-width:100%;
min-width:0;
}
html[data-hbv-hf21-browser="s10"] img,
html[data-hbv-hf21-browser="s10"] svg,
html[data-hbv-hf21-browser="s10"] video,
html[data-hbv-hf21-browser="s10"] canvas{
max-width:100%;
}
html[data-hbv-hf21-browser="s10"] :where(.table-wrap,.table-scroll,.responsive-table,.wish-slot-map,.compare-grid,.matrix-wrap){
max-width:100%;
overflow-x:auto;
overscroll-behavior-inline:contain;
-webkit-overflow-scrolling:touch;
}
html[data-hbv-hf21-browser="s10"] :where(.admin-main,.admin-content,.panel,.panel-body,.page-head,.page-actions,.toolbar,.topbar,.main-content,.content,.workspace,.shell-main){
min-width:0;
}
html[data-hbv-hf21-browser="s10"] :where(button,[role="button"],input,select,textarea,a){
-webkit-tap-highlight-color:transparent;
}
html[data-hbv-hf21-browser="s10"] :where(button,[role="button"],a,input,select,textarea):focus-visible{
outline:3px solid color-mix(in srgb,#2563eb 74%,white);
outline-offset:2px;
}
html[data-hbv-hf21-browser="s10"] .formal-export-card,
html[data-hbv-hf21-browser="s10"] [role="dialog"]{
max-width:min(760px,calc(100vw - 24px));
max-height:min(88vh,calc(100dvh - 24px));
}
html[data-hbv-hf21-browser="s10"] .admin-topbar-right,
html[data-hbv-hf21-browser="s10"] .admin-quick-links,
html[data-hbv-hf21-browser="s10"] .page-actions,
html[data-hbv-hf21-browser="s10"] .toolbar{
min-width:0;
flex-wrap:wrap;
}
html[data-hbv-hf21-browser="s10"] .skip-link,
html[data-hbv-hf21-browser="s10"] [data-hf21-skip]{
z-index:2147483647;
}
@media (max-width: 760px){
html[data-hbv-hf21-browser="s10"] body{
overflow-x:hidden;
}
html[data-hbv-hf21-browser="s10"] :where(button,[role="button"],input:not([type="checkbox"]):not([type="radio"]),select,textarea,.btn){
min-height:var(--hf21-s10-touch)!important;
}
html[data-hbv-hf21-browser="s10"] :where(button,[role="button"],.btn){
min-width:var(--hf21-s10-touch)!important;
}
html[data-hbv-hf21-browser="s10"] :where(input[type="checkbox"],input[type="radio"]){
min-width:20px;
min-height:20px;
}
html[data-hbv-hf21-browser="s10"] :where(.admin-content,.page-shell,.main-content,.content-shell,.workspace-shell){
padding-left:var(--hf21-s10-safe-inline);
padding-right:var(--hf21-s10-safe-inline);
}
html[data-hbv-hf21-browser="s10"] .admin-topbar{
align-items:flex-start;
gap:10px;
padding-inline:var(--hf21-s10-safe-inline);
}
html[data-hbv-hf21-browser="s10"] .admin-topbar-left,
html[data-hbv-hf21-browser="s10"] .admin-topbar-right{
max-width:100%;
}
html[data-hbv-hf21-browser="s10"] .admin-topbar-right{
justify-content:flex-start;
}
html[data-hbv-hf21-browser="s10"] .admin-quick-links{
display:none;
}
html[data-hbv-hf21-browser="s10"] :where(.page-head,.panel-head){
align-items:flex-start;
gap:12px;
}
html[data-hbv-hf21-browser="s10"] :where(.page-head,.panel-head,.page-actions,.toolbar){
max-width:100%;
}
html[data-hbv-hf21-browser="s10"] .page-actions > *,
html[data-hbv-hf21-browser="s10"] .toolbar > :where(button,input,select){
max-width:100%;
}
html[data-hbv-hf21-browser="s10"] :where(.metric-grid,.admin-grid,.decision-grid,.card-grid,.compare-grid,.wish-risk-items){
grid-template-columns:minmax(0,1fr)!important;
}
html[data-hbv-hf21-browser="s10"] :where(.span-2,.span-3,.span-full){
grid-column:1 / -1!important;
}
html[data-hbv-hf21-browser="s10"] :where(table){
min-width:max-content;
}
html[data-hbv-hf21-browser="s10"] .formal-export-modal{
padding:12px;
align-items:flex-end;
}
html[data-hbv-hf21-browser="s10"] .formal-export-card,
html[data-hbv-hf21-browser="s10"] [role="dialog"]{
width:100%;
max-width:100%;
max-height:calc(100dvh - 24px);
border-radius:18px 18px 12px 12px;
}
html[data-hbv-hf21-browser="s10"] :where(.formal-export-actions,.dialog-actions,.modal-actions){
position:sticky;
bottom:0;
display:grid;
grid-template-columns:minmax(0,1fr);
gap:8px;
}
}
@media (prefers-reduced-motion: reduce){
html[data-hbv-hf21-browser="s10"] *,
html[data-hbv-hf21-browser="s10"] *::before,
html[data-hbv-hf21-browser="s10"] *::after{
scroll-behavior:auto!important;
}
}

/* [14] /assets/hf21-uiux-s20.css sha256=7740c3c8fbf33cf048f0834613f2c224f1d0915d5dd1672200d66ae9b951812c */
/*
* HBV HF21-S20 - 2026-07-18 full-end UI/UX implementation closure.
* Presentation and interaction scaffolding only. Business truth, qualification,
* recommendation, formalization and deployment boundaries remain server-owned.
*/
html[data-hbv-uiux="s20"] {
--s20-brand: #176bfe;
--s20-brand-strong: #124fae;
--s20-navy: #10213a;
--s20-navy-2: #143b70;
--s20-canvas: #f4f7fb;
--s20-surface: #ffffff;
--s20-line: #dfe7f1;
--s20-line-soft: #edf2f7;
--s20-text: #1b2d45;
--s20-muted: #6d7c91;
--s20-success: #25a65a;
--s20-success-soft: #eaf8ef;
--s20-warning: #f5a623;
--s20-warning-soft: #fff6e5;
--s20-danger: #e34d59;
--s20-danger-soft: #fff0f1;
--s20-purple: #7c5cfc;
--s20-purple-soft: #f3efff;
--s20-teal: #19a99a;
--s20-gold: #d9a638;
--s20-radius-sm: 9px;
--s20-radius: 14px;
--s20-radius-lg: 20px;
--s20-shadow: 0 10px 30px rgba(16,33,58,.075);
--s20-shadow-lg: 0 24px 70px rgba(16,33,58,.16);
--s20-content: 1600px;
}
html[data-hbv-uiux="s20"], html[data-hbv-uiux="s20"] body { background: var(--s20-canvas); color: var(--s20-text); }
html[data-hbv-uiux="s20"] body { overflow-x: hidden; }
html[data-hbv-uiux="s20"] :where(.panel,.metric-card,.review-card,.admin-card,.form-section,.result-card,.scenario-card) {
border-color: var(--s20-line) !important;
box-shadow: 0 6px 22px rgba(16,33,58,.055);
}
html[data-hbv-uiux="s20"] :where(.panel,.metric-card,.review-card,.admin-card,.form-section) { border-radius: var(--s20-radius); }
html[data-hbv-uiux="s20"] :where(h1,h2,h3,h4) { color: var(--s20-navy-2); }
html[data-hbv-uiux="s20"] :where(.eyebrow,.section-kicker) { color: var(--s20-brand-strong); letter-spacing: .1em; font-weight: 850; }
html[data-hbv-uiux="s20"] :where(.page,.admin-page) { scroll-margin-top: 92px; }
html[data-hbv-uiux="s20"] :where(.section-intro,.admin-page-head) h2 { font-size: clamp(23px,2vw,30px); line-height: 1.25; }
html[data-hbv-uiux="s20"] :where(.section-intro,.admin-page-head) p { max-width: 900px; color: var(--s20-muted); }
html[data-hbv-uiux="s20"] .page > :where(.section-intro,.strategy-banner,.panel,.result-list,.candidate-summary-bar,.p3-wish-workspace-nav,.dashboard-main-grid,.dashboard-lower-grid,.settings-grid,.profile-summary-grid,.profile-content-shell),
html[data-hbv-uiux="s20"] .admin-content > .admin-page { max-width: var(--s20-content); margin-left: auto; margin-right: auto; }
/* Status semantics: words and icons remain visible even without colour. */
html[data-hbv-uiux="s20"] :where(.status-approved,.risk-safe,.health-ok,.success,.state-success) { color: #167a42 !important; }
html[data-hbv-uiux="s20"] :where(.status-warning,.risk-reach,.health-warn,.warning,.state-warning) { color: #a96800 !important; }
html[data-hbv-uiux="s20"] :where(.status-blocked,.risk-high,.danger,.state-danger) { color: #b72f3c !important; }
html[data-hbv-uiux="s20"] :where(.status-unknown,.data-insufficient,.state-unknown) { color: #6547c9 !important; }
html[data-hbv-uiux="s20"] .s20-risk-legend { display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:10px 12px; border:1px solid var(--s20-line); border-radius:12px; background:#fff; color:var(--s20-muted); font-size:12px; }
html[data-hbv-uiux="s20"] .s20-risk-legend b { color:var(--s20-text); margin-right:4px; }
html[data-hbv-uiux="s20"] .s20-risk-legend span { display:inline-flex; align-items:center; gap:5px; padding:4px 8px; border-radius:999px; background:#f5f7fb; }
html[data-hbv-uiux="s20"] .s20-risk-legend i { width:8px; height:8px; border-radius:50%; background:currentColor; }
html[data-hbv-uiux="s20"] .s20-risk-legend .hard { color:var(--s20-danger); }
html[data-hbv-uiux="s20"] .s20-risk-legend .advisory { color:var(--s20-warning); }
html[data-hbv-uiux="s20"] .s20-risk-legend .unknown { color:var(--s20-purple); }
html[data-hbv-uiux="s20"] .s20-risk-legend .safe { color:var(--s20-success); }
/* Shared tables and forms */
html[data-hbv-uiux="s20"] .s20-table-scroll { max-width:100%; overflow:auto; border:1px solid var(--s20-line); border-radius:12px; background:#fff; overscroll-behavior:contain; }
html[data-hbv-uiux="s20"] .s20-table-scroll > table { width:100%; margin:0 !important; border:0 !important; }
html[data-hbv-uiux="s20"] .s20-table-scroll thead { position:sticky; top:0; z-index:3; background:#f3f7fc; }
html[data-hbv-uiux="s20"] table :where(th,td) { vertical-align:top; }
html[data-hbv-uiux="s20"] table th { color:#3f5571; font-size:12px; }
html[data-hbv-uiux="s20"] table tbody tr:hover { background:#f8fbff; }
html[data-hbv-uiux="s20"] :where(input:not([type=checkbox]):not([type=radio]),select,textarea) { background:#fff; }
html[data-hbv-uiux="s20"] :where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus { border-color:var(--s20-brand) !important; box-shadow:0 0 0 3px rgba(23,107,254,.13) !important; }
html[data-hbv-uiux="s20"] :where(button,.btn,.primary,.secondary,.ghost) { min-height:40px; }
html[data-hbv-uiux="s20"] :where(.primary,.btn-primary) { background:linear-gradient(135deg,var(--s20-brand),#3989ff); border-color:var(--s20-brand); }
/* Runtime capability is a visual adapter, not an authorization signal. */
html[data-hbv-uiux="s20"] .s20-runtime-strip { display:flex; align-items:center; gap:8px; min-width:0; padding:7px 10px; border:1px solid var(--s20-line); border-radius:999px; background:rgba(255,255,255,.92); color:var(--s20-muted); font-size:11px; white-space:nowrap; }
html[data-hbv-uiux="s20"] .s20-runtime-strip strong { color:var(--s20-navy-2); }
html[data-hbv-uiux="s20"] .s20-runtime-strip .s20-live { width:7px; height:7px; border-radius:50%; background:var(--s20-success); box-shadow:0 0 0 4px rgba(37,166,90,.12); }
html[data-hbv-uiux="s20"] .s20-runtime-strip[data-state="busy"] .s20-live { background:var(--s20-warning); }
html[data-hbv-uiux="s20"] .s20-runtime-strip[data-state="degraded"] .s20-live { background:var(--s20-danger); }
html[data-hbv-uiux="s20"] .s20-runtime-detail { color:var(--s20-muted); overflow:hidden; text-overflow:ellipsis; }
/* Login and public entry */
html[data-hbv-uiux="s20"] #login-screen { background:linear-gradient(135deg,#eef4fc 0%,#f7faff 48%,#e9f1fb 100%); }
html[data-hbv-uiux="s20"] .login-portal { width:min(1180px,calc(100vw - 40px)); min-height:min(760px,calc(100vh - 54px)); grid-template-columns:minmax(0,1.04fr) minmax(430px,.88fr); border-radius:24px; overflow:hidden; box-shadow:var(--s20-shadow-lg); }
html[data-hbv-uiux="s20"] .login-intro { position:relative; padding:48px; background:linear-gradient(145deg,#102a55,#123d76 64%,#15549a); }
html[data-hbv-uiux="s20"] .login-intro::after { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 24% 20%,rgba(68,147,255,.22),transparent 32%),radial-gradient(circle at 75% 78%,rgba(255,255,255,.09),transparent 28%); }
html[data-hbv-uiux="s20"] .login-intro > * { position:relative; z-index:1; }
html[data-hbv-uiux="s20"] .login-intro h1 { color:#fff; font-size:clamp(30px,3vw,46px); line-height:1.2; }
html[data-hbv-uiux="s20"] .login-intro p, html[data-hbv-uiux="s20"] .login-intro span, html[data-hbv-uiux="s20"] .login-intro small { color:rgba(255,255,255,.78); }
html[data-hbv-uiux="s20"] .login-capability-grid > div { background:rgba(255,255,255,.095); border-color:rgba(255,255,255,.12); }
html[data-hbv-uiux="s20"] .login-card { align-self:center; margin:34px; padding:34px; border:1px solid #e3eaf3; border-radius:22px; box-shadow:0 18px 50px rgba(25,55,96,.12); }
html[data-hbv-uiux="s20"] .auth-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; padding:5px; border-radius:12px; background:#f1f5fa; }
html[data-hbv-uiux="s20"] .auth-tabs button { min-width:0; border-radius:9px; }
html[data-hbv-uiux="s20"] .auth-tabs button.active { background:#fff; color:var(--s20-brand-strong); box-shadow:0 4px 14px rgba(16,33,58,.08); }
/* Member shell and contextual workspace */
html[data-hbv-uiux="s20"] .hf21-family-header { border-bottom-color:var(--s20-line); }
html[data-hbv-uiux="s20"] .hf21-primary-nav { gap:4px; }
html[data-hbv-uiux="s20"] .hf21-nav-trigger { padding-inline:14px; }
html[data-hbv-uiux="s20"] .workspace-bar { max-width:var(--s20-content); margin-left:auto; margin-right:auto; border:1px solid var(--s20-line); border-radius:13px; background:rgba(255,255,255,.94); box-shadow:0 5px 18px rgba(16,33,58,.045); }
html[data-hbv-uiux="s20"] .workspace-bar .s20-runtime-strip { margin-left:auto; }
html[data-hbv-uiux="s20"] .main { min-width:0; }
html[data-hbv-uiux="s20"] .main > .page { padding-left:clamp(14px,2vw,30px); padding-right:clamp(14px,2vw,30px); }
html[data-hbv-uiux="s20"] .section-intro { align-items:flex-start; gap:22px; padding-top:8px; }
html[data-hbv-uiux="s20"] .section-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
/* Dashboard */
html[data-hbv-uiux="s20"] .dashboard-hero { border-radius:20px; background:linear-gradient(125deg,#102f61,#123e79 62%,#1b5aa0); box-shadow:0 20px 45px rgba(20,62,121,.18); }
html[data-hbv-uiux="s20"] .dashboard-hero h2 { color:#fff; }
html[data-hbv-uiux="s20"] .dashboard-hero-side { min-width:260px; }
html[data-hbv-uiux="s20"] .dashboard-main-grid { gap:16px; }
html[data-hbv-uiux="s20"] .journey-list button { border:1px solid var(--s20-line); background:#fff; }
html[data-hbv-uiux="s20"] .journey-list button:hover { border-color:#b9d1f5; background:#f6faff; }
html[data-hbv-uiux="s20"] .scheme-health-card .risk-track { background:#eaf0f6; }
html[data-hbv-uiux="s20"] .coverage-card { overflow:hidden; }
/* Profile */
html[data-hbv-uiux="s20"] .profile-content-shell { grid-template-columns:220px minmax(0,1fr); gap:16px; align-items:start; }
html[data-hbv-uiux="s20"] .profile-section-nav { position:sticky; top:96px; border:1px solid var(--s20-line); border-radius:16px; background:#fff; box-shadow:var(--s20-shadow); }
html[data-hbv-uiux="s20"] .profile-section-nav button { border-radius:10px; }
html[data-hbv-uiux="s20"] .profile-section-nav button.active { background:#eaf2ff; color:var(--s20-brand-strong); }
html[data-hbv-uiux="s20"] .profile-progress-card { border-left:4px solid var(--s20-brand); }
html[data-hbv-uiux="s20"] .profile-form-section { border-radius:16px; }
/* Search, recommendation and candidate result hierarchy */
html[data-hbv-uiux="s20"] .recommend-controls { display:grid; grid-template-columns:repeat(4,minmax(145px,1fr)); gap:12px; }
html[data-hbv-uiux="s20"] .recommend-method { grid-column:1/-1; }
html[data-hbv-uiux="s20"] .recommend-scope-panel { overflow:hidden; }
html[data-hbv-uiux="s20"] .strategy-banner { border-radius:14px; }
html[data-hbv-uiux="s20"] :where(#recommend-results,#search-results,#candidate-list) .result-card { border:1px solid var(--s20-line); border-radius:15px; background:#fff; box-shadow:0 5px 18px rgba(16,33,58,.045); }
html[data-hbv-uiux="s20"] :where(#recommend-results,#search-results,#candidate-list) .result-card:hover { border-color:#bcd2f2; box-shadow:0 12px 30px rgba(16,33,58,.09); }
html[data-hbv-uiux="s20"] .candidate-summary-bar { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; }
html[data-hbv-uiux="s20"] .candidate-summary-item { border:1px solid var(--s20-line); border-radius:12px; background:#fff; }
html[data-hbv-uiux="s20"] .collection-batch-bar { position:sticky; top:82px; z-index:12; }
/* 96-wish workbench */
html[data-hbv-uiux="s20"] #page-wishes .section-intro { position:relative; }
html[data-hbv-uiux="s20"] .p3-wish-workspace-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
html[data-hbv-uiux="s20"] .p3-wish-workspace-nav button { min-width:0; border:1px solid var(--s20-line); border-radius:12px; background:#fff; }
html[data-hbv-uiux="s20"] .p3-wish-workspace-nav button:hover { border-color:#b7cff2; background:#f6faff; }
html[data-hbv-uiux="s20"] .wish-command-bar { border-top:4px solid var(--s20-brand); }
html[data-hbv-uiux="s20"] .wish-slot-map { background:linear-gradient(180deg,#fff,#f9fbfe); }
html[data-hbv-uiux="s20"] .qualification-batch-bar { border-left:4px solid var(--s20-purple); }
html[data-hbv-uiux="s20"] .formal-export-card { width:min(760px,calc(100vw - 28px)); max-height:min(86vh,850px); overflow:auto; border-radius:20px; box-shadow:var(--s20-shadow-lg); }
html[data-hbv-uiux="s20"] .formal-export-confirm-box { border:1px solid #eadfb8; background:#fffaf0; }
/* Audit, scenarios, reports, data and settings */
html[data-hbv-uiux="s20"] #page-audit .s20-risk-legend { margin-bottom:12px; }
html[data-hbv-uiux="s20"] :where(.audit-section,.audit-card,.governance-card) { border-radius:14px; }
html[data-hbv-uiux="s20"] #page-scenarios .scenario-grid { gap:14px; }
html[data-hbv-uiux="s20"] #page-reports .report-card { border-radius:15px; }
html[data-hbv-uiux="s20"] #page-data .data-boundary-grid > *, html[data-hbv-uiux="s20"] #page-settings .form-section { min-width:0; }
html[data-hbv-uiux="s20"] .settings-grid-v32 { grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-hbv-uiux="s20"] .global-footer-notice { max-width:var(--s20-content); margin-inline:auto; color:var(--s20-muted); }
/* Admin six-centre shell */
html[data-hbv-uiux="s20"] .admin-sidebar { background:linear-gradient(180deg,#102d55,#10213a); border-right:1px solid rgba(255,255,255,.05); }
html[data-hbv-uiux="s20"] .admin-brand { min-height:82px; border-bottom-color:rgba(255,255,255,.08); }
html[data-hbv-uiux="s20"] .admin-nav-group { color:rgba(255,255,255,.46); letter-spacing:.09em; }
html[data-hbv-uiux="s20"] .admin-nav button { border-radius:9px; }
html[data-hbv-uiux="s20"] .admin-nav button.active { background:linear-gradient(90deg,rgba(38,116,226,.42),rgba(38,116,226,.22)); box-shadow:inset 3px 0 0 var(--s20-gold); }
html[data-hbv-uiux="s20"] .admin-main { min-width:0; background:var(--s20-canvas); }
html[data-hbv-uiux="s20"] .admin-topbar { min-height:72px; border-bottom:1px solid var(--s20-line); background:rgba(255,255,255,.94); backdrop-filter:blur(16px); }
html[data-hbv-uiux="s20"] .admin-content { padding:22px clamp(14px,2vw,30px) 44px; }
html[data-hbv-uiux="s20"] .admin-page > h2:first-child, html[data-hbv-uiux="s20"] .admin-page > .section-title:first-child { color:var(--s20-navy-2); }
html[data-hbv-uiux="s20"] .metrics-grid { gap:12px; }
html[data-hbv-uiux="s20"] .metric-card { background:#fff; }
html[data-hbv-uiux="s20"] .admin-grid > * { min-width:0; }
html[data-hbv-uiux="s20"] .admin-topbar-right .s20-runtime-strip { max-width:260px; }
html[data-hbv-uiux="s20"] .admin-nav-search input { background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.12); }
html[data-hbv-uiux="s20"] .admin-nav-search input::placeholder { color:rgba(255,255,255,.58); }
/* Auxiliary evidence and governance pages */
html[data-hbv-uiux="s20"] body.s20-aux-page { background:var(--s20-canvas); }
html[data-hbv-uiux="s20"] body.s20-aux-page main { max-width:var(--s20-content); margin:0 auto; padding-inline:clamp(14px,2vw,30px); }
html[data-hbv-uiux="s20"] .hf21-s5-aux-header { border-bottom-color:var(--s20-line); }
/* Mobile: cards, bottom sheet patterns and five primary actions. */
@media (max-width: 1180px) {
html[data-hbv-uiux="s20"] .topbar { min-height:64px; }
html[data-hbv-uiux="s20"] .workspace-bar { margin:10px 12px 0; }
html[data-hbv-uiux="s20"] .profile-content-shell { grid-template-columns:1fr; }
html[data-hbv-uiux="s20"] .profile-section-nav { position:static; display:flex; overflow:auto; padding:8px; }
html[data-hbv-uiux="s20"] .profile-section-nav button { min-width:170px; }
html[data-hbv-uiux="s20"] .recommend-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-hbv-uiux="s20"] .candidate-summary-bar { grid-template-columns:repeat(4,minmax(0,1fr)); }
html[data-hbv-uiux="s20"] .collection-batch-bar { position:static; }
}
@media (max-width: 760px) {
html[data-hbv-uiux="s20"] body { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
html[data-hbv-uiux="s20"] :where(button,.btn,.primary,.secondary,.ghost,input:not([type=checkbox]):not([type=radio]),select) { min-height:44px; }
html[data-hbv-uiux="s20"] .login-portal { width:100%; min-height:100vh; grid-template-columns:1fr; border-radius:0; box-shadow:none; }
html[data-hbv-uiux="s20"] .login-intro { padding:28px 22px 22px; }
html[data-hbv-uiux="s20"] .login-decision-visual, html[data-hbv-uiux="s20"] .access-flow { display:none; }
html[data-hbv-uiux="s20"] .login-card { margin:0; padding:24px 20px 34px; border-radius:22px 22px 0 0; box-shadow:none; }
html[data-hbv-uiux="s20"] .auth-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-hbv-uiux="s20"] .dashboard-hero { grid-template-columns:1fr; padding:22px; }
html[data-hbv-uiux="s20"] .dashboard-main-grid, html[data-hbv-uiux="s20"] .dashboard-lower-grid { grid-template-columns:1fr; }
html[data-hbv-uiux="s20"] .recommend-controls { grid-template-columns:1fr; }
html[data-hbv-uiux="s20"] .candidate-summary-bar { grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-hbv-uiux="s20"] .p3-wish-workspace-nav { display:flex; overflow:auto; scroll-snap-type:x proximity; }
html[data-hbv-uiux="s20"] .p3-wish-workspace-nav button { min-width:155px; scroll-snap-align:start; }
html[data-hbv-uiux="s20"] .settings-grid-v32 { grid-template-columns:1fr; }
html[data-hbv-uiux="s20"] .section-intro { flex-direction:column; }
html[data-hbv-uiux="s20"] .section-actions { width:100%; justify-content:stretch; }
html[data-hbv-uiux="s20"] .section-actions > * { flex:1 1 100%; }
html[data-hbv-uiux="s20"] .mobile-bottom-nav { grid-template-columns:repeat(5,minmax(0,1fr)); padding-bottom:env(safe-area-inset-bottom); }
html[data-hbv-uiux="s20"] .mobile-bottom-nav button { min-width:0; min-height:60px; font-size:11px; }
html[data-hbv-uiux="s20"] .mobile-bottom-nav img { width:20px; height:20px; }
html[data-hbv-uiux="s20"] .admin-content { padding-inline:12px; }
html[data-hbv-uiux="s20"] .admin-topbar-right .s20-runtime-strip { display:none; }
html[data-hbv-uiux="s20"] .s20-risk-legend { align-items:flex-start; }
}
@media (max-width: 420px) {
html[data-hbv-uiux="s20"] .login-intro h1 { font-size:28px; }
html[data-hbv-uiux="s20"] .candidate-summary-bar { grid-template-columns:1fr 1fr; }
html[data-hbv-uiux="s20"] .workspace-bar .s20-runtime-strip { display:none; }
}
@media (prefers-reduced-motion: reduce) {
html[data-hbv-uiux="s20"] *, html[data-hbv-uiux="s20"] *::before, html[data-hbv-uiux="s20"] *::after { scroll-behavior:auto !important; animation-duration:.001ms !important; transition-duration:.001ms !important; }
}
@media (forced-colors: active) {
html[data-hbv-uiux="s20"] :where(.panel,.metric-card,.result-card,.s20-table-scroll,.s20-runtime-strip,.s20-risk-legend) { border:1px solid CanvasText !important; }
}
@media print {
html[data-hbv-uiux="s20"] .s20-runtime-strip, html[data-hbv-uiux="s20"] .s20-risk-legend, html[data-hbv-uiux="s20"] .mobile-bottom-nav { display:none !important; }
html[data-hbv-uiux="s20"] body { background:#fff; padding:0; }
}

/* [15] /assets/hf21-admin-r2.css sha256=35295a878478f03076dd1837e770634dfee891daecbfe54210f42a4b32c71b69 */
/* HBV R5.5-R2 admin operating system visual closure. */
html[data-hbv-admin-r2="ready"]{--a2-ink:#142b49;--a2-muted:#687b92;--a2-line:#d8e4f1;--a2-soft:#f6f9fd;--a2-blue:#176bfe;--a2-shadow:0 12px 30px rgba(24,50,88,.075)}
html[data-hbv-admin-r2="ready"] body{background:#f3f7fc}
html[data-hbv-admin-r2="ready"] .admin-shell{grid-template-columns:270px minmax(0,1fr)}
html[data-hbv-admin-r2="ready"] .admin-sidebar{background:linear-gradient(180deg,#102743 0,#0e2139 100%);box-shadow:8px 0 28px rgba(13,32,55,.14)}
html[data-hbv-admin-r2="ready"] .admin-brand{padding:22px 18px 18px;border-bottom:1px solid rgba(255,255,255,.09)}
html[data-hbv-admin-r2="ready"] .admin-brand strong{font-size:13px;line-height:1.45}
html[data-hbv-admin-r2="ready"] .admin-brand small{margin-top:4px;color:#9db0c7;font-size:9px;letter-spacing:.06em}
html[data-hbv-admin-r2="ready"] .admin-nav{padding:10px 10px 22px}
html[data-hbv-admin-r2="ready"] .admin-nav-group{margin:15px 10px 7px;color:#7990aa;font-size:9px;letter-spacing:.12em}
html[data-hbv-admin-r2="ready"] .admin-nav button{min-height:42px;margin:2px 0;padding:0 12px;border-radius:10px;color:#c9d7e7;font-size:11px}
html[data-hbv-admin-r2="ready"] .admin-nav button:hover{background:rgba(255,255,255,.065);color:#fff}
html[data-hbv-admin-r2="ready"] .admin-nav button.active{background:linear-gradient(90deg,#176bfe,#3d86f7);color:#fff;box-shadow:0 8px 20px rgba(23,107,254,.28)}
html[data-hbv-admin-r2="ready"] .admin-main{min-width:0}
html[data-hbv-admin-r2="ready"] .admin-topbar{min-height:68px;padding:0 26px;border-bottom:1px solid #e0e8f2;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
html[data-hbv-admin-r2="ready"] .admin-content{max-width:1720px;margin:0 auto;padding:24px 28px 70px}
html[data-hbv-admin-r2="ready"] .page-head{position:sticky;top:68px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:17px 20px;border:1px solid var(--a2-line);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 8px 26px rgba(30,55,91,.06);backdrop-filter:blur(14px)}
html[data-hbv-admin-r2="ready"] .page-head h2{margin:0;color:var(--a2-ink);font-size:23px;line-height:1.25}
html[data-hbv-admin-r2="ready"] .page-head p{max-width:900px;margin:5px 0 0;color:var(--a2-muted);font-size:10px;line-height:1.65}
html[data-hbv-admin-r2="ready"] .page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
html[data-hbv-admin-r2="ready"] .page-actions :where(button,select,input){min-height:40px}
html[data-hbv-admin-r2="ready"] .metric-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
html[data-hbv-admin-r2="ready"] .metric-card{min-height:118px;padding:17px 18px;border:1px solid var(--a2-line);border-radius:15px;background:#fff;box-shadow:none}
html[data-hbv-admin-r2="ready"] .metric-value{color:#173d6e;font-size:25px!important}
html[data-hbv-admin-r2="ready"] .panel{border:1px solid var(--a2-line);border-radius:16px;background:#fff;box-shadow:var(--a2-shadow);overflow:hidden}
html[data-hbv-admin-r2="ready"] .panel-head{padding:16px 18px;border-bottom:1px solid #e7edf5;background:linear-gradient(180deg,#fff,#fbfdff)}
html[data-hbv-admin-r2="ready"] .panel-head h3{color:#203b5d;font-size:14px}
html[data-hbv-admin-r2="ready"] .panel-head p{margin-top:4px;color:var(--a2-muted);font-size:9px;line-height:1.55}
html[data-hbv-admin-r2="ready"] .panel-body{padding:18px}
html[data-hbv-admin-r2="ready"] .table-wrap{overflow:auto;scrollbar-gutter:stable}
html[data-hbv-admin-r2="ready"] .data-table{min-width:880px}
html[data-hbv-admin-r2="ready"] .data-table th{position:sticky;top:0;z-index:2;background:#f3f7fc;color:#58708d;font-size:9px;letter-spacing:.035em}
html[data-hbv-admin-r2="ready"] .data-table td{font-size:10px;line-height:1.55}
html[data-hbv-admin-r2="ready"] .data-table tbody tr:hover{background:#f7faff}
html[data-hbv-admin-r2="ready"] :where(input:not([type=checkbox]),select,textarea){border-color:#d5e1ee;border-radius:10px;background:#fff}
html[data-hbv-admin-r2="ready"] :where(input:not([type=checkbox]),select,textarea):focus{border-color:#6e9ff0;box-shadow:0 0 0 3px rgba(23,107,254,.12);outline:none}
html[data-hbv-admin-r2="ready"] .r2-model-governance{margin:0 0 18px;padding:20px;border:1px solid #cfe0f6;border-radius:17px;background:linear-gradient(135deg,#fff,#f4f9ff);box-shadow:var(--a2-shadow)}
html[data-hbv-admin-r2="ready"] .r2-model-governance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
html[data-hbv-admin-r2="ready"] .r2-model-governance-head span{display:block;color:#176bfe;font-size:9px;font-weight:900;letter-spacing:.12em}
html[data-hbv-admin-r2="ready"] .r2-model-governance-head h3{margin:6px 0 5px;color:#173451;font-size:18px}
html[data-hbv-admin-r2="ready"] .r2-model-governance-head p{max-width:900px;margin:0;color:#64778e;font-size:10px;line-height:1.65}
html[data-hbv-admin-r2="ready"] .r2-model-status{flex:none;padding:8px 11px;border:1px solid #b9dfcf;border-radius:999px;background:#f0fbf6;color:#14734a;font-size:10px;font-weight:850;white-space:nowrap}
html[data-hbv-admin-r2="ready"] .r2-model-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
html[data-hbv-admin-r2="ready"] .r2-model-flow article{padding:14px;border:1px solid #dce7f3;border-radius:13px;background:#fff}
html[data-hbv-admin-r2="ready"] .r2-model-flow span{display:block;color:#74859a;font-size:8px;font-weight:850;letter-spacing:.06em}
html[data-hbv-admin-r2="ready"] .r2-model-flow b{display:block;margin-top:7px;color:#1b3959;font-size:13px;line-height:1.35}
html[data-hbv-admin-r2="ready"] .r2-model-flow small{display:block;margin-top:5px;color:#6b7d93;font-size:9px;line-height:1.55}
html[data-hbv-admin-r2="ready"] .r2-model-boundary{margin-top:12px;padding:11px 13px;border-radius:11px;background:#fff8e8;color:#70521e;font-size:9px;line-height:1.6}
@media(max-width:1100px){html[data-hbv-admin-r2="ready"] .admin-shell{grid-template-columns:230px minmax(0,1fr)}html[data-hbv-admin-r2="ready"] .r2-model-flow{grid-template-columns:1fr 1fr}}
@media(max-width:780px){html[data-hbv-admin-r2="ready"] .admin-content{padding:18px 14px 82px}html[data-hbv-admin-r2="ready"] .page-head{position:static;align-items:flex-start;flex-direction:column}html[data-hbv-admin-r2="ready"] .page-actions{width:100%;justify-content:stretch}html[data-hbv-admin-r2="ready"] .page-actions>*{flex:1 1 auto}html[data-hbv-admin-r2="ready"] .r2-model-governance-head{flex-direction:column}html[data-hbv-admin-r2="ready"] .r2-model-flow{grid-template-columns:1fr}}

/* [16] /assets/hf21-admin-r3.css sha256=381989499271873bd461549f91aec6eef1628206bffcea454d17384db4ad3f31 */
/* HBV R5.5-R3 adaptive admin shell closure.
Purpose: independent sidebar scrolling, height-aware grouping, elegant compact mode,
balanced topbar wrapping and content grids without altering business semantics. */
html[data-hbv-admin-r3="ready"]{
--r3-sidebar:272px;
--r3-sidebar-compact:84px;
--r3-topbar-h:82px;
--r3-canvas:#f3f7fc;
--r3-surface:#fff;
--r3-line:#d9e5f2;
--r3-ink:#143250;
--r3-muted:#73869c;
--r3-blue:#1e6ef5;
--r3-blue-soft:#eaf2ff;
--r3-shadow:0 12px 34px rgba(21,48,83,.07);
--r3-shadow-soft:0 7px 22px rgba(21,48,83,.045)
}
html[data-hbv-admin-r3="ready"],html[data-hbv-admin-r3="ready"] body{min-height:100%;background:var(--r3-canvas)}
html[data-hbv-admin-r3="ready"] body{overflow-x:hidden}
/* Stable desktop geometry: sidebar and content scroll independently. */
html[data-hbv-admin-r3="ready"] .admin-shell{display:block!important;min-height:100dvh}
html[data-hbv-admin-r3="ready"] .admin-sidebar{
position:fixed!important;
inset:0 auto 0 0!important;
z-index:120!important;
width:var(--r3-sidebar)!important;
height:100dvh!important;
min-height:0!important;
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
padding:0!important;
background:linear-gradient(180deg,#102b4b 0%,#0d213a 54%,#0b1c31 100%)!important;
border-right:1px solid rgba(255,255,255,.055)!important;
box-shadow:9px 0 30px rgba(8,27,49,.14)!important;
transition:width .22s ease,transform .22s ease
}
html[data-hbv-admin-r3="ready"] .admin-main{
min-width:0!important;
width:auto!important;
margin-left:var(--r3-sidebar)!important;
transition:margin-left .22s ease
}
html[data-hbv-admin-r3="ready"] .admin-brand{
position:relative;
flex:0 0 auto;
min-height:82px;
padding:17px 48px 15px 17px!important;
border-bottom:1px solid rgba(255,255,255,.075)!important;
background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)
}
html[data-hbv-admin-r3="ready"] .admin-brand-logo{width:38px;height:38px;flex:0 0 38px}
html[data-hbv-admin-r3="ready"] .admin-brand>div{min-width:0}
html[data-hbv-admin-r3="ready"] .admin-brand strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px!important;line-height:1.45;white-space:nowrap}
html[data-hbv-admin-r3="ready"] .admin-brand small{display:block;overflow:hidden;text-overflow:ellipsis;color:#9eb3ca!important;font-size:8.5px!important;letter-spacing:.07em;white-space:nowrap}
html[data-hbv-admin-r3="ready"] .r3-sidebar-toggle{
position:absolute;right:12px;top:24px;width:30px;height:30px;display:grid;place-items:center;
padding:0;border:1px solid rgba(255,255,255,.13);border-radius:10px;
background:rgba(255,255,255,.06);color:#cfe0f3;cursor:pointer;transition:.16s ease
}
html[data-hbv-admin-r3="ready"] .r3-sidebar-toggle:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-1px)}
html[data-hbv-admin-r3="ready"] .r3-sidebar-toggle svg{width:16px;height:16px;transition:transform .22s ease}
html[data-hbv-admin-r3="ready"] .admin-nav-tools{flex:0 0 auto;padding:11px 14px 6px!important}
html[data-hbv-admin-r3="ready"] .admin-nav-search input{height:36px!important;padding-left:12px!important;padding-right:36px!important;border-radius:11px!important;background:rgba(255,255,255,.055)!important}
html[data-hbv-admin-r3="ready"] .admin-nav-search span{right:13px!important;top:8px!important}
html[data-hbv-admin-r3="ready"] .admin-nav{
flex:1 1 auto!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain;
scrollbar-gutter:stable;
padding:4px 12px 14px!important;
scroll-behavior:smooth
}
html[data-hbv-admin-r3="ready"] .admin-nav::-webkit-scrollbar{width:6px}
html[data-hbv-admin-r3="ready"] .admin-nav::-webkit-scrollbar-track{background:transparent}
html[data-hbv-admin-r3="ready"] .admin-nav::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(174,201,230,.20)}
html[data-hbv-admin-r3="ready"] .admin-nav:hover::-webkit-scrollbar-thumb{background:rgba(174,201,230,.38)}
html[data-hbv-admin-r3="ready"] .admin-nav{scrollbar-width:thin;scrollbar-color:rgba(174,201,230,.28) transparent}
html[data-hbv-admin-r3="ready"] .admin-nav-group{
position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:8px;
min-height:30px;margin:5px 2px 1px!important;padding:7px 9px!important;
border:0;border-radius:9px;color:#7993ae!important;font-size:8.5px!important;font-weight:800;
letter-spacing:.12em;cursor:pointer;user-select:none;outline:none
}
html[data-hbv-admin-r3="ready"] .admin-nav-group:hover,html[data-hbv-admin-r3="ready"] .admin-nav-group:focus-visible{background:rgba(255,255,255,.045);color:#abc0d6!important}
html[data-hbv-admin-r3="ready"] .admin-nav-group .r3-group-chevron{font-size:13px;line-height:1;transition:transform .18s ease}
html[data-hbv-admin-r3="ready"] .admin-nav-group[data-r3-collapsed="true"] .r3-group-chevron{transform:rotate(-90deg)}
html[data-hbv-admin-r3="ready"] .admin-nav button{
position:relative;display:flex!important;align-items:center!important;gap:11px!important;
min-height:39px!important;height:auto!important;margin:2px 0!important;padding:9px 11px!important;
border-radius:10px!important;color:#c8d7e7!important;font-size:10.7px!important;line-height:1.3!important;
white-space:normal!important;transition:background .15s ease,color .15s ease,transform .15s ease
}
html[data-hbv-admin-r3="ready"] .admin-nav button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;transform:none!important}
html[data-hbv-admin-r3="ready"] .admin-nav button.active{background:linear-gradient(90deg,#176bfe,#438bf8)!important;color:#fff!important;box-shadow:0 8px 20px rgba(23,107,254,.24)!important}
html[data-hbv-admin-r3="ready"] .admin-nav button.r3-group-hidden{display:none!important}
html[data-hbv-admin-r3="ready"] .admin-nav img{width:16px!important;height:16px!important;flex:0 0 16px}
html[data-hbv-admin-r3="ready"] .admin-sidebar-foot{
flex:0 0 auto;margin:0!important;padding:10px 13px 13px!important;
border-top:1px solid rgba(255,255,255,.075)!important;
background:linear-gradient(180deg,rgba(12,31,53,.76),#0b1c31)
}
html[data-hbv-admin-r3="ready"] .admin-sidebar-foot button{min-height:34px!important;margin-top:5px!important;padding:7px 10px!important;border-radius:9px!important;font-size:9.5px!important}
html[data-hbv-admin-r3="ready"] .p4-sidebar-status{margin:0 0 5px;color:#91a8c1;font-size:8.5px;line-height:1.45}
/* Comfortable topbar: primary identity and actions may wrap without crowding. */
html[data-hbv-admin-r3="ready"] .admin-topbar{
position:sticky!important;top:0!important;z-index:90!important;
min-height:82px!important;height:auto!important;
display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;
gap:10px 18px!important;padding:11px 26px!important;
border-bottom:1px solid #dfe8f2!important;background:rgba(255,255,255,.96)!important;
box-shadow:0 5px 22px rgba(25,51,84,.045)!important;backdrop-filter:blur(16px)
}
html[data-hbv-admin-r3="ready"] .admin-topbar-left{min-width:230px;flex:1 1 300px;align-items:center!important}
html[data-hbv-admin-r3="ready"] .admin-topbar-left>div{min-width:0}
html[data-hbv-admin-r3="ready"] .admin-topbar h1{overflow:hidden;text-overflow:ellipsis;color:#143250!important;font-size:20px!important;line-height:1.25;white-space:nowrap}
html[data-hbv-admin-r3="ready"] .admin-breadcrumb{margin-top:4px;color:#7b8da2!important;font-size:10px!important}
html[data-hbv-admin-r3="ready"] .admin-topbar-right{
min-width:0!important;flex:0 1 auto;display:flex!important;align-items:center!important;justify-content:flex-end!important;
flex-wrap:wrap!important;gap:7px!important
}
html[data-hbv-admin-r3="ready"] .admin-quick-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
html[data-hbv-admin-r3="ready"] .admin-quick-links a,html[data-hbv-admin-r3="ready"] .admin-quick-links button,
html[data-hbv-admin-r3="ready"] .p4-top-action,html[data-hbv-admin-r3="ready"] .hf21-s5-command-trigger,
html[data-hbv-admin-r3="ready"] #admin-account-security{
min-height:36px!important;height:36px!important;padding:0 11px!important;border-radius:10px!important;
font-size:10px!important;white-space:nowrap
}
html[data-hbv-admin-r3="ready"] .hf21-s5-command-trigger{gap:9px!important}
html[data-hbv-admin-r3="ready"] .p4-icon-button{width:auto!important;min-width:36px!important}
html[data-hbv-admin-r3="ready"] .r3-density-button{display:inline-flex!important;align-items:center;gap:6px!important}
html[data-hbv-admin-r3="ready"] .r3-density-button .r3-density-glyph{font-size:15px;line-height:1;letter-spacing:-2px}
html[data-hbv-admin-r3="ready"] .admin-chip{min-height:34px;padding:7px 10px!important;font-size:9.5px!important;white-space:nowrap}
html[data-hbv-admin-r3="ready"] .admin-avatar{flex:0 0 36px}
html[data-hbv-admin-r3="ready"] .r3-top-more{position:relative;display:none}
html[data-hbv-admin-r3="ready"] .r3-top-more>summary{list-style:none;display:flex;align-items:center;justify-content:center;min-width:56px;height:36px;padding:0 10px;border:1px solid var(--r3-line);border-radius:10px;background:#fff;color:#4d637d;font-size:10px;font-weight:750;cursor:pointer}
html[data-hbv-admin-r3="ready"] .r3-top-more>summary::-webkit-details-marker{display:none}
html[data-hbv-admin-r3="ready"] .r3-top-more-menu{position:absolute;right:0;top:43px;z-index:180;display:grid;min-width:190px;padding:8px;border:1px solid var(--r3-line);border-radius:13px;background:#fff;box-shadow:0 18px 44px rgba(18,47,82,.16)}
html[data-hbv-admin-r3="ready"] .r3-top-more-menu a,html[data-hbv-admin-r3="ready"] .r3-top-more-menu button{display:flex;align-items:center;width:100%;min-height:38px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:#38516d;text-decoration:none;font-size:10px;text-align:left;cursor:pointer}
html[data-hbv-admin-r3="ready"] .r3-top-more-menu :is(a,button):hover{background:#eef5ff;color:#195bba}
/* Content rhythm and balanced panels. */
html[data-hbv-admin-r3="ready"] .admin-content{width:100%!important;max-width:1820px!important;margin:0 auto!important;padding:24px 28px 76px!important}
html[data-hbv-admin-r3="ready"] .page-head{top:calc(var(--r3-topbar-h) + 8px)!important;align-items:center!important;box-shadow:var(--r3-shadow-soft)!important}
html[data-hbv-admin-r3="ready"] .hf21-s5-ops-context{grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(170px,.8fr));gap:10px;margin-bottom:18px;padding:11px;border-color:var(--r3-line);box-shadow:var(--r3-shadow-soft)}
html[data-hbv-admin-r3="ready"] .hf21-s5-ops-context>div{min-height:76px;padding:12px 14px}
html[data-hbv-admin-r3="ready"] .admin-command-strip{align-items:stretch}
html[data-hbv-admin-r3="ready"] .admin-grid,html[data-hbv-admin-r3="ready"] .admin-grid.equal{align-items:start!important}
html[data-hbv-admin-r3="ready"] .panel{align-self:start;box-shadow:var(--r3-shadow-soft)!important}
html[data-hbv-admin-r3="ready"] .panel-body{min-width:0}
html[data-hbv-admin-r3="ready"] .metric-grid{display:grid!important;gap:13px!important;align-items:stretch}
html[data-hbv-admin-r3="ready"] .metric-grid[data-r3-items="6"]{grid-template-columns:repeat(6,minmax(0,1fr))!important}
html[data-hbv-admin-r3="ready"] .metric-grid[data-r3-items="5"]{grid-template-columns:repeat(5,minmax(0,1fr))!important}
html[data-hbv-admin-r3="ready"] .metric-grid[data-r3-items="4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html[data-hbv-admin-r3="ready"] .metric-card{min-width:0!important;min-height:126px!important}
html[data-hbv-admin-r3="ready"] #page-dashboard>.admin-grid{grid-template-columns:minmax(0,1.55fr) minmax(350px,.85fr)!important;grid-template-areas:"tasks review" "audits health"!important;align-items:start!important}
html[data-hbv-admin-r3="ready"] #page-dashboard>.admin-grid>.panel:nth-child(1){grid-area:tasks!important}
html[data-hbv-admin-r3="ready"] #page-dashboard>.admin-grid>.panel:nth-child(2){grid-area:review!important}
html[data-hbv-admin-r3="ready"] #page-dashboard>.admin-grid>.panel:nth-child(3){grid-area:health!important}
html[data-hbv-admin-r3="ready"] #page-dashboard>.admin-grid>.panel:nth-child(4){grid-area:audits!important}
html[data-hbv-admin-r3="ready"] #page-dashboard>.admin-grid>.panel{grid-column:auto!important}
html[data-hbv-admin-r3="ready"] .table-wrap{scrollbar-width:thin;scrollbar-color:#b8c9dc transparent}
html[data-hbv-admin-r3="ready"] .table-wrap::-webkit-scrollbar{height:8px;width:8px}
html[data-hbv-admin-r3="ready"] .table-wrap::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#b8c9dc;background-clip:padding-box}
/* Elegant compact sidebar: not a mechanical drag rail. */
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-sidebar{width:var(--r3-sidebar-compact)!important}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-main{margin-left:var(--r3-sidebar-compact)!important}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-brand{justify-content:center;padding:17px 10px!important}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-brand>div{display:none}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-brand-logo{width:36px;height:36px}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .r3-sidebar-toggle{right:-13px;top:25px;background:#fff;color:#315776;border-color:#d3e0ed;box-shadow:0 6px 18px rgba(17,43,72,.12)}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .r3-sidebar-toggle svg{transform:rotate(180deg)}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-nav-tools,html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-nav-group{display:none!important}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-nav{padding:8px 10px 12px!important}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-nav button{justify-content:center!important;min-height:42px!important;padding:10px!important;font-size:0!important}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-nav button img{width:18px!important;height:18px!important;margin:0!important}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-nav button.active:after{display:none!important}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-sidebar-foot{padding:8px 10px 12px!important}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .p4-sidebar-status{display:none}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] .admin-sidebar-foot button{display:grid;place-items:center;height:38px;padding:0!important;font-size:0!important}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] #open-member-preview:before{content:"览";font-size:12px}
html[data-hbv-admin-r3="ready"][data-r3-sidebar="compact"] #admin-logout:before{content:"退";font-size:12px}
/* Height-aware mode: navigation groups are more compact but remain accessible. */
html[data-hbv-admin-r3="ready"][data-r3-height="short"] .admin-brand{min-height:68px;padding-top:12px!important;padding-bottom:10px!important}
html[data-hbv-admin-r3="ready"][data-r3-height="short"] .r3-sidebar-toggle{top:18px}
html[data-hbv-admin-r3="ready"][data-r3-height="short"] .admin-nav-tools{padding-top:7px!important}
html[data-hbv-admin-r3="ready"][data-r3-height="short"] .admin-nav-group{min-height:26px;margin-top:2px!important;padding-top:5px!important;padding-bottom:5px!important}
html[data-hbv-admin-r3="ready"][data-r3-height="short"] .admin-nav button{min-height:35px!important;padding-top:7px!important;padding-bottom:7px!important}
html[data-hbv-admin-r3="ready"][data-r3-height="short"] .admin-sidebar-foot button{min-height:31px!important}
@media(max-width:1650px){
html[data-hbv-admin-r3="ready"] .admin-topbar-right{flex:1 1 680px}
html[data-hbv-admin-r3="ready"] .admin-topbar{align-items:flex-start!important}
html[data-hbv-admin-r3="ready"] .metric-grid[data-r3-items="6"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html[data-hbv-admin-r3="ready"] .metric-grid[data-r3-items="5"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1380px){
html[data-hbv-admin-r3="ready"]{--r3-sidebar:242px}
html[data-hbv-admin-r3="ready"] .admin-content{padding-left:22px!important;padding-right:22px!important}
html[data-hbv-admin-r3="ready"] .admin-topbar{padding-left:21px!important;padding-right:21px!important}
html[data-hbv-admin-r3="ready"] .admin-topbar [data-r3-priority="low"]{display:none!important}
html[data-hbv-admin-r3="ready"] .r3-top-more{display:block}
html[data-hbv-admin-r3="ready"] .hf21-s5-ops-context{grid-template-columns:1fr 1fr}
html[data-hbv-admin-r3="ready"] #page-dashboard>.admin-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr)!important}
}
@media(max-width:1120px){
html[data-hbv-admin-r3="ready"]{--r3-sidebar:224px}
html[data-hbv-admin-r3="ready"] .admin-topbar [data-r3-priority="medium"]{display:none!important}
html[data-hbv-admin-r3="ready"] .metric-grid[data-r3-items]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-hbv-admin-r3="ready"] #page-dashboard>.admin-grid{grid-template-columns:1fr!important;grid-template-areas:"tasks" "review" "health" "audits"!important}
}
@media(max-width:920px){
html[data-hbv-admin-r3="ready"] .admin-sidebar{width:min(310px,86vw)!important;transform:translateX(-105%)}
html[data-hbv-admin-r3="ready"] .admin-sidebar.open{transform:translateX(0)}
html[data-hbv-admin-r3="ready"] .admin-main{margin-left:0!important}
html[data-hbv-admin-r3="ready"] .r3-sidebar-toggle{display:none}
html[data-hbv-admin-r3="ready"] .admin-topbar{min-height:68px!important;padding:9px 14px!important}
html[data-hbv-admin-r3="ready"] .admin-topbar-right{flex:0 1 auto}
html[data-hbv-admin-r3="ready"] .admin-content{padding:18px 14px 84px!important}
html[data-hbv-admin-r3="ready"] .page-head{position:static!important}
html[data-hbv-admin-r3="ready"] .hf21-s5-ops-context{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
html[data-hbv-admin-r3="ready"] .admin-topbar-left{flex-basis:100%}
html[data-hbv-admin-r3="ready"] .admin-topbar-right{width:100%;justify-content:flex-start!important}
html[data-hbv-admin-r3="ready"] .admin-topbar-right>:not(.r3-top-more):not(.admin-avatar):not(#admin-account-security){display:none!important}
html[data-hbv-admin-r3="ready"] .r3-top-more{display:block}
html[data-hbv-admin-r3="ready"] .hf21-s5-ops-context{grid-template-columns:1fr}
html[data-hbv-admin-r3="ready"] .metric-grid[data-r3-items]{grid-template-columns:1fr!important}
html[data-hbv-admin-r3="ready"] .page-head{padding:15px!important}
}
@media(prefers-reduced-motion:reduce){html[data-hbv-admin-r3="ready"] .admin-sidebar,html[data-hbv-admin-r3="ready"] .admin-main,html[data-hbv-admin-r3="ready"] .r3-sidebar-toggle svg{transition:none!important}}
@media(forced-colors:active){html[data-hbv-admin-r3="ready"] .r3-sidebar-toggle,html[data-hbv-admin-r3="ready"] .r3-top-more>summary{border:1px solid CanvasText}}
@media print{html[data-hbv-admin-r3="ready"] .admin-sidebar,html[data-hbv-admin-r3="ready"] .admin-topbar{display:none!important}html[data-hbv-admin-r3="ready"] .admin-main{margin:0!important}html[data-hbv-admin-r3="ready"] .admin-content{max-width:none!important;padding:0!important}}

/* [17] /assets/hf21-admin-r4.css sha256=c1826f24e447b7bcbd18e4943dc4d542570f3f45f4e9b35d532e2e5d0071eaa1 */
/* HBV R5.5-R4 admin navigation interaction closure.
One collapse controller, independent scrolling, stable full-height shell and no duplicate chevrons. */
html[data-hbv-admin-r4="ready"]{
--r4-nav-control-bg:rgba(255,255,255,.055);
--r4-nav-control-line:rgba(190,213,237,.16);
--r4-nav-label:#91aac3;
}
html[data-hbv-admin-r4="ready"] .admin-sidebar{overflow:hidden!important}
html[data-hbv-admin-r4="ready"] .admin-nav-tools{display:grid!important;gap:8px!important}
html[data-hbv-admin-r4="ready"] .r4-nav-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}
html[data-hbv-admin-r4="ready"] .r4-nav-controls button{
min-height:30px;padding:0 8px;border:1px solid var(--r4-nav-control-line);border-radius:9px;
background:var(--r4-nav-control-bg);color:#a9bfd5;font-size:9px;font-weight:760;cursor:pointer
}
html[data-hbv-admin-r4="ready"] .r4-nav-controls button:hover,
html[data-hbv-admin-r4="ready"] .r4-nav-controls button:focus-visible{background:rgba(255,255,255,.10);color:#fff;outline:none}
html[data-hbv-admin-r4="ready"] .admin-nav{display:block!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;padding-bottom:18px!important}
html[data-hbv-admin-r4="ready"] .admin-nav-section{display:block!important;margin:0!important;padding:0!important}
html[data-hbv-admin-r4="ready"] .admin-nav-group{
pointer-events:auto!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
width:100%!important;min-height:34px!important;margin:6px 0 2px!important;padding:7px 10px!important;
border:0!important;border-radius:10px!important;background:transparent!important;color:var(--r4-nav-label)!important;
cursor:pointer!important;user-select:none!important
}
html[data-hbv-admin-r4="ready"] .admin-nav-group::after{display:none!important;content:none!important}
html[data-hbv-admin-r4="ready"] .admin-nav-group .r3-group-chevron{display:none!important}
html[data-hbv-admin-r4="ready"] .admin-nav-group .r4-group-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:820;letter-spacing:.11em}
html[data-hbv-admin-r4="ready"] .admin-nav-group .r4-group-chevron{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:7px;color:#83a0bc;transition:transform .16s ease,background .16s ease,color .16s ease}
html[data-hbv-admin-r4="ready"] .admin-nav-group:hover,
html[data-hbv-admin-r4="ready"] .admin-nav-group:focus-visible{background:rgba(255,255,255,.055)!important;color:#d9e7f5!important;outline:none!important}
html[data-hbv-admin-r4="ready"] .admin-nav-group:hover .r4-group-chevron{background:rgba(255,255,255,.06);color:#fff}
html[data-hbv-admin-r4="ready"] .admin-nav-section.r4-collapsed .r4-group-chevron{transform:rotate(-90deg)}
html[data-hbv-admin-r4="ready"] .admin-nav-section.r4-collapsed .admin-nav-items{display:none!important}
html[data-hbv-admin-r4="ready"] .admin-nav-section.r4-search-empty{display:none!important}
html[data-hbv-admin-r4="ready"] .admin-nav button.r3-group-hidden{display:flex!important}
html[data-hbv-admin-r4="ready"] .admin-nav-items{display:grid!important;gap:3px!important;min-width:0!important}
html[data-hbv-admin-r4="ready"] .admin-nav-items button[data-page]{pointer-events:auto!important;width:100%!important;min-width:0!important}
html[data-hbv-admin-r4="ready"] .admin-nav-items button.r4-search-hidden{display:none!important}
html[data-hbv-admin-r4="ready"] .admin-nav-section:has(.admin-nav-items button.active)>.admin-nav-group{color:#bed2e6!important}
html[data-hbv-admin-r4="ready"] .admin-nav-section:has(.admin-nav-items button.active)>.admin-nav-group .r4-group-chevron{color:#66a2ff}
html[data-hbv-admin-r4="ready"] .admin-sidebar-foot{position:relative!important;z-index:2!important}
html[data-hbv-admin-r4="ready"] .r4-sidebar-toggle{position:absolute;right:12px;top:24px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.06);color:#cfe0f3;cursor:pointer}
html[data-hbv-admin-r4="ready"] .r4-sidebar-toggle:hover{background:rgba(255,255,255,.12);color:#fff}
html[data-hbv-admin-r4="ready"] .r4-sidebar-toggle svg{width:16px;height:16px}
html[data-hbv-admin-r4="ready"][data-r3-sidebar="compact"] .r4-nav-controls{display:none!important}
html[data-hbv-admin-r4="ready"] .admin-topbar{row-gap:9px!important}
html[data-hbv-admin-r4="ready"] .admin-topbar-right{max-width:100%!important}
@media(max-height:760px) and (min-width:921px){
html[data-hbv-admin-r4="ready"] .admin-brand{min-height:70px!important;padding-top:12px!important;padding-bottom:10px!important}
html[data-hbv-admin-r4="ready"] .r4-sidebar-toggle{top:19px}
html[data-hbv-admin-r4="ready"] .admin-nav-group{min-height:30px!important;margin-top:3px!important;padding-top:5px!important;padding-bottom:5px!important}
html[data-hbv-admin-r4="ready"] .admin-nav-items button[data-page]{min-height:35px!important;padding-top:7px!important;padding-bottom:7px!important}
}
@media(max-width:920px){
html[data-hbv-admin-r4="ready"] .r4-sidebar-toggle{display:none!important}
html[data-hbv-admin-r4="ready"] .r4-nav-controls{grid-template-columns:1fr 1fr}
}

/* [18] /assets/hbv-unified-ui.css sha256=5e4845acea709bb58e3a1a9831bb71ac6235463aab31f3fe9d298278638aadc2 */
/*
* HBV Unified UI ownership layer · 2026-07-25
*
* This is the final presentation authority for shared layout, hierarchy and
* responsive behavior. Earlier versioned styles remain as component sources;
* conflicting shell geometry is deliberately resolved here.
*/
:root {
--hbv-u-canvas: #f4f7fb;
--hbv-u-surface: #ffffff;
--hbv-u-surface-soft: #f8fbff;
--hbv-u-ink: #142f4d;
--hbv-u-muted: #6f8298;
--hbv-u-line: #dce6f1;
--hbv-u-line-strong: #cbd9e8;
--hbv-u-blue: #176cf0;
--hbv-u-blue-soft: #eaf2ff;
--hbv-u-green: #16845f;
--hbv-u-amber: #a96f11;
--hbv-u-red: #b63e36;
--hbv-u-radius: 16px;
--hbv-u-shadow: 0 10px 28px rgba(18, 49, 82, .065);
--hbv-u-shadow-soft: 0 5px 18px rgba(18, 49, 82, .045);
/* 1600px usable canvas + 28px breathing room on both sides. */
--hbv-u-content: 1656px;
}
html[data-hbv-unified-ui="ready"],
html[data-hbv-unified-ui="ready"] body {
min-height: 100%;
background: var(--hbv-u-canvas);
}
html[data-hbv-unified-ui="ready"] body {
overflow-x: hidden;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
html[data-hbv-unified-ui="ready"] :where(
.admin-main, .admin-content, .admin-page, .main, .page, .panel,
.panel-body, .workspace-bar, .page-head, .section-intro, .toolbar,
.table-wrap, .table-shell, .hf21-table-shell, .s20-table-scroll
) {
min-width: 0;
}
html[data-hbv-unified-ui="ready"] :where(
p, small, td, th, .cell-sub, .notice-box, .danger-box, .empty-state
) {
overflow-wrap: break-word;
}
html[data-hbv-unified-ui="ready"] :where(button, a, input, select, textarea, summary):focus-visible {
outline: 3px solid rgba(23, 108, 240, .27) !important;
outline-offset: 2px !important;
}
html[data-hbv-unified-ui="ready"] :where(button, .btn, input, select, textarea) {
min-height: 36px;
}
/* -------------------------------------------------------------------------- */
/* Administration: one toolbar, one context layer, non-overlapping headings.  */
/* -------------------------------------------------------------------------- */
html[data-hbv-unified-ui="ready"] .admin-topbar {
position: sticky !important;
top: 0 !important;
z-index: 90 !important;
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
min-height: 68px !important;
height: 68px !important;
padding: 0 24px !important;
gap: 18px !important;
border-bottom: 1px solid var(--hbv-u-line) !important;
background: rgba(255, 255, 255, .97) !important;
box-shadow: 0 4px 18px rgba(18, 49, 82, .045) !important;
backdrop-filter: blur(16px);
}
html[data-hbv-unified-ui="ready"] .admin-topbar-left {
flex: 1 1 auto !important;
min-width: 170px !important;
max-width: 430px;
}
html[data-hbv-unified-ui="ready"] .admin-topbar-left > div {
min-width: 0;
}
html[data-hbv-unified-ui="ready"] .admin-topbar h1 {
margin: 0 !important;
overflow: hidden;
color: var(--hbv-u-ink) !important;
font-size: 19px !important;
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}
html[data-hbv-unified-ui="ready"] .admin-breadcrumb {
margin-top: 3px !important;
overflow: hidden;
color: var(--hbv-u-muted) !important;
font-size: 10px !important;
text-overflow: ellipsis;
white-space: nowrap;
}
html[data-hbv-unified-ui="ready"] .admin-topbar-right {
display: flex !important;
flex: 0 0 auto !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-end !important;
max-width: none !important;
gap: 7px !important;
overflow: visible !important;
}
/* Secondary destinations live in the explicit “更多” menu. */
html[data-hbv-unified-ui="ready"] .admin-topbar .admin-quick-links,
html[data-hbv-unified-ui="ready"] .admin-topbar [data-p4-help],
html[data-hbv-unified-ui="ready"] .admin-topbar [data-p4-alert],
html[data-hbv-unified-ui="ready"] .admin-topbar [data-p4-density],
html[data-hbv-unified-ui="ready"] .admin-topbar .r3-density-button {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .admin-topbar .r3-top-more {
position: relative;
display: block !important;
flex: 0 0 auto;
}
html[data-hbv-unified-ui="ready"] .admin-topbar :where(
.hf21-s5-command-trigger, #admin-account-security, .r3-top-more > summary
) {
min-height: 36px !important;
height: 36px !important;
padding: 0 11px !important;
border-radius: 10px !important;
font-size: 10px !important;
white-space: nowrap;
}
html[data-hbv-unified-ui="ready"] .admin-topbar .hf21-s5-command-trigger {
gap: 8px !important;
border-color: #bfd3ee !important;
background: var(--hbv-u-blue-soft) !important;
color: #1758ad !important;
}
html[data-hbv-unified-ui="ready"] .admin-topbar .hf21-s5-command-trigger kbd {
min-width: 38px;
padding: 3px 5px;
border: 1px solid #c7d8eb;
border-radius: 6px;
background: #fff;
color: #61748a;
font: 700 9px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
text-align: center;
}
html[data-hbv-unified-ui="ready"] .admin-topbar .admin-chip {
display: inline-flex;
align-items: center;
min-height: 34px !important;
max-width: 180px;
padding: 0 10px !important;
overflow: hidden;
border: 1px solid var(--hbv-u-line) !important;
border-radius: 999px !important;
background: #f8fafc !important;
color: #53677e !important;
font-size: 9.5px !important;
text-overflow: ellipsis;
white-space: nowrap;
}
html[data-hbv-unified-ui="ready"] .admin-topbar #runtime-chip.hbv-status-alert {
border-color: #f0c8c3 !important;
background: #fff2f0 !important;
color: #9e332d !important;
font-weight: 800;
}
html[data-hbv-unified-ui="ready"] .admin-topbar #runtime-chip.hbv-status-warning {
border-color: #ecd7a7 !important;
background: #fff8e8 !important;
color: #83570d !important;
font-weight: 800;
}
html[data-hbv-unified-ui="ready"] .admin-topbar .s20-runtime-strip {
flex: 0 0 auto;
width: auto !important;
max-width: none !important;
min-height: 34px !important;
padding: 0 10px !important;
border-color: var(--hbv-u-line) !important;
background: #fff !important;
font-size: 9.5px !important;
white-space: nowrap !important;
}
html[data-hbv-unified-ui="ready"] .admin-topbar .s20-runtime-strip .s20-runtime-detail {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .admin-topbar .admin-avatar {
display: grid;
flex: 0 0 36px !important;
width: 36px !important;
height: 36px !important;
place-items: center;
}
html[data-hbv-unified-ui="ready"] .admin-content {
width: 100% !important;
max-width: var(--hbv-u-content) !important;
margin: 0 auto !important;
padding: 18px 28px 72px !important;
}
html[data-hbv-unified-ui="ready"] .admin-main > .hf21-admin-context {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .hf21-s5-ops-context {
display: grid !important;
grid-template-columns: minmax(230px, 1.35fr) repeat(3, minmax(150px, .75fr)) !important;
gap: 8px !important;
margin: 0 0 16px !important;
padding: 8px !important;
border: 1px solid var(--hbv-u-line) !important;
border-radius: 14px !important;
background: linear-gradient(135deg, #f8fbff, #fff) !important;
box-shadow: var(--hbv-u-shadow-soft) !important;
}
html[data-hbv-unified-ui="ready"] .hf21-s5-ops-context > div {
min-height: 58px !important;
padding: 9px 11px !important;
border-radius: 9px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-s5-ops-context :where(span, small) {
font-size: 9px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-s5-ops-context b {
font-size: 12px !important;
}
/* A page heading is content, not a second sticky toolbar. */
html[data-hbv-unified-ui="ready"] .admin-page > .page-head,
html[data-hbv-unified-ui="ready"] .admin-page .page-head {
position: static !important;
top: auto !important;
z-index: auto !important;
display: flex !important;
align-items: flex-end !important;
justify-content: space-between !important;
min-height: 0 !important;
margin: 0 0 14px !important;
padding: 2px 0 15px !important;
gap: 18px !important;
border: 0 !important;
border-bottom: 1px solid var(--hbv-u-line) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
}
html[data-hbv-unified-ui="ready"] .page-head > div:first-child {
min-width: 0;
max-width: 980px;
}
html[data-hbv-unified-ui="ready"] .page-head h2 {
margin: 0 !important;
color: var(--hbv-u-ink) !important;
font-size: clamp(24px, 2vw, 30px) !important;
line-height: 1.2 !important;
letter-spacing: -.035em !important;
}
html[data-hbv-unified-ui="ready"] .page-head p {
max-width: 900px !important;
margin: 6px 0 0 !important;
color: var(--hbv-u-muted) !important;
font-size: 11px !important;
line-height: 1.6 !important;
}
html[data-hbv-unified-ui="ready"] .page-actions {
display: flex !important;
flex: 0 0 auto;
flex-wrap: wrap !important;
justify-content: flex-end !important;
gap: 8px !important;
}
html[data-hbv-unified-ui="ready"] #page-dashboard > .admin-command-strip {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
align-items: stretch !important;
gap: 9px !important;
margin: 0 0 14px !important;
}
html[data-hbv-unified-ui="ready"] #page-dashboard .admin-command-card {
min-width: 0 !important;
min-height: 74px !important;
padding: 11px 12px !important;
border: 1px solid var(--hbv-u-line) !important;
border-radius: 13px !important;
background: #fff !important;
box-shadow: var(--hbv-u-shadow-soft) !important;
}
html[data-hbv-unified-ui="ready"] #page-dashboard .admin-command-card:hover {
border-color: #b9ceed !important;
background: #f8fbff !important;
transform: translateY(-1px);
}
html[data-hbv-unified-ui="ready"] #page-dashboard .admin-command-card span {
min-width: 0;
}
html[data-hbv-unified-ui="ready"] #page-dashboard .admin-command-card b {
font-size: 12px !important;
}
html[data-hbv-unified-ui="ready"] #page-dashboard .admin-command-card small {
display: -webkit-box;
margin-top: 4px;
overflow: hidden;
font-size: 9px !important;
line-height: 1.45;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
html[data-hbv-unified-ui="ready"] .ops-status-card {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 104px !important;
margin: 0 0 16px !important;
padding: 16px 18px !important;
gap: 18px !important;
border-radius: 15px !important;
box-shadow: var(--hbv-u-shadow-soft) !important;
}
html[data-hbv-unified-ui="ready"] .ops-status-card h3 {
margin: 3px 0 5px !important;
font-size: 20px !important;
}
html[data-hbv-unified-ui="ready"] .ops-status-card p {
font-size: 10px !important;
line-height: 1.55 !important;
}
html[data-hbv-unified-ui="ready"] .ops-status-facts {
gap: 7px !important;
}
html[data-hbv-unified-ui="ready"] .ops-status-facts span {
min-height: 34px;
padding: 7px 9px !important;
font-size: 10px !important;
}
html[data-hbv-unified-ui="ready"] .admin-grid,
html[data-hbv-unified-ui="ready"] .metric-grid {
align-items: stretch !important;
gap: 12px !important;
}
html[data-hbv-unified-ui="ready"] .admin-page .panel,
html[data-hbv-unified-ui="ready"] .admin-page .metric-card {
border-color: var(--hbv-u-line) !important;
box-shadow: var(--hbv-u-shadow-soft) !important;
}
/* -------------------------------------------------------------------------- */
/* Member workspace: compact context and progress, especially on small screens. */
/* -------------------------------------------------------------------------- */
html[data-hbv-unified-ui="ready"] .hf21-family-header {
position: sticky !important;
top: 0 !important;
z-index: 80 !important;
min-height: 68px !important;
height: 68px !important;
}
html[data-hbv-unified-ui="ready"] .preview-mode-banner {
position: static !important;
top: auto !important;
z-index: auto !important;
min-height: 44px !important;
padding: 7px 20px !important;
gap: 14px !important;
box-shadow: 0 5px 16px rgba(20, 55, 103, .13) !important;
}
html[data-hbv-unified-ui="ready"] .preview-mode-banner > div {
min-width: 0;
gap: 9px !important;
}
html[data-hbv-unified-ui="ready"] .preview-mode-banner b {
flex: 0 0 auto;
font-size: 11px !important;
}
html[data-hbv-unified-ui="ready"] .preview-mode-banner span {
overflow: hidden;
font-size: 9.5px !important;
line-height: 1.45 !important;
text-overflow: ellipsis;
white-space: nowrap;
}
html[data-hbv-unified-ui="ready"] .preview-mode-banner button {
flex: 0 0 auto;
min-height: 32px !important;
height: 32px !important;
padding: 0 11px !important;
white-space: nowrap;
}
html[data-hbv-unified-ui="ready"] body.hbv-has-preview-banner .commercial-membership-ribbon {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .workspace-bar {
max-width: 1472px !important;
min-height: 58px !important;
margin-top: 10px !important;
padding: 9px 12px !important;
gap: 9px !important;
border-color: var(--hbv-u-line) !important;
border-radius: 14px !important;
box-shadow: var(--hbv-u-shadow-soft) !important;
}
html[data-hbv-unified-ui="ready"] .workspace-bar .s20-runtime-strip {
min-height: 32px !important;
padding: 0 9px !important;
}
html[data-hbv-unified-ui="ready"] .workspace-bar .s20-runtime-detail {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-rail {
position: static !important;
top: auto !important;
z-index: auto !important;
display: grid !important;
grid-template-columns: minmax(210px, .9fr) minmax(0, 4fr) auto !important;
align-items: center !important;
max-width: 1670px !important;
min-height: 82px !important;
margin: 10px auto 16px !important;
padding: 10px 12px !important;
gap: 10px !important;
border: 1px solid var(--hbv-u-line) !important;
border-radius: 15px !important;
background: #fff !important;
box-shadow: var(--hbv-u-shadow-soft) !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-summary {
min-width: 0;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-summary span {
font-size: 9px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-summary b {
display: block;
margin-top: 3px !important;
overflow: hidden;
font-size: 12px !important;
line-height: 1.35 !important;
text-overflow: ellipsis;
white-space: nowrap;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-summary small {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-steps {
display: grid !important;
grid-template-columns: repeat(6, minmax(82px, 1fr)) !important;
gap: 6px !important;
min-width: 0;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-step {
min-width: 0 !important;
min-height: 52px !important;
padding: 7px 8px !important;
gap: 7px !important;
border-radius: 10px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-step i {
flex: 0 0 24px !important;
width: 24px !important;
height: 24px !important;
font-size: 10px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-step b {
overflow: hidden;
font-size: 10px !important;
text-overflow: ellipsis;
white-space: nowrap !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-step small {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .hf21-mode-switch {
min-width: 156px;
padding: 5px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-mode-switch > span {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .hf21-mode-buttons button {
min-height: 32px !important;
padding: 0 9px !important;
font-size: 9px !important;
}
html[data-hbv-unified-ui="ready"] .main > .page {
scroll-margin-top: 78px;
}
html[data-hbv-unified-ui="ready"] .hf21-page-context {
grid-template-columns: minmax(230px, 1.3fr) repeat(3, minmax(130px, .7fr)) !important;
gap: 8px !important;
margin: 10px 0 16px !important;
padding: 8px !important;
border-radius: 14px !important;
box-shadow: var(--hbv-u-shadow-soft) !important;
}
html[data-hbv-unified-ui="ready"] .hf21-page-context > div {
min-height: 52px !important;
padding: 7px 9px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-page-context small {
display: none !important;
}
/* -------------------------------------------------------------------------- */
/* Auxiliary/governance pages: global shell + one compact contextual toolbar. */
/* -------------------------------------------------------------------------- */
html[data-hbv-unified-ui="ready"] #hf21-s5-aux-header,
html[data-hbv-unified-ui="ready"] .p5-aux-ribbon {
display: none !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux .hbv-unified-page-toolbar {
position: relative !important;
top: auto !important;
z-index: 20 !important;
display: flex !important;
align-items: center !important;
width: auto !important;
max-width: 1540px !important;
min-height: 58px !important;
height: auto !important;
margin: 0 auto !important;
padding: 8px 28px !important;
gap: 10px !important;
overflow: visible !important;
border-bottom: 1px solid var(--hbv-u-line) !important;
background: rgba(255, 255, 255, .96) !important;
color: var(--hbv-u-ink) !important;
box-shadow: 0 4px 16px rgba(18, 49, 82, .035) !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux .hbv-unified-page-toolbar .mark {
width: 36px !important;
height: 36px !important;
flex: 0 0 36px;
border: 1px solid #d5e2f0 !important;
border-radius: 11px !important;
background: var(--hbv-u-blue-soft) !important;
color: #245f9f !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux .hbv-unified-page-toolbar > div:not(.mark) {
min-width: 0;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux .hbv-unified-page-toolbar h1 {
margin: 0 !important;
overflow: hidden;
color: var(--hbv-u-ink) !important;
font-size: 17px !important;
line-height: 1.3 !important;
text-overflow: ellipsis;
white-space: nowrap;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux .hbv-unified-page-toolbar p {
margin: 2px 0 0 !important;
overflow: hidden;
color: var(--hbv-u-muted) !important;
font-size: 10px !important;
line-height: 1.4 !important;
text-overflow: ellipsis;
white-space: nowrap;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux .hbv-unified-page-toolbar nav {
position: relative;
display: flex !important;
align-items: center;
margin-left: auto !important;
gap: 7px !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux .hbv-unified-page-toolbar nav > button {
min-height: 34px !important;
height: 34px !important;
padding: 0 11px !important;
border: 1px solid #c7d9ef !important;
border-radius: 9px !important;
background: var(--hbv-u-blue) !important;
color: #fff !important;
font-size: 10px !important;
}
html[data-hbv-unified-ui="ready"] .hbv-related-pages {
position: relative;
}
html[data-hbv-unified-ui="ready"] .hbv-related-pages > summary {
display: flex;
align-items: center;
justify-content: center;
min-width: 68px;
min-height: 34px;
padding: 0 10px;
list-style: none;
border: 1px solid var(--hbv-u-line);
border-radius: 9px;
background: #fff;
color: #4c627a;
font-size: 10px;
font-weight: 750;
cursor: pointer;
}
html[data-hbv-unified-ui="ready"] .hbv-related-pages > summary::-webkit-details-marker {
display: none;
}
html[data-hbv-unified-ui="ready"] .hbv-related-pages-menu {
position: absolute;
top: 41px;
right: 0;
z-index: 200;
display: grid;
width: max-content;
min-width: 190px;
max-width: min(320px, calc(100vw - 28px));
padding: 7px;
border: 1px solid var(--hbv-u-line);
border-radius: 12px;
background: #fff;
box-shadow: 0 16px 40px rgba(18, 49, 82, .16);
}
html[data-hbv-unified-ui="ready"] .hbv-related-pages-menu a {
display: flex !important;
align-items: center;
min-height: 36px;
padding: 0 10px !important;
border: 0 !important;
border-radius: 8px !important;
background: transparent !important;
color: #405b77 !important;
font-size: 10px !important;
text-decoration: none;
}
html[data-hbv-unified-ui="ready"] .hbv-related-pages-menu a:hover {
background: #eef5ff !important;
color: #1758ad !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux > .hf21-admin-context {
grid-template-columns: minmax(230px, 1.35fr) repeat(3, minmax(130px, .7fr)) !important;
gap: 8px !important;
margin: 10px 18px 12px !important;
padding: 8px !important;
border-color: var(--hbv-u-line) !important;
border-radius: 14px !important;
box-shadow: var(--hbv-u-shadow-soft) !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux > .hf21-admin-context > div {
min-height: 50px !important;
padding: 7px 9px !important;
border-left-width: 2px !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux > .hf21-admin-context span,
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux > .hf21-admin-context small {
font-size: 9px !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux > .hf21-admin-context b {
font-size: 11px !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux > .hf21-admin-context > div:not(:first-child) small {
display: none !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux > :where(.main, main.main) {
padding-top: 14px !important;
}
html[data-hbv-unified-ui="ready"] #hv-app-topbar .hv-shell-home {
color: #fff !important;
font-size: 11px !important;
text-indent: 0 !important;
opacity: 1 !important;
}
/* Remove visual and semantic nesting noise from repeated table wrappers. */
html[data-hbv-unified-ui="ready"] :where(
.table-wrap, .table-shell, .hf21-table-shell, .s20-table-scroll, .data-table-wrap
) :where(.table-wrap, .table-shell, .hf21-table-shell, .s20-table-scroll, .data-table-wrap) {
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
html[data-hbv-unified-ui="ready"] :where(
.table-wrap, .table-shell, .hf21-table-shell, .s20-table-scroll, .data-table-wrap
) {
max-width: 100%;
scrollbar-width: thin;
scrollbar-color: #b9c9db transparent;
}
html[data-hbv-unified-ui="ready"] :where(.modal-card, .formal-export-card, [role="dialog"]) {
max-width: min(920px, calc(100vw - 28px));
max-height: min(880px, calc(100dvh - 28px));
}
/* -------------------------------------------------------------------------- */
/* Responsive hierarchy.                                                      */
/* -------------------------------------------------------------------------- */
@media (max-width: 1600px) {
html[data-hbv-unified-ui="ready"] .admin-topbar {
padding-inline: 20px !important;
}
html[data-hbv-unified-ui="ready"] #page-dashboard > .admin-command-strip {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-rail {
margin-inline: 20px !important;
}
}
@media (max-width: 1380px) {
html[data-hbv-unified-ui="ready"] .admin-topbar #admin-role-chip {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .admin-content {
padding-inline: 21px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-s5-ops-context {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html[data-hbv-unified-ui="ready"] .hf21-s5-ops-context > div {
min-height: 52px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-s5-ops-context small {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-rail {
grid-template-columns: minmax(190px, .8fr) minmax(0, 4fr) !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-rail > :last-child {
display: none !important;
}
}
@media (max-width: 1180px) {
html[data-hbv-unified-ui="ready"] .admin-topbar .s20-runtime-strip {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .admin-topbar-left {
max-width: 300px;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-rail {
grid-template-columns: 1fr !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-summary {
display: flex;
align-items: center;
gap: 8px;
}
html[data-hbv-unified-ui="ready"] .hf21-page-context {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 920px) {
html[data-hbv-unified-ui="ready"] .admin-topbar {
min-height: 64px !important;
height: 64px !important;
padding: 0 14px !important;
}
html[data-hbv-unified-ui="ready"] .admin-topbar-left {
flex: 1 1 auto !important;
min-width: 0 !important;
}
html[data-hbv-unified-ui="ready"] .admin-topbar h1 {
font-size: 17px !important;
}
html[data-hbv-unified-ui="ready"] .admin-breadcrumb,
html[data-hbv-unified-ui="ready"] .admin-topbar #admin-role-chip,
html[data-hbv-unified-ui="ready"] .admin-topbar #runtime-chip,
html[data-hbv-unified-ui="ready"] .admin-topbar #admin-account-security {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .admin-topbar .hf21-s5-command-trigger {
width: 38px !important;
min-width: 38px !important;
padding: 0 !important;
justify-content: center;
}
html[data-hbv-unified-ui="ready"] .admin-topbar .hf21-s5-command-trigger span,
html[data-hbv-unified-ui="ready"] .admin-topbar .hf21-s5-command-trigger kbd {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .admin-topbar .hf21-s5-command-trigger::before {
content: "搜";
font-weight: 800;
}
html[data-hbv-unified-ui="ready"] .admin-content {
padding: 14px 14px 84px !important;
}
html[data-hbv-unified-ui="ready"] .admin-page > .page-head,
html[data-hbv-unified-ui="ready"] .admin-page .page-head {
align-items: flex-start !important;
flex-direction: column !important;
}
html[data-hbv-unified-ui="ready"] .page-actions {
width: 100%;
justify-content: flex-start !important;
}
html[data-hbv-unified-ui="ready"] #page-dashboard > .admin-command-strip {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html[data-hbv-unified-ui="ready"] .ops-status-card {
align-items: flex-start !important;
flex-direction: column !important;
}
html[data-hbv-unified-ui="ready"] .ops-status-facts {
justify-content: flex-start !important;
}
html[data-hbv-unified-ui="ready"] .workspace-bar {
margin-inline: 12px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-rail {
margin: 9px 12px 14px !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux .hbv-unified-page-toolbar {
padding-inline: 18px !important;
}
}
@media (max-width: 680px) {
html[data-hbv-unified-ui="ready"] .admin-sidebar .admin-nav button,
html[data-hbv-unified-ui="ready"] .admin-sidebar .admin-sidebar-foot button {
min-height: 44px !important;
height: auto !important;
}
html[data-hbv-unified-ui="ready"] .preview-mode-banner {
align-items: center !important;
flex-direction: row !important;
min-height: 48px !important;
padding: 7px 12px !important;
}
html[data-hbv-unified-ui="ready"] .preview-mode-banner > div {
display: block !important;
}
html[data-hbv-unified-ui="ready"] .preview-mode-banner > div > span {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .preview-mode-banner button {
min-height: 44px !important;
height: 44px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-family-header {
min-height: 58px !important;
height: 58px !important;
}
html[data-hbv-unified-ui="ready"] .workspace-bar {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
min-height: 0 !important;
margin-top: 8px !important;
padding: 8px !important;
}
html[data-hbv-unified-ui="ready"] .workspace-bar label,
html[data-hbv-unified-ui="ready"] .workspace-bar label:first-child {
display: grid !important;
grid-template-columns: 42px minmax(0, 1fr) !important;
grid-column: auto !important;
align-items: center !important;
width: 100% !important;
min-width: 0 !important;
}
html[data-hbv-unified-ui="ready"] .workspace-bar #personal-space-context {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .workspace-bar :where(.autosave-chip, .workspace-user, #logout-btn, .s20-runtime-strip) {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-rail {
display: block !important;
min-height: 0 !important;
padding: 9px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-summary {
display: block !important;
margin-bottom: 7px;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-steps {
display: flex !important;
gap: 6px !important;
overflow-x: auto;
padding-bottom: 2px;
scroll-snap-type: x proximity;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-step {
flex: 0 0 54px !important;
min-width: 54px !important;
min-height: 50px !important;
justify-content: center !important;
padding: 5px !important;
scroll-snap-align: start;
}
html[data-hbv-unified-ui="ready"] .hf21-journey-step span {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .hf21-mode-switch {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .hf21-page-context {
display: flex !important;
flex-wrap: wrap;
gap: 6px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-page-context > div:first-child {
flex: 1 0 100%;
}
html[data-hbv-unified-ui="ready"] .hf21-page-context > div:not(:first-child) {
flex: 1 1 92px;
min-height: 44px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-page-context > div:not(:first-child) b {
font-size: 10px !important;
}
html[data-hbv-unified-ui="ready"] .hf21-s5-ops-context {
display: block !important;
}
html[data-hbv-unified-ui="ready"] .hf21-s5-ops-context > div {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .hf21-s5-ops-context > div:first-child {
display: grid !important;
min-height: 54px !important;
}
html[data-hbv-unified-ui="ready"] #page-dashboard > .admin-command-strip {
grid-template-columns: 1fr !important;
}
html[data-hbv-unified-ui="ready"] #page-dashboard .admin-command-card {
min-height: 62px !important;
}
html[data-hbv-unified-ui="ready"] .page-head h2 {
font-size: 23px !important;
}
html[data-hbv-unified-ui="ready"] .page-actions > * {
flex: 1 1 auto;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux .hbv-unified-page-toolbar {
min-height: 54px !important;
padding: 7px 13px !important;
}
/* On data-governance mobile views, operational state precedes exposition. */
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux.hv-page-data-trust .hero {
gap: 13px !important;
padding: 16px !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux.hv-page-data-trust .hero .status {
order: -1;
padding: 15px !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux.hv-page-data-trust .hero .status b {
margin: 6px 0 !important;
font-size: 20px !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux.hv-page-data-trust .hero h2 {
font-size: 21px !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux.hv-page-data-trust .hero p {
font-size: 13px !important;
line-height: 1.65 !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux .hbv-unified-page-toolbar .mark,
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux .hbv-unified-page-toolbar p {
display: none !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux .hbv-unified-page-toolbar h1 {
font-size: 15px !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux > .hf21-admin-context {
display: flex !important;
flex-wrap: wrap;
margin: 8px 10px 10px !important;
gap: 6px !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux > .hf21-admin-context > div:first-child {
flex: 1 0 100%;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux > .hf21-admin-context > div:not(:first-child) {
flex: 1 1 90px;
min-height: 42px !important;
}
html[data-hbv-unified-ui="ready"] body.hbv-unified-aux > .hf21-admin-context small {
display: none !important;
}
html[data-hbv-unified-ui="ready"] #hv-app-topbar .hv-shell-home {
width: 37px !important;
padding: 0 !important;
overflow: hidden;
font-size: 0 !important;
}
html[data-hbv-unified-ui="ready"] #hv-app-topbar .hv-shell-home::before {
content: "返";
font-size: 12px;
}
}
@media (max-width: 420px) {
html[data-hbv-unified-ui="ready"] .admin-topbar {
gap: 8px !important;
}
html[data-hbv-unified-ui="ready"] .admin-topbar .admin-avatar {
display: none !important;
}
html[data-hbv-unified-ui="ready"] .admin-topbar .r3-top-more > summary {
min-width: 48px !important;
}
html[data-hbv-unified-ui="ready"] .workspace-bar {
grid-template-columns: 1fr !important;
}
html[data-hbv-unified-ui="ready"] .hbv-related-pages > summary {
min-width: 58px;
padding-inline: 7px;
}
}
@media (prefers-reduced-motion: reduce) {
html[data-hbv-unified-ui="ready"] *,
html[data-hbv-unified-ui="ready"] *::before,
html[data-hbv-unified-ui="ready"] *::after {
scroll-behavior: auto !important;
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
transition-duration: .001ms !important;
}
}
@media (forced-colors: active) {
html[data-hbv-unified-ui="ready"] :where(
.admin-topbar, .hf21-s5-ops-context, .page-head, .ops-status-card,
.workspace-bar, .hf21-journey-rail, .hf21-admin-context,
.hbv-unified-page-toolbar, .hbv-related-pages-menu
) {
border: 1px solid CanvasText !important;
}
}
@media print {
html[data-hbv-unified-ui="ready"] :where(
.admin-sidebar, .admin-topbar, .hf21-family-header, .preview-mode-banner,
.workspace-bar, .hf21-journey-rail, #hv-app-sidebar, #hv-app-topbar,
.hbv-unified-page-toolbar, .hf21-admin-context, .mobile-bottom-nav
) {
display: none !important;
}
html[data-hbv-unified-ui="ready"] :where(.admin-main, .main) {
width: 100% !important;
margin: 0 !important;
}
}
/* 2027 planning / 2026 official admission-result explorer */
.cutoff-hero {
align-items: center;
background:
radial-gradient(circle at 88% 12%, rgba(23, 92, 211, .14), transparent 34%),
linear-gradient(135deg, #f7faff 0%, #fff 58%, #f5f9ff 100%);
border: 1px solid rgba(24, 74, 145, .13);
border-radius: 22px;
box-shadow: 0 16px 46px rgba(24, 55, 103, .08);
padding: 30px 32px;
}
.cutoff-hero p {
max-width: 780px;
}
.cutoff-reference-badge {
align-items: center;
background: #0f315f;
border: 1px solid rgba(255, 255, 255, .22);
border-radius: 999px;
box-shadow: 0 9px 24px rgba(15, 49, 95, .18);
color: #fff;
display: inline-flex;
font-size: 12px;
font-weight: 760;
min-height: 38px;
padding: 0 16px;
white-space: nowrap;
}
.cutoff-summary-grid {
display: grid;
gap: 14px;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: 18px 0;
}
.cutoff-summary-grid .panel {
display: grid;
gap: 6px;
min-height: 128px;
padding: 22px;
}
.cutoff-summary-grid .panel > span {
color: var(--v4-text-2, #667085);
font-size: 12px;
font-weight: 700;
}
.cutoff-summary-grid .panel > b {
color: #102f59;
font-size: clamp(25px, 2.2vw, 34px);
letter-spacing: -.035em;
line-height: 1;
}
.cutoff-summary-grid .panel > small {
color: var(--v4-text-2, #667085);
line-height: 1.5;
}
.cutoff-filter-panel,
.cutoff-supplement-panel,
.cutoff-results-panel {
margin-top: 16px;
}
.cutoff-source-boundary {
border-left-color: #8a5d16;
background: #fff9ec;
}
.cutoff-supplement-grid {
display: grid;
gap: 10px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 16px;
}
.cutoff-supplement-grid article {
background: linear-gradient(180deg, #fbfdff, #f6f9fd);
border: 1px solid #dfe7f1;
border-radius: 12px;
display: grid;
gap: 6px;
min-width: 0;
padding: 14px 16px;
}
.cutoff-supplement-grid article > span {
color: #2f6bb8;
font-size: 10px;
font-weight: 760;
letter-spacing: .04em;
}
.cutoff-supplement-grid article > b {
color: #18375f;
font-size: 13px;
line-height: 1.45;
}
.cutoff-supplement-grid article > small {
color: #708097;
line-height: 1.5;
}
.cutoff-filter-grid {
align-items: end;
display: grid;
gap: 14px;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 18px;
}
.cutoff-filter-grid label {
display: grid;
gap: 7px;
}
.cutoff-filter-grid label > span {
color: #344563;
font-size: 12px;
font-weight: 720;
}
.cutoff-filter-grid :where(input, select) {
background: #fff;
border: 1px solid #d7dfeb;
border-radius: 10px;
color: #172b4d;
min-height: 42px;
padding: 0 12px;
width: 100%;
}
.cutoff-filter-grid :where(input, select):focus {
border-color: #2f6fd0;
box-shadow: 0 0 0 3px rgba(47, 111, 208, .12);
outline: 0;
}
.cutoff-keyword {
grid-column: span 2;
}
.cutoff-submit {
background: #2563d4;
border: 1px solid #2563d4;
border-radius: 10px;
color: #fff;
font-weight: 760;
min-height: 42px;
}
.cutoff-submit:hover {
background: #1d52b4;
border-color: #1d52b4;
}
.cutoff-filter-panel .panel-head > button {
flex: 0 0 auto;
white-space: nowrap;
}
.cutoff-boundary {
align-items: flex-start;
background: #f4f7fb;
border-left: 3px solid #356fc2;
border-radius: 0 10px 10px 0;
color: #526079;
display: flex;
font-size: 12px;
gap: 12px;
line-height: 1.6;
margin-top: 18px;
padding: 12px 14px;
}
.cutoff-boundary b {
color: #17375f;
flex: 0 0 auto;
}
.cutoff-result-list {
display: grid;
gap: 12px;
margin-top: 16px;
transition: opacity .16s ease;
}
.cutoff-result-list.is-loading {
opacity: .48;
pointer-events: none;
}
.cutoff-result-card {
align-items: center;
background: linear-gradient(180deg, #fff, #fbfcfe);
border: 1px solid #e0e6ef;
border-radius: 14px;
display: grid;
gap: 16px 22px;
grid-template-columns: minmax(0, 1fr) minmax(180px, 240px);
padding: 18px 20px 14px;
}
.cutoff-result-card:hover {
border-color: #b9c9df;
box-shadow: 0 10px 26px rgba(30, 57, 93, .07);
}
.cutoff-result-heading {
align-items: center;
color: #607089;
display: flex;
flex-wrap: wrap;
font-size: 11px;
gap: 8px;
margin-bottom: 8px;
}
.cutoff-type {
border-radius: 999px;
font-weight: 760;
padding: 4px 8px;
}
.cutoff-type.ordinary {
background: #eaf2ff;
color: #245ea8;
}
.cutoff-type.composite {
background: #f2ecff;
color: #6b43a5;
}
.cutoff-type.vocational {
background: #e6f7f1;
color: #1f735a;
}
.cutoff-result-main h3,
.cutoff-result-main h4 {
margin: 0;
}
.cutoff-result-main h3 {
color: #122c50;
font-size: 17px;
line-height: 1.45;
}
.cutoff-result-main h4 {
color: #344563;
font-size: 14px;
font-weight: 650;
line-height: 1.45;
margin-top: 3px;
}
.cutoff-result-main > small {
color: #77849a;
display: block;
margin-top: 8px;
}
.cutoff-score-box {
align-items: baseline;
background: #f3f7fc;
border-radius: 12px;
display: grid;
grid-template-columns: auto 1fr;
padding: 14px 16px;
}
.cutoff-score-box > span {
color: #64748b;
font-size: 11px;
}
.cutoff-score-box > b {
color: #0f315f;
font-size: 24px;
justify-self: end;
}
.cutoff-score-box > small {
color: #53637a;
grid-column: 1 / -1;
line-height: 1.45;
margin-top: 5px;
}
.cutoff-score-box .cutoff-no-source {
color: #a14c26;
font-size: 15px;
grid-column: 1 / -1;
justify-self: start;
}
.cutoff-source-line {
border-top: 1px dashed #dce3ed;
color: #7a879a;
display: flex;
flex-wrap: wrap;
font-size: 10px;
gap: 6px 14px;
grid-column: 1 / -1;
padding-top: 10px;
}
.cutoff-pager {
align-items: center;
display: flex;
justify-content: center;
gap: 14px;
margin-top: 18px;
}
.cutoff-pager span {
color: #526079;
font-size: 12px;
min-width: 110px;
text-align: center;
}
@media (max-width: 1080px) {
.cutoff-summary-grid,
.cutoff-filter-grid,
.cutoff-supplement-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.cutoff-hero {
align-items: flex-start;
padding: 22px 18px;
}
.cutoff-reference-badge {
margin-top: 8px;
}
.cutoff-summary-grid,
.cutoff-filter-grid,
.cutoff-supplement-grid,
.cutoff-result-card {
grid-template-columns: 1fr;
}
.cutoff-keyword {
grid-column: auto;
}
.cutoff-score-box {
max-width: none;
}
}
/* 2026-07-25 unified five-level position-corridor semantics. */
html[data-hbv-design="yanzhao-pro"] .risk-gradient-guide {
position: relative;
overflow: hidden;
margin: 14px 0 18px;
padding: 0 !important;
border: 1px solid #dbe6f2 !important;
border-radius: 18px !important;
background:
radial-gradient(circle at 2% 0%, rgba(44, 116, 233, .08), transparent 28%),
linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
box-shadow: 0 12px 32px rgba(30, 67, 112, .07) !important;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-guide::before {
content: "";
position: absolute;
inset: 0 0 auto;
height: 3px;
background: linear-gradient(90deg, #e55b4b 0%, #e99a3f 24%, #3478dc 48%, #22a17a 72%, #147f82 100%);
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 18px 20px 14px;
border-bottom: 1px solid #e7eef7;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-head > div {
display: grid;
gap: 3px;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-head span {
color: #2d6fcf;
font-size: 9px;
font-weight: 800;
letter-spacing: .16em;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-head b {
color: #17324f;
font-size: 16px;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-head p {
margin: 0;
color: #5d7188;
font-size: 11px;
line-height: 1.7;
text-align: right;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-head p strong {
color: #183e6d;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article {
position: relative;
display: grid;
align-content: start;
min-height: 106px;
padding: 16px 16px 14px 18px;
border-right: 1px solid #e7eef7;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article:last-child {
border-right: 0;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article::after {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 3px;
opacity: .9;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article.reach::after { background: #e55b4b; }
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article.match::after { background: #e99a3f; }
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article.stable::after { background: #3478dc; }
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article.safe::after { background: #22a17a; }
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article.bottom::after { background: #147f82; }
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article i {
color: #8a9eb3;
font-size: 9px;
font-style: normal;
font-weight: 800;
letter-spacing: .12em;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article b {
margin-top: 5px;
color: #183551;
font-size: 13px;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article span {
margin-top: 7px;
color: #64788e;
font-size: 10px;
line-height: 1.55;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-foot {
display: grid;
grid-template-columns: auto minmax(80px, 220px) auto 1fr;
align-items: center;
gap: 9px;
padding: 10px 20px 12px;
border-top: 1px solid #e7eef7;
color: #6b7e92;
font-size: 9px;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-foot > i {
height: 2px;
border-radius: 999px;
background: linear-gradient(90deg, #e55b4b, #e99a3f, #3478dc, #22a17a, #147f82);
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-foot > b {
justify-self: end;
color: #2a527c;
font-size: 10px;
font-weight: 700;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-guide.compact .risk-gradient-scale article {
min-height: 64px;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-guide.compact .risk-gradient-head {
padding-block: 14px 11px;
}
html[data-hbv-design="yanzhao-pro"] .risk-track .bottom {
background: #147f82;
}
html[data-hbv-design="yanzhao-pro"] .risk.bottom {
background: #e7f5f5;
color: #0e6669;
}
html[data-hbv-design="yanzhao-pro"] .risk-row {
grid-template-columns: 76px 1fr 30px;
}
html[data-hbv-design="yanzhao-pro"] .candidate-summary-bar {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 980px) {
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article {
border-bottom: 1px solid #e7eef7;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article:nth-child(2n) {
border-right: 0;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article:last-child {
grid-column: 1 / -1;
border-bottom: 0;
}
html[data-hbv-design="yanzhao-pro"] .candidate-summary-bar {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
html[data-hbv-design="yanzhao-pro"] .risk-gradient-head {
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-head p {
text-align: left;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale {
grid-template-columns: 1fr;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article,
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article:nth-child(2n),
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article:last-child {
grid-column: auto;
min-height: 0;
border-right: 0;
border-bottom: 1px solid #e7eef7;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-scale article:last-child {
border-bottom: 0;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-foot {
grid-template-columns: auto 1fr auto;
}
html[data-hbv-design="yanzhao-pro"] .risk-gradient-foot > b {
grid-column: 1 / -1;
justify-self: start;
}
html[data-hbv-design="yanzhao-pro"] .candidate-summary-bar {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/* ========================================================================== */
/* 燕赵蓝 · 决策中枢设计系统 2026.07.25.9                                  */
/*                                                                            */
/* 统一管理端、会员端与治理页的视觉语言。旧样式只提供业务组件结构，本段是唯一 */
/* 的品牌、层级、间距、表面与交互状态所有权层。                              */
/* ========================================================================== */
html[data-hbv-design="yanzhao-pro"] {
--yz-font: Inter, "SF Pro Text", "PingFang SC", "Microsoft YaHei UI",
"Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
--yz-canvas: #f3f6fa;
--yz-canvas-deep: #edf2f8;
--yz-surface: #ffffff;
--yz-surface-soft: #f8fafc;
--yz-surface-blue: #f2f6ff;
--yz-ink: #102a43;
--yz-ink-strong: #071d35;
--yz-muted: #62748a;
--yz-subtle: #8a9aaf;
--yz-line: #dbe4ef;
--yz-line-strong: #c8d5e4;
--yz-brand: #1f64e8;
--yz-brand-hover: #1554cc;
--yz-brand-deep: #0a3d91;
--yz-brand-soft: #eaf1ff;
--yz-navy: #081e38;
--yz-navy-2: #0b2c50;
--yz-cyan: #12a8c4;
--yz-success: #138a63;
--yz-success-soft: #e9f8f2;
--yz-warning: #b66c08;
--yz-warning-soft: #fff5e5;
--yz-danger: #c6423a;
--yz-danger-soft: #fff0ee;
--yz-radius-sm: 9px;
--yz-radius: 14px;
--yz-radius-lg: 18px;
--yz-shadow-xs: 0 1px 2px rgba(15, 39, 68, .035);
--yz-shadow-sm: 0 7px 20px rgba(15, 39, 68, .055);
--yz-shadow-md: 0 16px 40px rgba(15, 39, 68, .08);
--yz-content: 1600px;
color: var(--yz-ink);
font-family: var(--yz-font);
font-size: 14px;
font-synthesis: none;
}
html[data-hbv-design="yanzhao-pro"],
html[data-hbv-design="yanzhao-pro"] body {
background:
radial-gradient(circle at 82% -8%, rgba(31, 100, 232, .055), transparent 34rem),
linear-gradient(180deg, #f7f9fc 0, var(--yz-canvas) 22rem, var(--yz-canvas) 100%);
color: var(--yz-ink);
}
html[data-hbv-design="yanzhao-pro"] body {
letter-spacing: 0;
}
html[data-hbv-design="yanzhao-pro"] :where(h1, h2, h3, h4, h5, h6, strong, b) {
color: var(--yz-ink-strong);
font-family: var(--yz-font);
font-variation-settings: "wght" 680;
}
html[data-hbv-design="yanzhao-pro"] :where(h1, h2, h3, h4, p) {
margin-top: 0;
}
html[data-hbv-design="yanzhao-pro"] :where(p, small, .cell-sub, .muted) {
color: var(--yz-muted);
}
html[data-hbv-design="yanzhao-pro"] :where(p, .notice, .notice-box, .danger-box) {
line-height: 1.7;
}
html[data-hbv-design="yanzhao-pro"] :where(
.eyebrow, .page-kicker, .ops-kicker, .section-no, .school-eyebrow
) {
color: var(--yz-brand) !important;
font-family: var(--yz-font) !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .09em !important;
line-height: 1.4 !important;
text-transform: uppercase;
}
html[data-hbv-design="yanzhao-pro"] :where(
button, .btn, a.button, .primary, .secondary, .ghost, .school-btn
) {
min-height: 40px;
border-radius: 10px !important;
font-family: var(--yz-font) !important;
font-size: 13px;
font-weight: 700;
line-height: 1.15;
transition:
background-color .16s ease,
border-color .16s ease,
box-shadow .16s ease,
color .16s ease,
transform .16s ease;
}
html[data-hbv-design="yanzhao-pro"] :where(
.primary, .btn-primary, button.primary, a.primary
) {
border: 1px solid var(--yz-brand) !important;
background: linear-gradient(135deg, #2e73f2 0%, var(--yz-brand) 100%) !important;
color: #fff !important;
box-shadow: 0 6px 14px rgba(31, 100, 232, .18) !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
.primary, .btn-primary, button.primary, a.primary
):hover:not(:disabled) {
border-color: var(--yz-brand-hover) !important;
background: var(--yz-brand-hover) !important;
box-shadow: 0 8px 18px rgba(31, 100, 232, .24) !important;
transform: translateY(-1px);
}
html[data-hbv-design="yanzhao-pro"] :where(
.secondary, .btn-secondary, button.secondary, a.secondary
) {
border: 1px solid #b9ccef !important;
background: #fff !important;
color: var(--yz-brand-deep) !important;
box-shadow: var(--yz-shadow-xs) !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
.secondary, .btn-secondary, button.secondary, a.secondary
):hover:not(:disabled) {
border-color: #8bace8 !important;
background: var(--yz-brand-soft) !important;
}
html[data-hbv-design="yanzhao-pro"] :where(.ghost, .btn-ghost, button.ghost, a.ghost) {
border: 1px solid transparent !important;
background: transparent !important;
color: #405b78 !important;
box-shadow: none !important;
}
html[data-hbv-design="yanzhao-pro"] :where(.ghost, .btn-ghost):hover:not(:disabled) {
border-color: var(--yz-line) !important;
background: #f1f5f9 !important;
color: var(--yz-ink-strong) !important;
}
html[data-hbv-design="yanzhao-pro"] :where(.danger, .btn-danger, .danger-soft) {
border-color: #efb7b2 !important;
background: var(--yz-danger-soft) !important;
color: #a92d2a !important;
box-shadow: none !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea,
.multi-select-trigger
) {
min-height: 42px;
border: 1px solid var(--yz-line-strong) !important;
border-radius: 10px !important;
background: #fff !important;
color: var(--yz-ink) !important;
font-family: var(--yz-font) !important;
font-size: 13px !important;
box-shadow: inset 0 1px 1px rgba(15, 39, 68, .025) !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea,
.multi-select-trigger
):focus {
border-color: #7ea5ec !important;
box-shadow: 0 0 0 4px rgba(31, 100, 232, .12) !important;
outline: none !important;
}
html[data-hbv-design="yanzhao-pro"] ::placeholder {
color: #99a7b8;
}
html[data-hbv-design="yanzhao-pro"] :where(
.panel, .card, .metric-card, .stat-card, .report-card, .login-card,
.auth-panel, .settings-card, .gov-panel, .ops-status-card, .kpi,
.form-section, .candidate-summary-item, .security-item
) {
border: 1px solid var(--yz-line) !important;
border-radius: var(--yz-radius) !important;
background: var(--yz-surface) !important;
box-shadow: var(--yz-shadow-sm) !important;
}
html[data-hbv-design="yanzhao-pro"] :where(.panel-head, .settings-card-head) {
min-height: 58px;
padding: 16px 18px !important;
border-bottom: 1px solid #e7edf5 !important;
background: linear-gradient(180deg, #fff, #fbfcfe) !important;
border-radius: var(--yz-radius) var(--yz-radius) 0 0 !important;
}
html[data-hbv-design="yanzhao-pro"] .panel-head :where(h2, h3, h4) {
margin-bottom: 3px !important;
font-size: 16px !important;
line-height: 1.35 !important;
}
html[data-hbv-design="yanzhao-pro"] .panel-head p {
margin: 0 !important;
font-size: 12px !important;
}
html[data-hbv-design="yanzhao-pro"] :where(.panel-body, .settings-form) {
padding: 18px !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
.notice, .notice-box, .public-boundary, .annual-data-boundary
) {
border: 1px solid #cbdcf8 !important;
border-left: 3px solid var(--yz-brand) !important;
border-radius: 11px !important;
background: #f5f8ff !important;
color: #355271 !important;
}
html[data-hbv-design="yanzhao-pro"] :where(.danger-box, .dangerous-policy) {
border: 1px solid #f0c4bf !important;
border-left: 3px solid var(--yz-danger) !important;
border-radius: 11px !important;
background: var(--yz-danger-soft) !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
.status-badge, .tag, .grade, .admin-chip, .top-status-chip
) {
border-radius: 999px !important;
font-family: var(--yz-font) !important;
font-size: 11px !important;
font-weight: 750 !important;
letter-spacing: 0 !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
.status-approved, .health-ok, .green, .safe
) {
border-color: #a9ddcd !important;
background: var(--yz-success-soft) !important;
color: #087354 !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
.status-pending, .amber, .risk, .reach
) {
border-color: #f0d19e !important;
background: var(--yz-warning-soft) !important;
color: #965809 !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
.status-rejected, .status-suspended, .negative
) {
border-color: #efc0bb !important;
background: var(--yz-danger-soft) !important;
color: #a72f2b !important;
}
/* 数据表与列表只使用一套表面、行高和交互状态。 */
html[data-hbv-design="yanzhao-pro"] :where(
.table-wrap, .table-shell, .hf21-table-shell, .s20-table-scroll,
.data-table-wrap
) {
border: 1px solid var(--yz-line) !important;
border-radius: var(--yz-radius) !important;
background: #fff !important;
box-shadow: var(--yz-shadow-xs) !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
table, .table, .data-table, .gov-table
) {
width: 100%;
border-collapse: separate !important;
border-spacing: 0 !important;
color: var(--yz-ink);
font-family: var(--yz-font);
}
html[data-hbv-design="yanzhao-pro"] :where(
table, .table, .data-table, .gov-table
) thead th {
height: 44px;
padding: 10px 14px !important;
border-bottom: 1px solid var(--yz-line-strong) !important;
background: #f5f8fc !important;
color: #526780 !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .03em;
}
html[data-hbv-design="yanzhao-pro"] :where(
table, .table, .data-table, .gov-table
) tbody td {
min-height: 50px;
padding: 12px 14px !important;
border-bottom: 1px solid #ebf0f6 !important;
background: #fff;
font-size: 13px;
vertical-align: middle;
}
html[data-hbv-design="yanzhao-pro"] :where(
table, .table, .data-table, .gov-table
) tbody tr:hover td {
background: #f7faff !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
table, .table, .data-table, .gov-table
) tbody tr:last-child td {
border-bottom: 0 !important;
}
html[data-hbv-design="yanzhao-pro"] .empty-state {
min-height: 170px;
border: 1px dashed #c7d5e6 !important;
border-radius: var(--yz-radius) !important;
background: linear-gradient(145deg, #fbfcfe, #f5f8fc) !important;
color: var(--yz-muted) !important;
box-shadow: none !important;
}
/* 管理端：一套深海蓝导航 + 一套白色工作区。 */
html[data-hbv-design="yanzhao-pro"] :where(.admin-sidebar, #admin-sidebar) {
width: 264px !important;
border-right: 1px solid rgba(255, 255, 255, .065) !important;
background:
radial-gradient(circle at 35% -8%, rgba(43, 121, 255, .28), transparent 18rem),
linear-gradient(180deg, var(--yz-navy-2) 0%, var(--yz-navy) 58%, #06172c 100%) !important;
box-shadow: 10px 0 28px rgba(7, 29, 53, .08) !important;
}
html[data-hbv-design="yanzhao-pro"] :where(.admin-main, .admin-content) {
margin-left: 264px !important;
width: calc(100% - 264px) !important;
background: transparent !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-sidebar :where(
.admin-brand, .brand, .sidebar-brand
) {
min-height: 72px !important;
border-bottom-color: rgba(255, 255, 255, .08) !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-sidebar :where(
.admin-brand strong, .brand strong, .sidebar-brand strong
) {
color: #fff !important;
font-size: 15px !important;
letter-spacing: .01em;
}
html[data-hbv-design="yanzhao-pro"] .admin-sidebar :where(
.admin-brand small, .brand small, .sidebar-brand small,
.admin-nav-group > span, .nav-section-title
) {
color: rgba(220, 233, 250, .56) !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-sidebar .admin-nav {
padding-inline: 12px !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-sidebar .admin-nav button {
min-height: 42px !important;
margin: 2px 0 !important;
padding: 0 12px !important;
border: 1px solid transparent !important;
border-radius: 10px !important;
background: transparent !important;
color: rgba(236, 244, 255, .78) !important;
box-shadow: none !important;
font-size: 13px !important;
font-weight: 600 !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-sidebar .admin-nav button:hover {
border-color: rgba(143, 184, 243, .13) !important;
background: rgba(255, 255, 255, .065) !important;
color: #fff !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-sidebar .admin-nav button.active {
border-color: rgba(139, 187, 255, .32) !important;
background: linear-gradient(100deg, rgba(35, 109, 230, .92), rgba(25, 91, 196, .72)) !important;
color: #fff !important;
box-shadow: 0 8px 18px rgba(0, 32, 82, .24) !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-sidebar .nav-icon {
opacity: .88;
filter: brightness(0) invert(1);
}
html[data-hbv-design="yanzhao-pro"] .admin-topbar {
left: 0 !important;
min-height: 72px !important;
height: 72px !important;
padding: 0 22px !important;
border-bottom: 1px solid var(--yz-line) !important;
background: rgba(255, 255, 255, .94) !important;
box-shadow: 0 4px 18px rgba(15, 39, 68, .045) !important;
backdrop-filter: blur(18px) saturate(150%);
}
html[data-hbv-design="yanzhao-pro"] .admin-topbar h1 {
color: var(--yz-ink-strong) !important;
font-size: 18px !important;
font-weight: 760 !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-topbar-left > div {
color: var(--yz-muted) !important;
font-size: 11px !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-topbar-right {
gap: 8px !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-topbar :where(
.hf21-s5-command-trigger, #admin-account-security, .r3-top-more > summary,
.admin-chip, .s20-runtime-strip
) {
min-height: 38px !important;
border-color: var(--yz-line) !important;
border-radius: 10px !important;
background: #fff !important;
color: #36516f !important;
box-shadow: var(--yz-shadow-xs) !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-topbar .s20-runtime-strip {
background: var(--yz-success-soft) !important;
color: #0b7254 !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-topbar .admin-avatar {
background: linear-gradient(135deg, var(--yz-brand), #0c9fc0) !important;
box-shadow: 0 7px 16px rgba(31, 100, 232, .22) !important;
}
html[data-hbv-design="yanzhao-pro"] .hf21-s5-ops-context {
max-width: var(--yz-content) !important;
min-height: 74px !important;
margin: 18px auto 0 !important;
padding: 12px 16px !important;
gap: 8px !important;
border: 1px solid var(--yz-line) !important;
border-radius: var(--yz-radius) !important;
background: rgba(255, 255, 255, .92) !important;
box-shadow: var(--yz-shadow-sm) !important;
}
html[data-hbv-design="yanzhao-pro"] .hf21-s5-ops-context > div {
min-height: 48px !important;
padding: 6px 14px !important;
border-left: 1px solid #e7edf5 !important;
}
html[data-hbv-design="yanzhao-pro"] .hf21-s5-ops-context > div:first-child {
border-left: 0 !important;
}
html[data-hbv-design="yanzhao-pro"] .hf21-s5-ops-context :where(span, small) {
color: var(--yz-muted) !important;
font-size: 10px !important;
}
html[data-hbv-design="yanzhao-pro"] .hf21-s5-ops-context b {
color: var(--yz-ink-strong) !important;
font-size: 13px !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-page.page-head {
max-width: var(--yz-content) !important;
margin: 0 auto !important;
padding: 28px 4px 20px !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-page.page-head h2 {
margin: 5px 0 6px !important;
font-size: 30px !important;
font-weight: 780 !important;
letter-spacing: -.025em;
}
html[data-hbv-design="yanzhao-pro"] .admin-page.page-head p {
color: var(--yz-muted) !important;
font-size: 13px !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-page:not(.page-head) {
max-width: var(--yz-content) !important;
margin-inline: auto !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-command-card {
min-height: 88px !important;
border: 1px solid var(--yz-line) !important;
border-radius: 13px !important;
background: #fff !important;
box-shadow: var(--yz-shadow-xs) !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-command-card:hover {
border-color: #a9c1ed !important;
background: #f8faff !important;
box-shadow: var(--yz-shadow-sm) !important;
transform: translateY(-2px);
}
html[data-hbv-design="yanzhao-pro"] .admin-command-card .nav-icon {
border-radius: 11px !important;
background: var(--yz-brand-soft) !important;
color: var(--yz-brand) !important;
}
html[data-hbv-design="yanzhao-pro"] .ops-status-card {
border-left: 4px solid var(--yz-success) !important;
background: linear-gradient(100deg, #f4fcf8, #fff) !important;
}
html[data-hbv-design="yanzhao-pro"] .ops-status-card.blocked {
border-left-color: var(--yz-danger) !important;
background: linear-gradient(100deg, #fff3f1, #fff) !important;
}
html[data-hbv-design="yanzhao-pro"] .ops-status-card.warning {
border-left-color: var(--yz-warning) !important;
background: linear-gradient(100deg, #fff8ec, #fff) !important;
}
html[data-hbv-design="yanzhao-pro"] .metric-grid {
gap: 12px !important;
}
html[data-hbv-design="yanzhao-pro"] .metric-card {
min-height: 118px !important;
padding: 17px !important;
overflow: hidden;
}
html[data-hbv-design="yanzhao-pro"] .metric-card::after {
opacity: .28 !important;
}
html[data-hbv-design="yanzhao-pro"] .metric-value {
color: var(--yz-ink-strong) !important;
font-size: 28px !important;
letter-spacing: -.025em;
}
/* 会员端：沿用同一品牌与组件，仅把决策上下文放在更靠前位置。 */
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-member {
background:
radial-gradient(circle at 70% -6%, rgba(31, 100, 232, .08), transparent 27rem),
var(--yz-canvas) !important;
}
html[data-hbv-design="yanzhao-pro"] .hf21-family-header,
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-member .topbar {
border-bottom: 1px solid var(--yz-line) !important;
background: rgba(255, 255, 255, .95) !important;
box-shadow: 0 5px 18px rgba(15, 39, 68, .045) !important;
backdrop-filter: blur(18px) saturate(150%);
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-member .topbar-heading h1 {
color: var(--yz-ink-strong) !important;
font-size: 20px !important;
font-weight: 760 !important;
}
html[data-hbv-design="yanzhao-pro"] .preview-mode-banner {
border: 0 !important;
background: linear-gradient(100deg, #0a3f92, #136ad9) !important;
color: #fff !important;
box-shadow: 0 8px 18px rgba(10, 63, 146, .18) !important;
}
html[data-hbv-design="yanzhao-pro"] .preview-mode-banner :where(b, span) {
color: #fff !important;
}
html[data-hbv-design="yanzhao-pro"] .preview-mode-banner span {
opacity: .82;
}
html[data-hbv-design="yanzhao-pro"] .preview-mode-banner button {
border-color: rgba(255, 255, 255, .42) !important;
background: rgba(255, 255, 255, .14) !important;
color: #fff !important;
}
html[data-hbv-design="yanzhao-pro"] .workspace-bar {
max-width: 1480px !important;
border: 1px solid var(--yz-line) !important;
border-radius: var(--yz-radius) !important;
background: rgba(255, 255, 255, .94) !important;
box-shadow: var(--yz-shadow-sm) !important;
}
html[data-hbv-design="yanzhao-pro"] .hf21-journey-rail {
max-width: 1480px !important;
border: 1px solid var(--yz-line) !important;
border-radius: var(--yz-radius) !important;
background: #fff !important;
box-shadow: var(--yz-shadow-sm) !important;
}
html[data-hbv-design="yanzhao-pro"] .hf21-journey-step {
border: 1px solid #e1e8f2 !important;
border-radius: 11px !important;
background: #f8fafc !important;
}
html[data-hbv-design="yanzhao-pro"] .hf21-journey-step.current {
border-color: #8db0ee !important;
background: var(--yz-brand-soft) !important;
color: var(--yz-brand-deep) !important;
box-shadow: inset 0 -3px 0 var(--yz-brand) !important;
}
html[data-hbv-design="yanzhao-pro"] .dashboard-hero {
min-height: 238px !important;
border: 1px solid #cbdcf8 !important;
border-radius: var(--yz-radius-lg) !important;
background:
radial-gradient(circle at 92% 0, rgba(20, 159, 192, .16), transparent 20rem),
linear-gradient(135deg, #f8fbff 0%, #eef4ff 58%, #f6fbff 100%) !important;
box-shadow: var(--yz-shadow-md) !important;
}
html[data-hbv-design="yanzhao-pro"] .dashboard-hero h2 {
max-width: 720px;
color: #0c376b !important;
font-size: clamp(27px, 2.3vw, 38px) !important;
font-weight: 790 !important;
letter-spacing: -.03em;
}
html[data-hbv-design="yanzhao-pro"] .dashboard-hero-kpi {
border: 1px solid rgba(180, 202, 235, .78) !important;
border-radius: 13px !important;
background: rgba(255, 255, 255, .78) !important;
box-shadow: var(--yz-shadow-xs) !important;
}
html[data-hbv-design="yanzhao-pro"] .mobile-bottom-nav {
border-top: 1px solid var(--yz-line) !important;
background: rgba(255, 255, 255, .96) !important;
box-shadow: 0 -10px 26px rgba(15, 39, 68, .07) !important;
backdrop-filter: blur(18px);
}
html[data-hbv-design="yanzhao-pro"] .mobile-bottom-nav button {
color: #66788e !important;
}
html[data-hbv-design="yanzhao-pro"] .mobile-bottom-nav button.active {
background: var(--yz-brand-soft) !important;
color: var(--yz-brand) !important;
}
/* 治理/数据页：同一平台工具栏、同一上下文、同一内容画布。 */
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hbv-unified-page-toolbar {
min-height: 68px !important;
border-bottom: 1px solid var(--yz-line) !important;
background: rgba(255, 255, 255, .95) !important;
box-shadow: 0 5px 18px rgba(15, 39, 68, .045) !important;
backdrop-filter: blur(18px) saturate(150%);
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hbv-unified-page-toolbar .mark {
border-radius: 12px !important;
background: linear-gradient(135deg, var(--yz-brand), #0ba2bf) !important;
box-shadow: 0 7px 16px rgba(31, 100, 232, .19) !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hbv-unified-page-toolbar h1 {
color: var(--yz-ink-strong) !important;
font-size: 17px !important;
font-weight: 760 !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hbv-unified-page-toolbar p {
color: var(--yz-muted) !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hbv-unified-page-toolbar nav > button {
border-color: var(--yz-line) !important;
background: #fff !important;
color: #3b5674 !important;
box-shadow: var(--yz-shadow-xs) !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux > .hf21-admin-context {
max-width: var(--yz-content) !important;
margin: 16px auto 14px !important;
border: 1px solid var(--yz-line) !important;
border-radius: var(--yz-radius) !important;
background: #fff !important;
box-shadow: var(--yz-shadow-sm) !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux > .hf21-admin-context > div {
border-left-color: #e7edf5 !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux > :where(.main, main.main) {
max-width: var(--yz-content) !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hero {
border: 1px solid #cbdcf8 !important;
border-radius: var(--yz-radius-lg) !important;
background:
radial-gradient(circle at 88% 0, rgba(18, 168, 196, .13), transparent 22rem),
linear-gradient(135deg, #f8fbff, #edf4ff) !important;
box-shadow: var(--yz-shadow-md) !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hero h2 {
color: #0b376c !important;
font-weight: 790 !important;
letter-spacing: -.025em;
}
html[data-hbv-design="yanzhao-pro"] :where(.modal, [role="dialog"]) {
font-family: var(--yz-font) !important;
}
html[data-hbv-design="yanzhao-pro"] :where(.modal-card, [role="dialog"] > .modal-card) {
border: 1px solid var(--yz-line) !important;
border-radius: var(--yz-radius-lg) !important;
background: #fff !important;
box-shadow: 0 24px 70px rgba(7, 29, 53, .2) !important;
}
html[data-hbv-design="yanzhao-pro"] .toast {
border: 1px solid var(--yz-line) !important;
border-radius: 11px !important;
background: #102b49 !important;
color: #fff !important;
box-shadow: var(--yz-shadow-md) !important;
}
html[data-hbv-design="yanzhao-pro"] img.hbv-image-fallback {
display: none !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-brand.hbv-brand-fallback::before {
content: "冀";
display: grid;
flex: 0 0 40px;
width: 40px;
height: 40px;
place-items: center;
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 12px;
background: linear-gradient(135deg, var(--yz-brand), #0aa6bf);
color: #fff;
box-shadow: 0 8px 18px rgba(0, 30, 75, .24);
font-size: 17px;
font-weight: 850;
}
/* 终验精修：避免切页瞬间整页发灰，并把管理上下文压成一条清晰信息带。 */
html[data-hbv-design="yanzhao-pro"] .admin-page {
opacity: 1 !important;
transform: none !important;
animation: none !important;
}
html[data-hbv-design="yanzhao-pro"] .hf21-s5-ops-context {
grid-template-columns: minmax(240px, 1.25fr) repeat(3, minmax(145px, .8fr)) !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-page > .page-head,
html[data-hbv-design="yanzhao-pro"] .admin-page .page-head {
position: relative !important;
top: auto !important;
max-width: var(--yz-content) !important;
min-height: 0 !important;
margin: 0 auto 14px !important;
padding: 20px 4px 16px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-page > .page-head h2,
html[data-hbv-design="yanzhao-pro"] .admin-page .page-head h2 {
margin: 5px 0 6px !important;
color: var(--yz-ink-strong) !important;
font-size: 30px !important;
font-weight: 780 !important;
letter-spacing: -.025em;
}
html[data-hbv-design="yanzhao-pro"] .admin-page > .page-head p,
html[data-hbv-design="yanzhao-pro"] .admin-page .page-head p {
color: var(--yz-muted) !important;
font-size: 13px !important;
line-height: 1.65 !important;
}
/* 辅助治理页只保留一处页面标题：全局顶栏负责定位，第二层仅承载动作。 */
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hbv-unified-page-toolbar {
min-height: 52px !important;
height: 52px !important;
justify-content: flex-end !important;
padding: 7px 28px !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hbv-unified-page-toolbar > .mark,
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hbv-unified-page-toolbar > .mark + div {
display: none !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hbv-unified-page-toolbar > nav {
width: auto !important;
margin-left: auto !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux > .hf21-admin-context {
min-height: 66px !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
padding-block: 9px !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hero {
min-height: 280px !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hero .status {
color: #fff !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hero .status :where(
b, strong, h3, h4
) {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
text-shadow: none !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hero .status :where(
span, small, p
) {
color: rgba(239, 248, 255, .76) !important;
-webkit-text-fill-color: rgba(239, 248, 255, .76) !important;
}
/* 合并入口在无法自动跳转时也呈现为完整、可信的产品页面。 */
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux > main.container {
display: grid !important;
min-height: 100dvh !important;
place-items: center !important;
padding: 28px !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux > main.container > .card {
width: min(920px, 100%) !important;
margin: 0 auto !important;
padding: 34px !important;
border-top: 4px solid var(--yz-brand) !important;
border-radius: var(--yz-radius-lg) !important;
box-shadow: var(--yz-shadow-md) !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux > main.container > .card > h1 {
margin: 8px 0 12px !important;
color: var(--yz-ink-strong) !important;
font-size: clamp(28px, 3vw, 38px) !important;
letter-spacing: -.03em;
}
@media (max-width: 1380px) {
html[data-hbv-design="yanzhao-pro"] :where(.admin-sidebar, #admin-sidebar) {
width: 248px !important;
}
html[data-hbv-design="yanzhao-pro"] :where(.admin-main, .admin-content) {
margin-left: 248px !important;
width: calc(100% - 248px) !important;
}
}
@media (max-width: 920px) {
html[data-hbv-design="yanzhao-pro"] :where(.admin-main, .admin-content) {
margin-left: 0 !important;
width: 100% !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-topbar {
min-height: 64px !important;
height: 64px !important;
padding: 0 14px !important;
}
html[data-hbv-design="yanzhao-pro"] .hf21-s5-ops-context {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
margin: 12px 12px 0 !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-page.page-head,
html[data-hbv-design="yanzhao-pro"] .admin-page > .page-head,
html[data-hbv-design="yanzhao-pro"] .admin-page .page-head {
padding: 22px 14px 16px !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-page:not(.page-head) {
padding-inline: 12px !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hbv-unified-page-toolbar {
padding-inline: 14px !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hero {
min-height: 0 !important;
}
}
@media (max-width: 680px) {
html[data-hbv-design="yanzhao-pro"] {
font-size: 13px;
}
html[data-hbv-design="yanzhao-pro"] :where(
button, .btn, a.button, .primary, .secondary, .ghost, .school-btn
) {
min-height: 44px;
}
html[data-hbv-design="yanzhao-pro"] .hf21-s5-ops-context {
display: none !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-topbar-right {
display: none !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-topbar-left {
flex: 1 1 100% !important;
width: 100% !important;
max-width: none !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-topbar-left > div,
html[data-hbv-design="yanzhao-pro"] .admin-topbar #top-title {
width: auto !important;
min-width: 0 !important;
}
html[data-hbv-design="yanzhao-pro"] .hf21-s5-ops-context > div:first-child {
padding: 4px 2px !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-page.page-head h2,
html[data-hbv-design="yanzhao-pro"] .admin-page > .page-head h2,
html[data-hbv-design="yanzhao-pro"] .admin-page .page-head h2 {
font-size: 25px !important;
}
html[data-hbv-design="yanzhao-pro"] .admin-command-card {
min-height: 76px !important;
}
html[data-hbv-design="yanzhao-pro"] .metric-card {
min-height: 104px !important;
}
html[data-hbv-design="yanzhao-pro"] .preview-mode-banner {
min-height: 56px !important;
padding: 6px 10px !important;
}
html[data-hbv-design="yanzhao-pro"] .preview-mode-banner button {
min-height: 44px !important;
height: 44px !important;
}
html[data-hbv-design="yanzhao-pro"] .workspace-bar,
html[data-hbv-design="yanzhao-pro"] .hf21-journey-rail {
margin-inline: 10px !important;
border-radius: 13px !important;
}
html[data-hbv-design="yanzhao-pro"] .dashboard-hero {
min-height: 0 !important;
margin-inline: 10px !important;
padding: 22px 18px !important;
border-radius: 16px !important;
}
html[data-hbv-design="yanzhao-pro"] .dashboard-hero h2 {
font-size: 27px !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hbv-unified-page-toolbar {
min-height: 54px !important;
height: 54px !important;
padding-inline: 12px !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux > .hf21-admin-context {
display: none !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux > :where(.main, main.main) {
padding-inline: 10px !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux .hero {
border-radius: 16px !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux > main.container {
min-height: 100dvh !important;
padding: 16px !important;
}
html[data-hbv-design="yanzhao-pro"] body.hbv-unified-aux > main.container > .card {
padding: 24px 18px !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
table, .table, .data-table, .gov-table
) thead th,
html[data-hbv-design="yanzhao-pro"] :where(
table, .table, .data-table, .gov-table
) tbody td {
padding-inline: 12px !important;
}
}
@media (forced-colors: active) {
html[data-hbv-design="yanzhao-pro"] :where(
.panel, .card, .metric-card, .admin-command-card, .dashboard-hero,
.hero, .workspace-bar, .hf21-journey-rail
) {
border: 1px solid CanvasText !important;
box-shadow: none !important;
}
}
@media print {
html[data-hbv-design="yanzhao-pro"],
html[data-hbv-design="yanzhao-pro"] body {
background: #fff !important;
}
html[data-hbv-design="yanzhao-pro"] :where(
.panel, .card, .metric-card, .table-wrap, .hero, .dashboard-hero
) {
border-color: #bbb !important;
box-shadow: none !important;
}
}

/* [19] /assets/jitu-brand-v36.css sha256=511240948e57db7192ef7e4f538c5326b253c19a57bd4980f033750eb747171e */
/*
* 冀途志愿 V36 brand experience layer.
* This is the final source in every deterministic bundle. Runtime still loads
* one compiled stylesheet per page; visual tokens are controlled by the
* published brand configuration instead of page-specific overrides.
*/
html[data-hbv-brand="jitu-v36"] {
--hbv-brand-primary: #2457d6;
--hbv-brand-secondary: #0e9f78;
--hbv-brand-accent: #f2b84b;
--hbv-brand-canvas: #f4f7fc;
--hbv-brand-surface: #ffffff;
--hbv-brand-text: #14213d;
--hbv-radius: 14px;
--hbv-radius-sm: max(8px, calc(var(--hbv-radius) - 5px));
--hbv-radius-lg: calc(var(--hbv-radius) + 8px);
--hbv-border: color-mix(in srgb, var(--hbv-brand-text) 12%, transparent);
--hbv-border-strong: color-mix(in srgb, var(--hbv-brand-text) 20%, transparent);
--hbv-muted: color-mix(in srgb, var(--hbv-brand-text) 62%, white);
--hbv-soft-primary: color-mix(in srgb, var(--hbv-brand-primary) 9%, white);
--hbv-soft-secondary: color-mix(in srgb, var(--hbv-brand-secondary) 10%, white);
--hbv-shadow-sm: 0 2px 10px rgba(20, 33, 61, 0.06);
--hbv-shadow-md: 0 12px 34px rgba(20, 33, 61, 0.09);
--hbv-shadow-lg: 0 28px 70px rgba(20, 33, 61, 0.18);
--hbv-control-height: 42px;
--hbv-section-gap: 20px;
color-scheme: light;
font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;
}
html[data-hbv-brand="jitu-v36"][data-hbv-density="compact"] {
--hbv-control-height: 36px;
--hbv-section-gap: 14px;
}
html[data-hbv-brand="jitu-v36"][data-hbv-density="spacious"] {
--hbv-control-height: 48px;
--hbv-section-gap: 28px;
}
html[data-hbv-brand="jitu-v36"] body {
color: var(--hbv-brand-text);
background: var(--hbv-brand-canvas);
font-family: inherit;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
html[data-hbv-brand="jitu-v36"] ::selection {
color: #fff;
background: var(--hbv-brand-primary);
}
html[data-hbv-brand="jitu-v36"] :where(button, input, select, textarea) {
font: inherit;
}
html[data-hbv-brand="jitu-v36"] :where(button, .btn, a.button) {
border-radius: var(--hbv-radius-sm);
transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}
html[data-hbv-brand="jitu-v36"] :where(button, .btn, a.button):not(:disabled):active {
transform: translateY(1px);
}
html[data-hbv-brand="jitu-v36"] :where(button, .btn, a.button):disabled {
cursor: not-allowed;
filter: saturate(0.35);
opacity: 0.58;
}
html[data-hbv-brand="jitu-v36"] :where(button, .btn, a, input, select, textarea, summary):focus-visible {
outline: 3px solid color-mix(in srgb, var(--hbv-brand-primary) 30%, transparent);
outline-offset: 2px;
}
html[data-hbv-brand="jitu-v36"] :where(.primary, .btn-primary, [data-hbv-action="primary"]) {
color: #fff;
border-color: var(--hbv-brand-primary);
background: linear-gradient(135deg, color-mix(in srgb, var(--hbv-brand-primary) 92%, white), var(--hbv-brand-primary));
box-shadow: 0 8px 20px color-mix(in srgb, var(--hbv-brand-primary) 22%, transparent);
}
html[data-hbv-brand="jitu-v36"] :where(.primary, .btn-primary, [data-hbv-action="primary"]):not(:disabled):hover {
border-color: color-mix(in srgb, var(--hbv-brand-primary) 82%, black);
background: color-mix(in srgb, var(--hbv-brand-primary) 88%, black);
box-shadow: 0 12px 26px color-mix(in srgb, var(--hbv-brand-primary) 30%, transparent);
transform: translateY(-1px);
}
html[data-hbv-brand="jitu-v36"] :where(.secondary, .btn-secondary, [data-hbv-action="secondary"]) {
color: var(--hbv-brand-primary);
border-color: color-mix(in srgb, var(--hbv-brand-primary) 22%, white);
background: var(--hbv-brand-surface);
box-shadow: var(--hbv-shadow-sm);
}
html[data-hbv-brand="jitu-v36"] :where(.secondary, .btn-secondary, [data-hbv-action="secondary"]):not(:disabled):hover {
color: color-mix(in srgb, var(--hbv-brand-primary) 86%, black);
border-color: color-mix(in srgb, var(--hbv-brand-primary) 42%, white);
background: var(--hbv-soft-primary);
}
html[data-hbv-brand="jitu-v36"] :where(.ghost, .btn-ghost, [data-hbv-action="quiet"]) {
color: var(--hbv-muted);
border-color: transparent;
background: transparent;
box-shadow: none;
}
html[data-hbv-brand="jitu-v36"] :where(.ghost, .btn-ghost, [data-hbv-action="quiet"]):not(:disabled):hover {
color: var(--hbv-brand-text);
background: color-mix(in srgb, var(--hbv-brand-text) 6%, transparent);
}
html[data-hbv-brand="jitu-v36"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea) {
min-height: var(--hbv-control-height);
color: var(--hbv-brand-text);
border: 1px solid var(--hbv-border);
border-radius: var(--hbv-radius-sm);
background: var(--hbv-brand-surface);
box-shadow: 0 1px 2px rgba(20, 33, 61, 0.025);
}
html[data-hbv-brand="jitu-v36"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea):hover {
border-color: var(--hbv-border-strong);
}
html[data-hbv-brand="jitu-v36"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea):focus {
border-color: var(--hbv-brand-primary);
box-shadow: 0 0 0 4px color-mix(in srgb, var(--hbv-brand-primary) 10%, transparent);
outline: none;
}
html[data-hbv-brand="jitu-v36"] :where(input, textarea)::placeholder {
color: color-mix(in srgb, var(--hbv-brand-text) 40%, white);
}
html[data-hbv-brand="jitu-v36"] :where(.panel, .card, .metric-card, .settings-card, .status-portal-card, .modal-card) {
border-color: var(--hbv-border);
border-radius: var(--hbv-radius);
background: var(--hbv-brand-surface);
box-shadow: var(--hbv-shadow-sm);
}
html[data-hbv-brand="jitu-v36"] :where(.panel, .card, .metric-card, .settings-card):hover {
border-color: color-mix(in srgb, var(--hbv-brand-primary) 17%, var(--hbv-border));
}
html[data-hbv-brand="jitu-v36"] :where(h1, h2, h3, h4, strong, b) {
letter-spacing: -0.015em;
}
html[data-hbv-brand="jitu-v36"] :where(.eyebrow, .settings-eyebrow) {
color: var(--hbv-brand-primary);
font-size: 11px;
font-weight: 760;
letter-spacing: 0.12em;
}
/* Brand marks */
html[data-hbv-brand="jitu-v36"] :where(.brand-logo-image, .admin-brand-logo, .hf21-s5-aux-logo, .hf21-family-brand img, .hv-shell-brand img) {
width: 42px;
height: 42px;
object-fit: contain;
border-radius: 13px;
filter: drop-shadow(0 7px 12px rgba(36, 87, 214, 0.17));
}
html[data-hbv-brand="jitu-v36"] :where(.brand-mark, .dynamic-brand-mark) {
display: none !important;
}
/* Login and public entry */
html[data-hbv-brand="jitu-v36"] .login-screen {
min-height: 100vh;
background:
radial-gradient(circle at 10% 12%, color-mix(in srgb, var(--hbv-brand-primary) 12%, transparent), transparent 30%),
radial-gradient(circle at 92% 88%, color-mix(in srgb, var(--hbv-brand-secondary) 12%, transparent), transparent 32%),
var(--hbv-brand-canvas);
}
html[data-hbv-brand="jitu-v36"] .login-portal {
width: min(1480px, 100%);
min-height: 100vh;
margin: 0 auto;
padding: clamp(22px, 4vw, 64px);
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
align-items: center;
gap: clamp(24px, 4vw, 64px);
}
/* The legacy portal used a high-specificity porcelain surface. The V36 entry
deliberately restores one clear dark brand panel plus one white auth card. */
html[data-hbv-brand="jitu-v36"] body .login-screen .login-portal {
align-items: center !important;
overflow: visible !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-hbv-brand="jitu-v36"] .login-intro {
position: relative;
min-height: min(780px, calc(100vh - 80px));
padding: clamp(32px, 5vw, 76px);
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: clamp(24px, 2.5vw, 36px);
overflow: hidden;
background:
var(--hbv-login-background-image),
radial-gradient(circle at 85% 14%, rgba(93, 226, 193, 0.24), transparent 30%),
radial-gradient(circle at 18% 90%, rgba(120, 153, 255, 0.32), transparent 34%),
linear-gradient(145deg, #0e285a 0%, color-mix(in srgb, var(--hbv-brand-primary) 82%, #10285a) 62%, #153b73 100%);
background-position: center;
background-size: cover;
box-shadow: 0 34px 90px rgba(14, 40, 90, 0.26);
}
html[data-hbv-brand="jitu-v36"] body .login-screen .login-portal .login-intro {
color: #fff !important;
border-radius: clamp(24px, 2.5vw, 36px) !important;
background:
var(--hbv-login-background-image),
radial-gradient(circle at 85% 14%, rgba(93, 226, 193, 0.24), transparent 30%),
radial-gradient(circle at 18% 90%, rgba(120, 153, 255, 0.32), transparent 34%),
linear-gradient(145deg, #0e285a 0%, color-mix(in srgb, var(--hbv-brand-primary) 82%, #10285a) 62%, #153b73 100%) !important;
background-position: center !important;
background-size: cover !important;
}
html[data-hbv-brand="jitu-v36"] .login-intro::before,
html[data-hbv-brand="jitu-v36"] .login-intro::after {
content: "";
position: absolute;
pointer-events: none;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 50%;
}
html[data-hbv-brand="jitu-v36"] .login-intro::before {
width: 420px;
height: 420px;
top: -205px;
right: -145px;
}
html[data-hbv-brand="jitu-v36"] .login-intro::after {
width: 260px;
height: 260px;
right: -70px;
bottom: -95px;
}
html[data-hbv-brand="jitu-v36"] .login-intro > * {
position: relative;
z-index: 1;
}
html[data-hbv-brand="jitu-v36"] .login-brand {
display: flex;
align-items: center;
gap: 14px;
}
html[data-hbv-brand="jitu-v36"] .login-intro .login-brand .brand-logo-image {
width: 52px;
height: 52px;
padding: 5px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.96);
}
html[data-hbv-brand="jitu-v36"] body .login-screen .login-intro .login-brand .brand-logo-image {
display: block !important;
filter: drop-shadow(0 7px 12px rgba(5, 22, 58, 0.22)) !important;
}
html[data-hbv-brand="jitu-v36"] .login-intro .login-brand b {
color: #fff;
font-size: clamp(20px, 2vw, 28px);
font-weight: 800;
}
html[data-hbv-brand="jitu-v36"] .login-intro .login-brand span,
html[data-hbv-brand="jitu-v36"] .login-intro > p,
html[data-hbv-brand="jitu-v36"] .login-intro .eyebrow {
color: rgba(255, 255, 255, 0.76);
}
html[data-hbv-brand="jitu-v36"] .login-intro > h1 {
max-width: 720px;
margin-top: 16px;
color: #fff;
font-size: clamp(34px, 4.2vw, 62px);
line-height: 1.12;
font-weight: 830;
letter-spacing: -0.045em;
}
html[data-hbv-brand="jitu-v36"] body .login-screen .login-intro > h1 {
color: #fff !important;
text-shadow: 0 2px 18px rgba(5, 22, 58, 0.2);
}
html[data-hbv-brand="jitu-v36"] .login-intro > p {
max-width: 690px;
font-size: clamp(15px, 1.4vw, 19px);
line-height: 1.9;
}
html[data-hbv-brand="jitu-v36"] body .login-screen .login-intro > p {
color: rgba(255, 255, 255, 0.76) !important;
}
html[data-hbv-brand="jitu-v36"] body .login-screen .login-intro > .eyebrow {
color: #83ebce !important;
}
html[data-hbv-brand="jitu-v36"] .login-data-pill {
color: #dffbf3;
border-color: rgba(100, 236, 201, 0.28);
background: rgba(14, 159, 120, 0.19);
backdrop-filter: blur(12px);
}
html[data-hbv-brand="jitu-v36"] .login-data-pill i {
background: #64ecc9;
box-shadow: 0 0 0 5px rgba(100, 236, 201, 0.13);
}
html[data-hbv-brand="jitu-v36"] :where(.login-capability-grid > div, .access-flow > div, .login-trust-row span, .public-boundary) {
border-color: rgba(255, 255, 255, 0.14);
background: rgba(255, 255, 255, 0.075);
backdrop-filter: blur(10px);
}
html[data-hbv-brand="jitu-v36"] .login-intro :where(.login-capability-grid b, .login-capability-grid span, .access-flow span, .login-trust-row span, .public-boundary b, .public-boundary span) {
color: rgba(255, 255, 255, 0.88);
}
html[data-hbv-brand="jitu-v36"] .login-decision-visual {
border-color: rgba(255, 255, 255, 0.13);
background: rgba(255, 255, 255, 0.07);
box-shadow: none;
}
html[data-hbv-brand="jitu-v36"] .login-card.auth-card,
html[data-hbv-brand="jitu-v36"] #force-password-screen > .login-card {
width: min(100%, 590px);
padding: clamp(26px, 3.5vw, 48px);
border: 1px solid var(--hbv-border);
border-radius: clamp(22px, 2.3vw, 30px);
background: color-mix(in srgb, var(--hbv-brand-surface) 96%, transparent);
box-shadow: var(--hbv-shadow-lg);
backdrop-filter: blur(20px);
}
html[data-hbv-brand="jitu-v36"] body .login-screen .login-portal .login-card.auth-card {
align-self: center !important;
box-sizing: border-box !important;
height: auto !important;
min-height: 0 !important;
max-height: calc(100vh - 48px) !important;
padding: clamp(26px, 3.5vw, 48px) !important;
border-radius: clamp(22px, 2.3vw, 30px) !important;
}
html[data-hbv-brand="jitu-v36"] .auth-card-heading > b {
color: var(--hbv-brand-text);
font-size: clamp(23px, 2vw, 31px);
font-weight: 810;
}
html[data-hbv-brand="jitu-v36"] .auth-tabs {
padding: 5px;
border: 1px solid var(--hbv-border);
border-radius: calc(var(--hbv-radius-sm) + 3px);
background: color-mix(in srgb, var(--hbv-brand-text) 3.5%, white);
}
html[data-hbv-brand="jitu-v36"] .auth-tabs button {
min-height: 39px;
color: var(--hbv-muted);
border: 0;
box-shadow: none;
}
html[data-hbv-brand="jitu-v36"] .auth-tabs button.active {
color: var(--hbv-brand-primary);
background: var(--hbv-brand-surface);
box-shadow: 0 4px 14px rgba(20, 33, 61, 0.08);
}
html[data-hbv-brand="jitu-v36"] .auth-panel form > button.primary {
min-height: 48px;
font-size: 15px;
font-weight: 760;
}
html[data-hbv-brand="jitu-v36"] .auth-security-note {
border-color: color-mix(in srgb, var(--hbv-brand-secondary) 22%, white);
background: var(--hbv-soft-secondary);
}
html[data-hbv-brand="jitu-v36"] .auth-boot-screen {
background: var(--hbv-brand-canvas);
}
html[data-hbv-brand="jitu-v36"] .auth-boot-card {
border: 1px solid var(--hbv-border);
border-radius: var(--hbv-radius-lg);
background: var(--hbv-brand-surface);
box-shadow: var(--hbv-shadow-lg);
}
/* Primary application shells */
html[data-hbv-brand="jitu-v36"] :where(.app-shell, .admin-shell) {
background: var(--hbv-brand-canvas);
}
html[data-hbv-brand="jitu-v36"] :where(.sidebar, .admin-sidebar, #admin-sidebar, #hv-app-sidebar) {
color: var(--hbv-brand-text);
border-right: 1px solid var(--hbv-border);
background: var(--hbv-brand-surface);
box-shadow: 8px 0 30px rgba(20, 33, 61, 0.035);
}
html[data-hbv-brand="jitu-v36"][data-hbv-sidebar="dark"] :where(.sidebar, .admin-sidebar, #admin-sidebar, #hv-app-sidebar),
html[data-hbv-brand="jitu-v36"][data-hbv-sidebar="brand"] :where(.sidebar, .admin-sidebar, #admin-sidebar, #hv-app-sidebar) {
color: #fff;
border-right-color: rgba(255, 255, 255, 0.1);
background: linear-gradient(175deg, #10275a, #0c1d3e);
}
html[data-hbv-brand="jitu-v36"][data-hbv-sidebar="brand"] :where(.sidebar, .admin-sidebar, #admin-sidebar, #hv-app-sidebar) {
background: linear-gradient(165deg, color-mix(in srgb, var(--hbv-brand-primary) 78%, #10275a), #10275a 62%, #0b2240);
}
html[data-hbv-brand="jitu-v36"] :where(.brand, .admin-brand, .sidebar-brand) {
min-height: 76px;
border-bottom: 1px solid var(--hbv-border);
}
html[data-hbv-brand="jitu-v36"] :where(.brand strong, .admin-brand strong, .sidebar-brand strong) {
color: inherit;
font-size: 16px;
font-weight: 790;
}
html[data-hbv-brand="jitu-v36"] :where(.brand span, .admin-brand small, .sidebar-brand small) {
color: var(--hbv-muted);
}
html[data-hbv-brand="jitu-v36"][data-hbv-sidebar="dark"] :where(.brand span, .admin-brand small, .sidebar-brand small),
html[data-hbv-brand="jitu-v36"][data-hbv-sidebar="brand"] :where(.brand span, .admin-brand small, .sidebar-brand small) {
color: rgba(255, 255, 255, 0.6);
}
html[data-hbv-brand="jitu-v36"] :where(.nav-item, .admin-nav button, .hv-shell-nav a) {
min-height: 43px;
color: color-mix(in srgb, var(--hbv-brand-text) 76%, white);
border: 1px solid transparent;
border-radius: var(--hbv-radius-sm);
}
html[data-hbv-brand="jitu-v36"] :where(.nav-item, .admin-nav button, .hv-shell-nav a):hover {
color: var(--hbv-brand-text);
border-color: var(--hbv-border);
background: color-mix(in srgb, var(--hbv-brand-primary) 5%, white);
}
html[data-hbv-brand="jitu-v36"] :where(.nav-item.active, .admin-nav button.active, .hv-shell-nav a.active) {
color: var(--hbv-brand-primary);
border-color: color-mix(in srgb, var(--hbv-brand-primary) 14%, white);
background: var(--hbv-soft-primary);
box-shadow: inset 3px 0 0 var(--hbv-brand-primary);
}
html[data-hbv-brand="jitu-v36"][data-hbv-sidebar="dark"] :where(.nav-item, .admin-nav button, .hv-shell-nav a),
html[data-hbv-brand="jitu-v36"][data-hbv-sidebar="brand"] :where(.nav-item, .admin-nav button, .hv-shell-nav a) {
color: rgba(255, 255, 255, 0.72);
}
html[data-hbv-brand="jitu-v36"][data-hbv-sidebar="dark"] :where(.nav-item.active, .admin-nav button.active, .hv-shell-nav a.active),
html[data-hbv-brand="jitu-v36"][data-hbv-sidebar="brand"] :where(.nav-item.active, .admin-nav button.active, .hv-shell-nav a.active) {
color: #fff;
border-color: rgba(255, 255, 255, 0.13);
background: rgba(255, 255, 255, 0.11);
box-shadow: inset 3px 0 0 #6be6c4;
}
html[data-hbv-brand="jitu-v36"] :where(.nav-section-title, .admin-nav-group-label) {
color: color-mix(in srgb, var(--hbv-brand-text) 44%, white);
font-size: 10px;
font-weight: 780;
letter-spacing: 0.12em;
}
html[data-hbv-brand="jitu-v36"] :where(.admin-topbar, #hv-app-topbar, .hf21-family-header, .workspace-bar) {
border-color: var(--hbv-border);
background: color-mix(in srgb, var(--hbv-brand-surface) 94%, transparent);
box-shadow: 0 6px 24px rgba(20, 33, 61, 0.045);
backdrop-filter: blur(18px);
}
html[data-hbv-brand="jitu-v36"] .hf21-family-header {
min-height: 72px;
}
html[data-hbv-brand="jitu-v36"] .hf21-family-brand strong {
color: var(--hbv-brand-text);
font-weight: 800;
}
html[data-hbv-brand="jitu-v36"] .hf21-nav-trigger {
color: color-mix(in srgb, var(--hbv-brand-text) 72%, white);
}
html[data-hbv-brand="jitu-v36"] .hf21-nav-group.active .hf21-nav-trigger {
color: var(--hbv-brand-primary);
}
html[data-hbv-brand="jitu-v36"] .hf21-nav-menu {
border: 1px solid var(--hbv-border);
border-radius: var(--hbv-radius);
background: var(--hbv-brand-surface);
box-shadow: var(--hbv-shadow-md);
}
html[data-hbv-brand="jitu-v36"] .workspace-bar {
margin: 12px 18px 0;
border-radius: var(--hbv-radius);
}
html[data-hbv-brand="jitu-v36"] .hf21-journey-rail {
margin: 12px 18px 0;
border: 1px solid var(--hbv-border);
border-radius: var(--hbv-radius);
background: var(--hbv-brand-surface);
box-shadow: var(--hbv-shadow-sm);
}
html[data-hbv-brand="jitu-v36"] :where(.main, .admin-main, .hv-shell-main) {
background: var(--hbv-brand-canvas);
}
html[data-hbv-brand="jitu-v36"] :where(.page, .admin-page, .hv-shell-content) {
gap: var(--hbv-section-gap);
}
html[data-hbv-brand="jitu-v36"] .section-intro {
border: 1px solid var(--hbv-border);
border-radius: var(--hbv-radius-lg);
background:
radial-gradient(circle at 96% 0%, color-mix(in srgb, var(--hbv-brand-primary) 10%, transparent), transparent 34%),
var(--hbv-brand-surface);
box-shadow: var(--hbv-shadow-sm);
}
html[data-hbv-brand="jitu-v36"] .section-intro h2 {
color: var(--hbv-brand-text);
font-size: clamp(24px, 2.2vw, 34px);
font-weight: 820;
letter-spacing: -0.035em;
}
/* Data tables, status, dialogs and feedback */
html[data-hbv-brand="jitu-v36"] :where(.table-wrap, .table-shell, .hf21-table-shell, .s20-table-scroll, .data-table-wrap) {
border-color: var(--hbv-border);
border-radius: var(--hbv-radius);
background: var(--hbv-brand-surface);
box-shadow: var(--hbv-shadow-sm);
}
html[data-hbv-brand="jitu-v36"] table {
color: var(--hbv-brand-text);
font-variant-numeric: tabular-nums;
}
html[data-hbv-brand="jitu-v36"] :where(th, thead td) {
color: color-mix(in srgb, var(--hbv-brand-text) 76%, white);
border-color: var(--hbv-border);
background: color-mix(in srgb, var(--hbv-brand-primary) 3.5%, white);
font-size: 12px;
font-weight: 760;
letter-spacing: 0.02em;
}
html[data-hbv-brand="jitu-v36"] td {
border-color: color-mix(in srgb, var(--hbv-brand-text) 7%, transparent);
}
html[data-hbv-brand="jitu-v36"] tbody tr:hover td {
background: color-mix(in srgb, var(--hbv-brand-primary) 3.4%, white);
}
html[data-hbv-brand="jitu-v36"] :where(.chip, .badge, .status-chip, .pill) {
border-radius: 999px;
font-weight: 680;
}
html[data-hbv-brand="jitu-v36"] :where(.notice-box, .public-announcement, .global-announcement) {
border-color: color-mix(in srgb, var(--hbv-brand-primary) 18%, white);
border-radius: var(--hbv-radius-sm);
background: var(--hbv-soft-primary);
}
html[data-hbv-brand="jitu-v36"] :where(.modal, .formal-export-modal, .major-cognition-drawer) {
backdrop-filter: blur(10px);
}
html[data-hbv-brand="jitu-v36"] :where(.modal-card, .formal-export-card, .major-cognition-panel) {
border: 1px solid var(--hbv-border);
border-radius: var(--hbv-radius-lg);
background: var(--hbv-brand-surface);
box-shadow: var(--hbv-shadow-lg);
}
html[data-hbv-brand="jitu-v36"] .modal-close,
html[data-hbv-brand="jitu-v36"] .formal-export-close,
html[data-hbv-brand="jitu-v36"] .major-cognition-close {
color: var(--hbv-muted);
border: 1px solid var(--hbv-border);
background: var(--hbv-brand-surface);
}
html[data-hbv-brand="jitu-v36"] #toast {
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: var(--hbv-radius-sm);
background: color-mix(in srgb, var(--hbv-brand-text) 92%, transparent);
box-shadow: var(--hbv-shadow-md);
backdrop-filter: blur(16px);
}
/* Professional brand governance center */
html[data-hbv-brand="jitu-v36"] .brand-governance-hero {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 28px 30px;
color: #fff;
border-radius: var(--hbv-radius-lg);
background:
radial-gradient(circle at 90% 0%, rgba(98, 230, 195, 0.22), transparent 30%),
linear-gradient(135deg, #10295b, color-mix(in srgb, var(--hbv-brand-primary) 84%, #10295b));
box-shadow: 0 22px 52px rgba(16, 41, 91, 0.2);
}
html[data-hbv-brand="jitu-v36"] .brand-governance-hero span {
color: #7ee7cb;
font-size: 11px;
font-weight: 780;
letter-spacing: 0.13em;
}
html[data-hbv-brand="jitu-v36"] .brand-governance-hero h3 {
margin: 6px 0 7px;
color: #fff;
font-size: 28px;
font-weight: 820;
}
html[data-hbv-brand="jitu-v36"] .brand-governance-hero p {
max-width: 720px;
margin: 0;
color: rgba(255, 255, 255, 0.7);
line-height: 1.75;
}
html[data-hbv-brand="jitu-v36"] .brand-release-state {
min-width: 150px;
padding: 16px 20px;
border: 1px solid rgba(255, 255, 255, 0.13);
border-radius: var(--hbv-radius);
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(12px);
}
html[data-hbv-brand="jitu-v36"] .brand-release-state > * {
display: block;
}
html[data-hbv-brand="jitu-v36"] .brand-release-state b {
margin: 4px 0;
color: #fff;
font-size: 28px;
}
html[data-hbv-brand="jitu-v36"] .brand-release-state small {
color: rgba(255, 255, 255, 0.58);
}
html[data-hbv-brand="jitu-v36"] .brand-center-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
gap: 22px;
align-items: start;
margin-top: 22px;
}
html[data-hbv-brand="jitu-v36"] .brand-editor-column {
display: grid;
gap: 18px;
}
html[data-hbv-brand="jitu-v36"] .brand-editor-group {
padding: 24px;
border: 1px solid var(--hbv-border);
border-radius: var(--hbv-radius);
background: var(--hbv-brand-surface);
box-shadow: var(--hbv-shadow-sm);
}
html[data-hbv-brand="jitu-v36"] .brand-editor-group-head {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid var(--hbv-border);
}
html[data-hbv-brand="jitu-v36"] .brand-editor-group-head h4 {
margin: 0 0 4px;
color: var(--hbv-brand-text);
font-size: 17px;
font-weight: 790;
}
html[data-hbv-brand="jitu-v36"] .brand-editor-group-head p {
margin: 0;
color: var(--hbv-muted);
font-size: 13px;
}
html[data-hbv-brand="jitu-v36"] .brand-editor-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px 18px;
}
html[data-hbv-brand="jitu-v36"] .brand-field {
display: grid;
gap: 8px;
min-width: 0;
}
html[data-hbv-brand="jitu-v36"] .brand-field-wide {
grid-column: 1 / -1;
}
html[data-hbv-brand="jitu-v36"] .brand-field > span > * {
display: block;
}
html[data-hbv-brand="jitu-v36"] .brand-field > span b {
color: var(--hbv-brand-text);
font-size: 13px;
font-weight: 730;
}
html[data-hbv-brand="jitu-v36"] .brand-field > span small {
margin-top: 3px;
color: var(--hbv-muted);
font-size: 11px;
line-height: 1.45;
}
html[data-hbv-brand="jitu-v36"] .brand-field textarea {
min-height: 88px;
resize: vertical;
}
html[data-hbv-brand="jitu-v36"] .brand-color-field > div {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
align-items: center;
gap: 10px;
min-height: var(--hbv-control-height);
padding: 5px 10px 5px 5px;
border: 1px solid var(--hbv-border);
border-radius: var(--hbv-radius-sm);
background: var(--hbv-brand-surface);
}
html[data-hbv-brand="jitu-v36"] .brand-color-field input[type="color"] {
width: 48px;
height: 32px;
padding: 0;
border: 0;
border-radius: 7px;
cursor: pointer;
}
html[data-hbv-brand="jitu-v36"] .brand-color-field code {
color: var(--hbv-muted);
font-size: 12px;
}
html[data-hbv-brand="jitu-v36"] .brand-switch {
display: flex;
align-items: center;
gap: 12px;
min-height: 64px;
padding: 12px 14px;
border: 1px solid var(--hbv-border);
border-radius: var(--hbv-radius-sm);
background: color-mix(in srgb, var(--hbv-brand-text) 2%, white);
}
html[data-hbv-brand="jitu-v36"] .brand-switch input {
accent-color: var(--hbv-brand-primary);
}
html[data-hbv-brand="jitu-v36"] .brand-switch span > * {
display: block;
}
html[data-hbv-brand="jitu-v36"] .brand-switch small {
margin-top: 3px;
color: var(--hbv-muted);
}
html[data-hbv-brand="jitu-v36"] .brand-upload-panel {
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(180px, 1fr) 130px minmax(200px, 1fr) auto;
align-items: center;
gap: 10px;
padding: 16px;
border: 1px dashed color-mix(in srgb, var(--hbv-brand-primary) 30%, white);
border-radius: var(--hbv-radius-sm);
background: var(--hbv-soft-primary);
}
html[data-hbv-brand="jitu-v36"] .brand-upload-panel div > * {
display: block;
}
html[data-hbv-brand="jitu-v36"] .brand-upload-panel small {
margin-top: 4px;
color: var(--hbv-muted);
}
html[data-hbv-brand="jitu-v36"] .brand-preview-sticky {
position: sticky;
top: 86px;
padding: 18px;
border: 1px solid var(--hbv-border);
border-radius: var(--hbv-radius);
background: var(--hbv-brand-surface);
box-shadow: var(--hbv-shadow-md);
}
html[data-hbv-brand="jitu-v36"] .brand-preview-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
}
html[data-hbv-brand="jitu-v36"] .brand-preview-title span {
color: var(--hbv-brand-text);
font-weight: 780;
}
html[data-hbv-brand="jitu-v36"] .brand-preview-title small {
color: var(--hbv-muted);
}
html[data-hbv-brand="jitu-v36"] .brand-mini-portal {
padding: 23px;
color: var(--preview-text);
border-radius: var(--preview-radius);
background:
radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--preview-primary) 14%, transparent), transparent 30%),
var(--preview-canvas);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--preview-text) 9%, transparent);
}
html[data-hbv-brand="jitu-v36"] .brand-mini-top {
display: flex;
align-items: center;
gap: 10px;
}
html[data-hbv-brand="jitu-v36"] .brand-mini-top img {
width: 42px;
height: 42px;
object-fit: contain;
border-radius: 12px;
}
html[data-hbv-brand="jitu-v36"] .brand-mini-top div > * {
display: block;
}
html[data-hbv-brand="jitu-v36"] .brand-mini-top span,
html[data-hbv-brand="jitu-v36"] .brand-mini-portal p,
html[data-hbv-brand="jitu-v36"] .brand-mini-portal > small {
color: color-mix(in srgb, var(--preview-text) 62%, white);
}
html[data-hbv-brand="jitu-v36"] .brand-mini-data {
display: inline-block;
margin-top: 22px;
padding: 6px 9px;
color: var(--preview-secondary);
border-radius: 999px;
background: color-mix(in srgb, var(--preview-secondary) 10%, white);
font-size: 10px;
font-weight: 720;
}
html[data-hbv-brand="jitu-v36"] .brand-mini-portal h4 {
margin: 14px 0 8px;
color: var(--preview-text);
font-size: 23px;
line-height: 1.25;
}
html[data-hbv-brand="jitu-v36"] .brand-mini-portal p {
min-height: 60px;
font-size: 12px;
line-height: 1.7;
}
html[data-hbv-brand="jitu-v36"] .brand-mini-actions {
display: flex;
gap: 8px;
margin: 18px 0;
}
html[data-hbv-brand="jitu-v36"] .brand-mini-actions button {
min-height: 34px;
padding: 0 14px;
color: #fff;
border: 0;
border-radius: calc(var(--preview-radius) * 0.65);
background: var(--preview-primary);
box-shadow: none;
}
html[data-hbv-brand="jitu-v36"] .brand-mini-actions button + button {
color: var(--preview-primary);
border: 1px solid color-mix(in srgb, var(--preview-primary) 20%, white);
background: var(--preview-surface);
}
html[data-hbv-brand="jitu-v36"] .brand-mini-swatches {
display: flex;
gap: 6px;
margin-bottom: 12px;
}
html[data-hbv-brand="jitu-v36"] .brand-mini-swatches i {
width: 24px;
height: 6px;
border-radius: 999px;
background: var(--preview-primary);
}
html[data-hbv-brand="jitu-v36"] .brand-mini-swatches i:nth-child(2) { background: var(--preview-secondary); }
html[data-hbv-brand="jitu-v36"] .brand-mini-swatches i:nth-child(3) { background: var(--preview-accent); }
html[data-hbv-brand="jitu-v36"] .brand-publish-guide {
display: grid;
gap: 8px;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--hbv-border);
}
html[data-hbv-brand="jitu-v36"] .brand-publish-guide span {
display: flex;
align-items: center;
gap: 8px;
color: var(--hbv-muted);
font-size: 12px;
}
html[data-hbv-brand="jitu-v36"] .brand-publish-guide i {
display: inline-grid;
width: 22px;
height: 22px;
place-items: center;
color: var(--hbv-brand-primary);
border-radius: 50%;
background: var(--hbv-soft-primary);
font-style: normal;
font-weight: 740;
}
html[data-hbv-brand="jitu-v36"] .brand-action-bar {
position: sticky;
z-index: 12;
bottom: 12px;
display: flex;
align-items: end;
gap: 10px;
margin-top: 20px;
padding: 14px;
border: 1px solid var(--hbv-border);
border-radius: var(--hbv-radius);
background: color-mix(in srgb, var(--hbv-brand-surface) 94%, transparent);
box-shadow: var(--hbv-shadow-md);
backdrop-filter: blur(20px);
}
html[data-hbv-brand="jitu-v36"] .brand-action-bar > div {
display: grid;
flex: 1;
gap: 5px;
}
html[data-hbv-brand="jitu-v36"] .brand-action-bar > div b {
font-size: 12px;
}
html[data-hbv-brand="jitu-v36"] .brand-history {
margin-top: 20px;
}
/* Auxiliary governance pages use the same visual language without new shells. */
html[data-hbv-brand="jitu-v36"] .hbv-unified-page-toolbar,
html[data-hbv-brand="jitu-v36"] .hf21-s5-aux-header {
border-color: var(--hbv-border);
background: color-mix(in srgb, var(--hbv-brand-surface) 95%, transparent);
box-shadow: var(--hbv-shadow-sm);
backdrop-filter: blur(18px);
}
html[data-hbv-brand="jitu-v36"] .hf21-s5-aux-links a {
color: var(--hbv-muted);
border-radius: var(--hbv-radius-sm);
}
html[data-hbv-brand="jitu-v36"] .hf21-s5-aux-links a:hover {
color: var(--hbv-brand-primary);
background: var(--hbv-soft-primary);
}
/* Responsive behavior */
@media (max-width: 1180px) {
html[data-hbv-brand="jitu-v36"] .login-portal {
grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
gap: 24px;
padding: 24px;
}
html[data-hbv-brand="jitu-v36"] .login-intro {
padding: 38px;
}
html[data-hbv-brand="jitu-v36"] .login-capability-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-hbv-brand="jitu-v36"] .brand-center-layout {
grid-template-columns: 1fr;
}
html[data-hbv-brand="jitu-v36"] .brand-preview-sticky {
position: static;
}
}
@media (max-width: 820px) {
html[data-hbv-brand="jitu-v36"][data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-shell {
grid-template-columns: minmax(0, 1fr);
}
html[data-hbv-brand="jitu-v36"][data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-nav {
position: static;
display: block;
width: 100%;
overflow: hidden;
}
html[data-hbv-brand="jitu-v36"] .settings-nav-head,
html[data-hbv-brand="jitu-v36"] .settings-search,
html[data-hbv-brand="jitu-v36"] .settings-control-version {
width: auto;
}
html[data-hbv-brand="jitu-v36"] .settings-nav-group {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
width: auto;
}
html[data-hbv-brand="jitu-v36"] .settings-nav-group > span {
grid-column: 1 / -1;
}
html[data-hbv-brand="jitu-v36"][data-hbv-ui="horizon-v1"][data-hbv-admin-ui^="p4"] .settings-nav button {
min-width: 0;
}
html[data-hbv-brand="jitu-v36"] .login-portal {
min-height: auto;
grid-template-columns: 1fr;
padding: 14px;
}
html[data-hbv-brand="jitu-v36"] .login-card.auth-card {
order: 1;
justify-self: center;
padding: 24px 20px;
}
html[data-hbv-brand="jitu-v36"] .login-intro {
order: 2;
min-height: auto;
padding: 28px 22px;
border-radius: 24px;
}
html[data-hbv-brand="jitu-v36"] body .login-screen .login-portal .login-card.auth-card {
max-height: none !important;
}
html[data-hbv-brand="jitu-v36"] .login-intro > h1 {
font-size: clamp(30px, 9vw, 42px);
}
html[data-hbv-brand="jitu-v36"] :where(.login-decision-visual, .login-capability-grid, .access-flow) {
display: none;
}
html[data-hbv-brand="jitu-v36"] .login-trust-row {
display: flex;
gap: 6px;
overflow-x: auto;
}
html[data-hbv-brand="jitu-v36"] .login-trust-row span {
flex: 0 0 auto;
}
html[data-hbv-brand="jitu-v36"] :where(.workspace-bar, .hf21-journey-rail) {
margin-right: 10px;
margin-left: 10px;
}
html[data-hbv-brand="jitu-v36"] .brand-governance-hero {
align-items: flex-start;
flex-direction: column;
padding: 23px;
}
html[data-hbv-brand="jitu-v36"] .brand-release-state {
width: 100%;
}
html[data-hbv-brand="jitu-v36"] .brand-editor-grid {
grid-template-columns: 1fr;
}
html[data-hbv-brand="jitu-v36"] .brand-field-wide,
html[data-hbv-brand="jitu-v36"] .brand-upload-panel {
grid-column: auto;
}
html[data-hbv-brand="jitu-v36"] .brand-upload-panel {
grid-template-columns: 1fr;
}
html[data-hbv-brand="jitu-v36"] .brand-action-bar {
position: static;
align-items: stretch;
flex-direction: column;
}
html[data-hbv-brand="jitu-v36"] .brand-action-bar button {
width: 100%;
}
}
@media (max-width: 480px) {
html[data-hbv-brand="jitu-v36"] .settings-nav-group {
grid-template-columns: 1fr;
}
html[data-hbv-brand="jitu-v36"] .login-portal {
padding: 0;
}
html[data-hbv-brand="jitu-v36"] .login-card.auth-card {
width: 100%;
border-width: 0 0 1px;
border-radius: 0 0 24px 24px;
box-shadow: 0 15px 44px rgba(20, 33, 61, 0.1);
}
html[data-hbv-brand="jitu-v36"] .login-intro {
margin: 10px;
}
html[data-hbv-brand="jitu-v36"] .auth-tabs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-hbv-brand="jitu-v36"] .brand-editor-group {
padding: 18px 15px;
}
html[data-hbv-brand="jitu-v36"] .brand-mini-portal {
padding: 18px;
}
}
@media (prefers-reduced-motion: reduce) {
html[data-hbv-brand="jitu-v36"] *,
html[data-hbv-brand="jitu-v36"] *::before,
html[data-hbv-brand="jitu-v36"] *::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
@media print {
html[data-hbv-brand="jitu-v36"] body {
color: #000;
background: #fff;
}
html[data-hbv-brand="jitu-v36"] :where(.panel, .card, .metric-card, .table-wrap, .table-shell) {
box-shadow: none !important;
}
}

/* [20] /assets/commercial-admin.css sha256=3d3f0307fce24adc0e07dadcb1833f85c3c14182ed29965cefd294f4a96931c6 */
/* Commercial administration shell. Business component styles remain in the
existing bundle; this file owns the shell, hierarchy and responsive layout. */
html[data-commercial-admin] {
--adm-bg:#f5f7fa;--adm-nav:#111c30;--adm-nav-2:#192740;--adm-blue:var(--hbv-brand-primary,#2457d6);
--adm-blue-2:#1647b9;--adm-text:#172339;--adm-muted:#596b82;--adm-line:#e5e9f0;
--adm-radius:12px;--adm-gold:var(--adm-blue);--adm-card:#fff;
}
html[data-commercial-admin] body {margin:0;background:#f5f7fa!important;color:#172339;font:14px/1.6 "Inter","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
html[data-commercial-admin] [hidden] {display:none!important}
html[data-commercial-admin] :focus-visible {outline:3px solid #5793ff!important;outline-offset:3px!important}
html[data-commercial-admin] .commercial-network-status {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 20px;padding:12px 16px;border:1px solid #e9cc93;border-radius:10px;background:#fff7e7;color:#694712}
html[data-commercial-admin] .commercial-network-status[data-state="online"] {border-color:#b8d2c7;background:#f0faf5;color:#21573f}
html[data-commercial-admin] .commercial-network-status [role="status"] {flex:1 1 200px;min-width:0}
html[data-commercial-admin] .commercial-network-status strong,html[data-commercial-admin] .commercial-network-status span {display:block}
html[data-commercial-admin] .commercial-network-status strong {font-size:13px}
html[data-commercial-admin] .commercial-network-status span {margin-top:2px;font-size:12px;overflow-wrap:anywhere}
html[data-commercial-admin] #major-evidence-dimensions {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}
html[data-commercial-admin] .evidence-dimension-card {min-width:0;padding:14px;border:1px solid #e5e9f0;border-radius:9px;background:#f8fafc}
html[data-commercial-admin] .evidence-dimension-card>span,html[data-commercial-admin] .evidence-dimension-card>b,html[data-commercial-admin] .evidence-dimension-card>small {display:block}
html[data-commercial-admin] .evidence-dimension-card>span {font-size:12px;color:#657087}
html[data-commercial-admin] .evidence-dimension-card>b {margin:7px 0;font-size:24px;color:#172339;font-variant-numeric:tabular-nums}
html[data-commercial-admin] .evidence-dimension-card>small {font-size:12px;color:#657087;line-height:1.7;overflow-wrap:anywhere}
html[data-commercial-admin] .commercial-skip {position:fixed;top:8px;left:16px;z-index:10000;padding:10px 18px;color:#fff;background:var(--adm-blue);transform:translateY(-150%);border-radius:8px;text-decoration:none}
html[data-commercial-admin] .commercial-skip:focus {transform:translateY(0)}
html[data-commercial-admin] .admin-shell {display:grid!important;grid-template-columns:236px minmax(0,1fr)!important;min-height:100vh;width:100%!important;max-width:none!important;margin:0!important}
html[data-commercial-admin] .admin-sidebar {position:sticky!important;inset:0 auto auto 0!important;width:236px!important;height:100dvh!important;display:flex!important;flex-direction:column;padding:26px 14px 16px!important;background:#111c30!important;border:0!important;box-shadow:none!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:#3b4860 transparent}
html[data-commercial-admin] .admin-sidebar::before,html[data-commercial-admin] .admin-sidebar::after {display:none!important}
html[data-commercial-admin] .admin-brand {padding:0 10px 23px!important;gap:11px!important;border:0!important;flex:none}
html[data-commercial-admin] .admin-brand-logo {width:32px!important;height:32px!important;filter:none!important}
html[data-commercial-admin] .admin-brand strong {font-size:14px!important;letter-spacing:0!important;white-space:normal!important;color:#f5f7fd!important}
html[data-commercial-admin] .admin-brand small {color:#8493ab!important;font-size:12px!important;letter-spacing:.08em!important;margin-top:3px}
html[data-commercial-admin] .admin-nav-tools {padding:0 8px 18px!important}
html[data-commercial-admin] .admin-nav-search {display:flex!important;align-items:center;position:relative!important;height:38px;border:1px solid #334056!important;border-radius:8px!important;background:#1b273b!important}
html[data-commercial-admin] #admin-nav-search {min-width:0!important;width:100%!important;height:36px!important;border:0!important;background:transparent!important;color:#edf2fc!important;padding:0 28px 0 12px!important;font-size:12px!important;box-shadow:none!important}
html[data-commercial-admin] #admin-nav-search::placeholder {color:#98a6bb!important}
html[data-commercial-admin] .admin-nav-search>span {position:absolute;right:10px;color:#9cabbe}
html[data-commercial-admin] .admin-nav {display:block!important;padding:0!important;flex:1 0 auto!important;min-height:0;overflow:visible!important}
html[data-commercial-admin] .commercial-nav-group {margin:0 0 10px;border:0;background:none}
html[data-commercial-admin] .commercial-nav-group>summary {position:relative;list-style:none;cursor:pointer;padding:8px 13px;color:#91a0b7;font-size:12px;font-weight:500;letter-spacing:.04em}
html[data-commercial-admin] .commercial-nav-group>summary::-webkit-details-marker {display:none}
html[data-commercial-admin] .commercial-nav-group>summary::after {content:'›';position:absolute;right:14px;top:4px;font-size:17px;transform:rotate(0deg);transition:transform .15s}
html[data-commercial-admin] .commercial-nav-group[open]>summary::after {transform:rotate(90deg)}
html[data-commercial-admin] .admin-nav button[data-page] {position:relative;display:flex;align-items:center;height:41px!important;min-height:41px!important;width:100%!important;padding:0 12px!important;margin:3px 0!important;gap:11px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#bcc8da!important;font-size:12px!important;font-weight:450!important;text-align:left;box-shadow:none!important;transform:none!important;letter-spacing:0!important}
html[data-commercial-admin] .admin-nav button[data-page]:hover {background:#1c2b44!important;color:#fff!important}
html[data-commercial-admin] .admin-nav button[data-page].active {background:var(--adm-blue)!important;color:#fff!important;font-weight:650!important}
html[data-commercial-admin] .admin-nav button[data-page]::after {display:none!important}
html[data-commercial-admin] .admin-nav img {width:17px!important;height:17px!important;filter:brightness(0) invert(1)!important;opacity:.8!important}
html[data-commercial-admin] .commercial-search-hidden {display:none!important}
html[data-commercial-admin] .commercial-nav-empty {padding:20px 10px;color:#aab7c9;font-size:12px;line-height:1.7}
html[data-commercial-admin] .admin-sidebar-foot {flex:none;margin:16px 0 0!important;padding:14px 8px 0!important;border-top:1px solid #29364b!important}
html[data-commercial-admin] .admin-sidebar-foot button {min-height:36px!important;margin:4px 0!important;padding:7px 10px!important;background:transparent!important;border:0!important;border-radius:7px!important;font-size:12px!important;color:#aab8ce!important}
html[data-commercial-admin] .admin-sidebar-foot button:hover {background:#1c2b44!important;color:#fff!important}
html[data-commercial-admin] .admin-main {min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#f5f7fa!important}
html[data-commercial-admin] .admin-topbar {position:sticky!important;top:0!important;height:74px!important;min-height:74px!important;padding:0 36px!important;background:#fff!important;border-bottom:1px solid #e5e9f0!important;box-shadow:none!important;backdrop-filter:none!important;z-index:30!important}
html[data-commercial-admin] .admin-topbar h1 {font-size:15px!important;font-weight:650!important;line-height:1.5!important;letter-spacing:0!important}
html[data-commercial-admin] .admin-breadcrumb {font-size:12px!important;color:var(--adm-muted)!important;margin-top:2px}
html[data-commercial-admin] .admin-topbar-right {gap:12px!important;min-width:0}
html[data-commercial-admin] .admin-quick-links {display:flex!important;gap:2px!important}
html[data-commercial-admin] .admin-quick-links a,html[data-commercial-admin] .admin-quick-links button {border:0!important;background:transparent!important;color:#637088!important;padding:0 8px!important;font-size:12px!important}
html[data-commercial-admin] .admin-chip {background:#f1f4f8!important;color:#536178!important;border:0!important;border-radius:6px!important;font-size:12px!important;padding:5px 9px!important;max-width:215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-commercial-admin] #runtime-chip {position:relative;background:transparent!important;max-width:190px}
html[data-commercial-admin] #runtime-chip::before {content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#8b97a9;flex:none}
html[data-commercial-admin] #runtime-chip[data-state="ready"]::before {background:#248561}
html[data-commercial-admin] #runtime-chip[data-state="attention"]::before {background:#cf8130}
html[data-commercial-admin] #runtime-chip[data-state="error"]::before {background:#d44949}
html[data-commercial-admin] .admin-avatar {height:32px!important;width:32px!important;border-radius:50%!important;font-size:12px!important;background:#edf2fc!important;color:#315588!important}
html[data-commercial-admin] .admin-content {max-width:1600px!important;width:100%;padding:34px 36px 60px!important;margin:0 auto!important;background:none!important}
html[data-commercial-admin] .admin-page {display:none!important;min-width:0}
html[data-commercial-admin] .admin-page.active {display:block!important;animation:commercial-enter .18s ease-out}
html[data-commercial-admin] .page-head {display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:22px!important;padding:0!important;margin:0 0 26px!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0!important}
html[data-commercial-admin] .page-head::before,html[data-commercial-admin] .page-head::after {display:none!important}
html[data-commercial-admin] .page-head h2 {font-size:27px!important;line-height:1.4!important;font-weight:680!important;letter-spacing:-.6px!important;color:#172339!important;margin:0 0 9px!important}
html[data-commercial-admin] .page-head p {max-width:850px;font-size:12px!important;line-height:1.8!important;color:#68758a!important}
html[data-commercial-admin] .page-kicker,html[data-commercial-admin] .commercial-eyebrow {display:block;color:var(--adm-muted)!important;font-size:12px!important;font-weight:600;letter-spacing:.16em!important;margin-bottom:9px}
html[data-commercial-admin] .commercial-dashboard-head {align-items:center!important;margin-bottom:26px!important}
html[data-commercial-admin] .commercial-dashboard-head h2 {font-size:30px!important}
html[data-commercial-admin] .page-actions {display:flex;flex-direction:row!important;gap:8px!important;flex-wrap:wrap;flex:none;justify-content:flex-end}
html[data-commercial-admin] .page-actions>.btn {width:auto!important;flex:0 0 auto!important}
html[data-commercial-admin] .btn {min-height:44px!important;padding:8px 14px!important;border-radius:7px!important;font-size:12px!important;font-weight:550!important;line-height:1.4!important;box-shadow:none!important;transform:none!important;white-space:normal}
html[data-commercial-admin] .btn-primary {background:var(--adm-blue)!important;border:1px solid var(--adm-blue)!important;color:#fff!important}
html[data-commercial-admin] .btn-primary:hover {background:#1849c3!important}
html[data-commercial-admin] .btn-secondary {background:#fff!important;border:1px solid #dbe2ec!important;color:#4c5d78!important}
html[data-commercial-admin] .btn-secondary:hover {background:#f3f6fb!important;border-color:#b9c7db!important}
html[data-commercial-admin] .btn-danger {background:#fff4f3!important;border:1px solid #efccc8!important;color:#b23a30!important}
html[data-commercial-admin] .btn-sm {min-height:40px!important;padding:6px 10px!important;font-size:12px!important}
html[data-commercial-admin] button:disabled {opacity:.46!important;cursor:not-allowed!important}
html[data-commercial-admin] .admin-command-strip {display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;background:#fff!important;border:1px solid #e5e9f0!important;border-radius:10px!important;padding:8px!important;margin:0 0 24px!important;box-shadow:none!important}
html[data-commercial-admin] .admin-command-card {display:flex!important;align-items:center!important;gap:11px!important;min-height:66px!important;padding:12px!important;margin:0!important;border:0!important;border-right:1px solid #eef1f6!important;border-radius:0!important;background:none!important;color:#2d3d57!important;box-shadow:none!important;transform:none!important;text-align:left!important}
html[data-commercial-admin] .admin-command-card:last-child {border-right:0!important}
html[data-commercial-admin] .admin-command-card:hover {background:#f7f9fd!important;border-radius:7px!important}
html[data-commercial-admin] .admin-command-card i {display:grid!important;place-items:center!important;width:33px!important;height:33px!important;border-radius:8px!important;background:#eff4ff!important;color:#416cd3!important;font-size:12px!important;font-style:normal!important;flex:none}
html[data-commercial-admin] .admin-command-card b {font-size:12px!important;font-weight:600!important;white-space:normal!important}
html[data-commercial-admin] .admin-command-card small {display:none!important}
html[data-commercial-admin] .metric-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:0 0 24px!important}
html[data-commercial-admin] #dashboard-metrics {grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;background:#fff!important;border:1px solid #e5e9f0!important;border-radius:10px!important;padding:22px 6px!important}
html[data-commercial-admin] .metric-card {padding:20px!important;border:1px solid #e5e9f0!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;min-width:0;min-height:0!important;height:auto!important}
html[data-commercial-admin] .metric-card::after {display:none!important}
html[data-commercial-admin] #dashboard-metrics .metric-card {padding:0 19px!important;border:0!important;border-right:1px solid #edf0f6!important;border-radius:0!important;background:transparent!important}
html[data-commercial-admin] #dashboard-metrics .metric-card:last-child {border-right:0!important}
html[data-commercial-admin] .metric-label {font-size:12px!important;color:var(--adm-muted)!important}
html[data-commercial-admin] .metric-value {font-variant-numeric:tabular-nums;font-family:"Inter","Segoe UI",sans-serif;font-size:28px!important;font-weight:650!important;line-height:1.3!important;color:#1c2d49!important;letter-spacing:-.6px!important;margin:9px 0 0!important}
html[data-commercial-admin] .metric-note {font-size:12px!important;color:#8b96a8!important;margin-top:6px!important}
html[data-commercial-admin] #dashboard-metrics .metric-note,html[data-commercial-admin] #dashboard-metrics .metric-icon {display:none!important}
html[data-commercial-admin] .metric-icon {height:20px!important;width:20px!important;top:18px!important;right:18px!important;opacity:.45!important}
html[data-commercial-admin] .admin-grid,html[data-commercial-admin] .admin-grid.equal {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important}
html[data-commercial-admin] .panel,html[data-commercial-admin] .settings-card {min-width:0;background:#fff!important;border:1px solid #e5e9f0!important;border-radius:10px!important;box-shadow:none!important}
html[data-commercial-admin] .panel-head {padding:19px 22px!important;border-bottom:1px solid #edf0f5!important;background:#fff!important;gap:14px!important;flex-wrap:wrap}
html[data-commercial-admin] .panel-head h3 {color:#263850!important;font-size:14px!important;font-weight:650!important;line-height:1.6!important}
html[data-commercial-admin] .panel-head p {color:#8390a3!important;font-size:12px!important;line-height:1.7!important;max-width:780px}
html[data-commercial-admin] #page-dashboard .panel-head p {display:none!important}
html[data-commercial-admin] .panel-body {padding:21px 22px!important}
html[data-commercial-admin] .ops-status-card {display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px!important;background:#eff4fb!important;border:1px solid #dce5f2!important;border-left:3px solid #668bc0!important;border-radius:9px!important;box-shadow:none!important;margin:0 0 22px!important;color:#334763!important}
html[data-commercial-admin] .ops-status-card:empty {display:none!important}
html[data-commercial-admin] .ops-status-card.warning {background:#fffaf0!important;border-color:#f0dfb9!important;border-left-color:#d69a34!important}
html[data-commercial-admin] .ops-status-card.blocked {background:#fff5f4!important;border-color:#efd3d0!important;border-left-color:#cc5e51!important}
html[data-commercial-admin] .ops-status-card.healthy {background:#f0f8f5!important;border-color:#d0e9dc!important;border-left-color:#3e9470!important}
html[data-commercial-admin] .ops-status-card h3 {margin:0 0 3px!important;font-size:15px!important;color:inherit!important}
html[data-commercial-admin] .ops-status-card p {margin:0!important;font-size:12px!important;color:#6e7b8c!important}
html[data-commercial-admin] .ops-kicker {display:none!important}
html[data-commercial-admin] .ops-status-facts {display:flex!important;gap:20px!important;flex-wrap:wrap}
html[data-commercial-admin] .ops-status-facts>span {font-size:12px!important;background:transparent!important;border:0!important;padding:0!important;color:#6c7584!important}
html[data-commercial-admin] .ops-status-facts b {font-size:13px!important;margin-left:5px;color:#314159!important}
html[data-commercial-admin] .ops-task-board {display:grid!important;gap:0!important;padding-top:0!important;padding-bottom:0!important}
html[data-commercial-admin] .ops-task {display:flex!important;align-items:flex-start!important;gap:14px!important;padding:20px 0!important;border:0!important;border-bottom:1px solid #edf0f5!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
html[data-commercial-admin] .ops-task:last-child {border-bottom:0!important}
html[data-commercial-admin] .ops-task-icon {display:grid;place-items:center;width:30px!important;height:30px!important;border:0!important;border-radius:8px!important;background:#f1f4f9!important;color:#5f7290!important;font-size:15px!important;flex:none}
html[data-commercial-admin] .severity-blocker .ops-task-icon {background:#fff0ed!important;color:#c14e3d!important}
html[data-commercial-admin] .severity-warning .ops-task-icon {background:#fff7e6!important;color:#b58226!important}
html[data-commercial-admin] .ops-task-copy {flex:1;min-width:0}
html[data-commercial-admin] .ops-task-copy h4 {font-size:13px!important;color:#2e3f58!important;margin:3px 0 5px!important}
html[data-commercial-admin] .ops-task-copy p {font-size:12px!important;color:#738097!important;line-height:1.8!important;max-width:850px}
html[data-commercial-admin] .ops-task-meta {font-size:12px!important;color:#8390a2!important}
html[data-commercial-admin] .ops-task-actions {display:flex!important;gap:7px!important;flex-wrap:wrap;flex:none}
html[data-commercial-admin] .ops-task-actions .btn-primary {background:#edf3ff!important;border-color:#e0e9fc!important;color:#3564c0!important}
html[data-commercial-admin] .health-row {padding:12px 0!important;border-bottom:1px solid #f0f2f6!important;font-size:12px!important;gap:16px}
html[data-commercial-admin] .health-row b {font-size:12px!important;text-align:right;max-width:65%;overflow-wrap:anywhere}
html[data-commercial-admin] .table-wrap {max-width:100%;overflow-x:auto!important;scrollbar-width:thin;border:0!important;box-shadow:none!important}
html[data-commercial-admin] table {width:100%;border-collapse:collapse;font-size:12px!important}
html[data-commercial-admin] th {padding:13px 18px!important;background:#f8f9fc!important;color:#7b8799!important;font-size:12px!important;font-weight:500!important;border-bottom:1px solid #e9edf3!important;white-space:nowrap}
html[data-commercial-admin] td {padding:14px 18px!important;color:#44536a!important;border-bottom:1px solid #eef1f6!important;font-size:13px!important;line-height:1.7!important;overflow-wrap:anywhere}
html[data-commercial-admin] tbody tr:hover {background:#fafbfe!important}
html[data-commercial-admin] .status {font-size:12px!important;padding:3px 7px!important;border-radius:5px!important;white-space:nowrap}
html[data-commercial-admin] .empty,html[data-commercial-admin] .empty-state {min-height:115px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:30px!important;color:var(--adm-muted)!important;font-size:12px!important;line-height:1.7!important;text-align:center;background:transparent!important;border:0!important}
html[data-commercial-admin] .empty strong {color:#56667e;font-size:13px;font-weight:500}
html[data-commercial-admin] .toolbar {gap:10px!important;align-items:center!important}
html[data-commercial-admin] input:not([type="checkbox"]):not([type="radio"]),html[data-commercial-admin] select,html[data-commercial-admin] textarea {border:1px solid #dce3ec;border-radius:7px;background:#fff;color:#34465f;min-height:40px;max-width:100%;padding:9px 12px;font-size:12px;box-shadow:none}
html[data-commercial-admin] textarea {min-height:100px;line-height:1.7;resize:vertical}
html[data-commercial-admin] .toggle input[type="checkbox"] {appearance:auto!important;position:static!important;opacity:1!important;width:17px!important;height:17px!important;min-height:17px!important;padding:0!important;border-radius:4px!important;accent-color:var(--adm-blue);flex:none!important}
html[data-commercial-admin] input:disabled,html[data-commercial-admin] select:disabled,html[data-commercial-admin] textarea:disabled {background:#f4f6f9;color:#7e8a9e}
html[data-commercial-admin] .form-grid,html[data-commercial-admin] .settings-field-grid {gap:18px!important}
html[data-commercial-admin] .field label,html[data-commercial-admin] .form-grid>label>span {font-size:12px!important;color:#4c5d77!important}
html[data-commercial-admin] .notice-box,html[data-commercial-admin] .danger-box {font-size:12px!important;line-height:1.9!important;padding:16px 18px!important;border-radius:8px!important;box-shadow:none!important}
html[data-commercial-admin] .settings-shell {display:grid!important;grid-template-columns:208px minmax(0,1fr)!important;gap:22px!important;align-items:start}
html[data-commercial-admin] .settings-nav {position:sticky!important;top:98px!important;border:1px solid #e5e9f0!important;border-radius:10px!important;background:#fff!important;padding:16px 11px!important;max-height:calc(100dvh - 120px);overflow:auto}
html[data-commercial-admin] .settings-nav-head {padding:0 9px 14px!important}
html[data-commercial-admin] .settings-nav-head small,html[data-commercial-admin] .settings-control-version {display:none!important}
html[data-commercial-admin] .settings-nav-group {margin:8px 0 12px!important}
html[data-commercial-admin] .settings-nav-group>span {display:block;padding:6px 8px!important;color:var(--adm-muted)!important;font-size:12px!important}
html[data-commercial-admin] .settings-nav button {display:flex;width:100%;align-items:center;gap:9px;border:0!important;border-radius:7px!important;padding:10px 8px!important;background:transparent!important;color:#53627a!important;text-align:left}
html[data-commercial-admin] .settings-nav button.active {background:#edf3ff!important;color:var(--adm-blue)!important}
html[data-commercial-admin] .settings-nav button b {font-size:12px!important;font-weight:500!important}
html[data-commercial-admin] .settings-nav button small {display:none!important}
html[data-commercial-admin] .settings-nav button img {width:15px;height:15px;opacity:.65}
html[data-commercial-admin] .settings-search {display:flex;align-items:center;margin-bottom:12px}
html[data-commercial-admin] .settings-search input {min-width:0;width:100%;font-size:12px!important}
html[data-commercial-admin] .settings-search>span {display:none}
html[data-commercial-admin] .settings-status-strip {background:#fff!important;border:1px solid #e5e9f0!important;border-radius:9px!important;margin-bottom:18px!important}
html[data-commercial-admin] .settings-status-strip b {font-size:13px!important}
html[data-commercial-admin] .settings-workspace {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
html[data-commercial-admin] .settings-card-head {padding:20px!important;border-bottom:1px solid #e9edf3!important;background:#fff!important}
html[data-commercial-admin] .settings-card-head h3 {font-size:17px!important;color:#263850!important}
html[data-commercial-admin] .settings-card-head p {font-size:12px!important;color:var(--adm-muted)!important}
html[data-commercial-admin] .settings-field-grid {padding:20px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-commercial-admin] .setting-field {padding:16px!important;border:1px solid #e8edf4!important;background:#fff!important;border-radius:8px!important;min-width:0!important}
html[data-commercial-admin] .setting-field-title>b {font-size:12px!important;color:#344961!important}
html[data-commercial-admin] .setting-field-copy p {font-size:12px!important;color:var(--adm-muted)!important;line-height:1.8!important}
html[data-commercial-admin] .setting-field-meta code {font-size:12px!important;color:var(--adm-muted)!important}
html[data-commercial-admin] .settings-impact-card {position:static!important;border:1px solid #e5e9f0!important;box-shadow:none!important;border-radius:9px!important;background:#fff!important;max-height:none!important}
html[data-commercial-admin] .settings-workflow-mini {display:none!important}
html[data-commercial-admin] .settings-action-bar,html[data-commercial-admin] .brand-action-bar {position:sticky!important;bottom:14px!important;display:flex!important;flex-wrap:wrap!important;gap:14px!important;padding:16px!important;margin-top:18px!important;background:#fff!important;border:1px solid #dbe3ed!important;border-radius:9px!important;box-shadow:0 5px 20px #1723390c!important;z-index:15!important}
html[data-commercial-admin] .settings-action-bar>input {flex:1;min-width:180px;width:auto!important}
html[data-commercial-admin] .settings-action-buttons {display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end}
html[data-commercial-admin] .settings-action-state b {font-size:12px!important}
html[data-commercial-admin] .brand-governance-hero {background:#edf3fb!important;color:#294975!important;border:1px solid #dce6f4!important;border-radius:9px!important;padding:24px!important;box-shadow:none!important}
html[data-commercial-admin] .brand-governance-hero h3 {color:#294975!important;font-size:22px!important}
html[data-commercial-admin] .brand-center-layout {grid-template-columns:minmax(0,1fr)!important}
html[data-commercial-admin] .brand-preview-column {display:block!important;min-width:0}
html[data-commercial-admin] .brand-preview-sticky {position:static!important}
html[data-commercial-admin] .commercial-brand-preview {background:#fff;border:1px solid #e5e9f0;border-radius:9px;padding:16px 20px;margin-bottom:12px}
html[data-commercial-admin] .commercial-brand-preview>summary {cursor:pointer;color:#4167a1;font-size:12px;font-weight:600}
html[data-commercial-admin] .commercial-brand-preview[open]>summary {margin-bottom:18px}
html[data-commercial-admin] .commercial-page-state {display:flex;gap:14px;align-items:center;justify-content:space-between;padding:15px 18px;margin:0 0 22px;border:1px solid #dae5f7;border-radius:8px;background:#edf4ff;color:#4a6792;font-size:12px;line-height:1.8}
html[data-commercial-admin] .commercial-page-state.loading::before {content:'';width:14px;height:14px;flex:none;border:2px solid #bbceef;border-top-color:var(--adm-blue);border-radius:50%;animation:commercial-spin .8s linear infinite}
html[data-commercial-admin] .commercial-page-state.loading {justify-content:flex-start}
html[data-commercial-admin] .commercial-page-state.error,html[data-commercial-admin] .commercial-form-error {background:#fff4f3;border:1px solid #efcbc7;color:#a44437}
html[data-commercial-admin] .commercial-form-error {padding:12px 14px;margin:14px 0 0;border-radius:7px;font-size:12px;line-height:1.8}
html[data-commercial-admin] .commercial-page-state.error .btn {flex:none}
html[data-commercial-admin] .modal-backdrop {z-index:1000!important;background:#111c3099!important;padding:24px!important;overflow:auto!important;align-items:center!important}
html[data-commercial-admin] .modal {background:#fff!important;border:1px solid #e1e7f0!important;border-radius:13px!important;box-shadow:0 24px 80px #111c3040!important;max-width:calc(100vw - 48px)!important;max-height:calc(100dvh - 48px)!important;overflow:auto!important}
html[data-commercial-admin] .modal-head,html[data-commercial-admin] .modal-foot {padding:19px 24px!important;background:#fff!important}
html[data-commercial-admin] .modal-body {padding:24px!important}
html[data-commercial-admin] .modal-head h3 {font-size:18px!important}
html[data-commercial-admin] .modal-close {width:44px;height:44px;background:#f2f5f9!important;border:0!important;border-radius:7px!important;font-size:22px!important;color:#65758c!important}
html[data-commercial-admin] .toast-stack {z-index:2200!important;max-width:min(460px,calc(100vw - 32px))}
html[data-commercial-admin] .toast {font-size:12px!important;line-height:1.8!important;border-radius:9px!important;box-shadow:0 8px 30px #15233d1f!important;background:#fff!important;border:1px solid #dce6f1!important;color:#314964!important}
html[data-commercial-admin] .toast.error {background:#fff4f3!important;border-color:#edc6c1!important;color:#a33a2f!important}
html[data-commercial-admin] .commercial-nav-scrim {display:none}
@keyframes commercial-spin {to{transform:rotate(360deg)}}
@keyframes commercial-enter {from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:1700px) {html[data-commercial-admin] .settings-workspace{grid-template-columns:minmax(0,1fr) 260px!important}}
@media(max-width:1350px) {html[data-commercial-admin] .admin-quick-links a{display:none!important}html[data-commercial-admin] #runtime-chip{max-width:150px}html[data-commercial-admin] .admin-topbar,html[data-commercial-admin] .admin-content{padding-left:26px!important;padding-right:26px!important}html[data-commercial-admin] .ops-task-actions{max-width:170px}html[data-commercial-admin] .ops-status-facts{gap:12px!important}html[data-commercial-admin] .settings-shell{grid-template-columns:185px minmax(0,1fr)!important}}
@media(max-width:1120px) {html[data-commercial-admin] .admin-shell{grid-template-columns:216px minmax(0,1fr)!important}html[data-commercial-admin] .admin-sidebar{width:216px!important}html[data-commercial-admin] .admin-topbar-right #runtime-chip{display:none!important}html[data-commercial-admin] .admin-command-card{gap:8px!important;padding:10px 7px!important}html[data-commercial-admin] .admin-command-card i{display:none!important}html[data-commercial-admin] .ops-status-card{align-items:flex-start!important;flex-direction:column;gap:12px}html[data-commercial-admin] #dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:22px!important}html[data-commercial-admin] #dashboard-metrics .metric-card:nth-child(3){border-right:0!important}html[data-commercial-admin] .settings-field-grid{grid-template-columns:minmax(0,1fr)!important}html[data-commercial-admin] .page-head{flex-wrap:wrap!important}html[data-commercial-admin] .page-actions{justify-content:flex-start!important}html[data-commercial-admin] .admin-grid,html[data-commercial-admin] .admin-grid.equal{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:920px) {html[data-commercial-admin] .admin-shell{display:block!important}html[data-commercial-admin] .admin-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:254px!important;z-index:101!important;transform:translateX(-100%)!important;transition:transform .18s ease!important}html[data-commercial-admin] .admin-sidebar.open{transform:translateX(0)!important}html[data-commercial-admin] .mobile-menu{display:grid!important;place-items:center;min-height:44px;min-width:44px;font-size:22px!important;color:#364e72!important;border-radius:6px!important;cursor:pointer}html[data-commercial-admin] .commercial-nav-scrim.open{display:block;position:fixed;inset:0;background:#0c172d80;z-index:100;border:0}html[data-commercial-admin] body.commercial-menu-open{overflow:hidden}html[data-commercial-admin] .admin-content{padding:26px 22px 40px!important}html[data-commercial-admin] .admin-topbar{padding:0 22px!important}html[data-commercial-admin] .settings-nav{top:96px!important}html[data-commercial-admin] .admin-topbar-right{gap:10px!important}html[data-commercial-admin] .admin-quick-links{display:none!important}}
@media(max-width:600px) {html[data-commercial-admin] .admin-topbar{height:64px!important;min-height:64px!important;padding:0 16px!important}html[data-commercial-admin] .admin-topbar-left{gap:8px!important}html[data-commercial-admin] .admin-content{padding:24px 16px 36px!important}html[data-commercial-admin] .admin-breadcrumb{display:none!important}html[data-commercial-admin] #admin-role-chip{display:none!important}html[data-commercial-admin] #admin-account-security{font-size:12px!important;min-height:40px!important;padding:7px!important}html[data-commercial-admin] .admin-avatar{width:29px!important;height:29px!important}html[data-commercial-admin] .page-head h2{font-size:24px!important}html[data-commercial-admin] .commercial-dashboard-head h2{font-size:25px!important}html[data-commercial-admin] .page-head p{font-size:12px!important}html[data-commercial-admin] .admin-command-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}html[data-commercial-admin] .admin-command-card{min-height:38px!important;padding:9px 8px!important;border:0!important}html[data-commercial-admin] .admin-command-card b{font-size:12px!important}html[data-commercial-admin] .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-commercial-admin] #dashboard-metrics .metric-card{padding:0 12px!important}html[data-commercial-admin] .metric-value{font-size:24px!important}html[data-commercial-admin] .panel-head,html[data-commercial-admin] .panel-body{padding:16px!important}html[data-commercial-admin] .panel-head h3{font-size:13px!important}html[data-commercial-admin] .ops-task{flex-wrap:wrap!important;gap:10px!important}html[data-commercial-admin] .ops-task-copy{flex:1 1 calc(100% - 45px)!important}html[data-commercial-admin] .ops-task-actions{max-width:none;margin-left:40px}html[data-commercial-admin] .ops-status-card{padding:16px!important}html[data-commercial-admin] .ops-status-facts{gap:8px 14px!important}html[data-commercial-admin] .toolbar input,html[data-commercial-admin] .toolbar select{min-width:0!important;width:100%!important}html[data-commercial-admin] .form-grid,html[data-commercial-admin] .form-grid.three{grid-template-columns:minmax(0,1fr)!important}html[data-commercial-admin] .settings-shell{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}html[data-commercial-admin] .settings-nav{position:static!important;max-height:280px!important}html[data-commercial-admin] .settings-status-strip{display:grid!important;grid-template-columns:1fr 1fr!important}html[data-commercial-admin] .settings-field-grid{padding:15px!important}html[data-commercial-admin] .settings-action-bar,html[data-commercial-admin] .brand-action-bar{position:static!important}html[data-commercial-admin] .settings-action-buttons{justify-content:flex-start!important}html[data-commercial-admin] .commercial-page-state{align-items:flex-start;flex-wrap:wrap}html[data-commercial-admin] .modal-backdrop{padding:12px!important}html[data-commercial-admin] .modal{width:100%!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}html[data-commercial-admin] .modal-head,html[data-commercial-admin] .modal-body,html[data-commercial-admin] .modal-foot{padding:18px!important}html[data-commercial-admin] .modal-foot{flex-wrap:wrap;gap:8px}html[data-commercial-admin] .table-wrap table{min-width:540px}}
@media(prefers-reduced-motion:reduce) {html[data-commercial-admin][data-commercial-admin][data-commercial-admin] *,html[data-commercial-admin][data-commercial-admin][data-commercial-admin] *::before,html[data-commercial-admin][data-commercial-admin][data-commercial-admin] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}