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

/* [01] /assets/v4-shell.css sha256=228c68dd2e133c9359cc6d5e8e029e484b79271586cb59578209d30c1c13387d */
:root{
--hv-brand-900:#102b55;--hv-brand-800:#173b72;--hv-brand-700:#2456a6;--hv-brand-600:#2f6bc2;
--hv-teal-600:#168c8c;--hv-gold-500:#c8953d;--hv-bg:#f5f8fc;--hv-surface:#fff;
--hv-text:#172033;--hv-text-2:#667085;--hv-text-3:#98a2b3;--hv-line:#e2e8f0;
--hv-success:#169b62;--hv-warning:#d58a18;--hv-danger:#c33f3f;--hv-sidebar:228px;--hv-topbar:66px;
--hv-shadow:0 12px 36px rgba(23,59,114,.08);--hv-radius:18px
}
#hv-app-sidebar,#hv-app-topbar,#hv-app-scrim{font-family:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif}
body.hv-shell-ready{min-height:100vh!important;padding:var(--hv-topbar) 0 0 var(--hv-sidebar)!important;background:var(--hv-bg)!important;color:var(--hv-text)!important}
body.hv-shell-ready.hv-has-global-nav{padding-top:var(--hv-topbar)!important}
body.hv-shell-ready #hv-global-nav{display:none!important}
#hv-app-sidebar{position:fixed;inset:0 auto 0 0;z-index:10020;width:var(--hv-sidebar);display:flex;flex-direction:column;padding:12px 10px 10px;background:radial-gradient(circle at 16% 4%,rgba(62,132,220,.30),transparent 27%),linear-gradient(180deg,#173f76 0%,#123562 58%,#102d54 100%);color:#fff;box-shadow:8px 0 32px rgba(16,43,85,.11)}
.hv-shell-brand{display:flex;align-items:center;gap:9px;padding:2px 8px 10px;border-bottom:1px solid rgba(255,255,255,.10);text-decoration:none;color:#fff}
.hv-shell-brand img{width:34px;height:34px;flex:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.14))}
.hv-shell-brand strong,.hv-shell-brand small{display:block}.hv-shell-brand strong{font-size:13px;line-height:1.35}.hv-shell-brand small{margin-top:4px;color:rgba(255,255,255,.53);font-size:10px;letter-spacing:.04em}
.hv-shell-nav{flex:1;min-height:0;overflow-y:auto;padding:4px 1px 9px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.hv-shell-nav-group{padding:7px 9px 3px;color:rgba(255,255,255,.34);font-size:10px;letter-spacing:.13em}
.hv-shell-nav a{position:relative;display:flex;align-items:center;gap:9px;min-height:34px;margin:1px 0;padding:6px 9px;border-radius:9px;color:rgba(255,255,255,.70);text-decoration:none;font-size:11px;line-height:1.28;transition:background .16s,color .16s}
.hv-shell-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.hv-shell-nav a.active{background:linear-gradient(90deg,rgba(255,255,255,.17),rgba(255,255,255,.10));color:#fff;box-shadow:inset 3px 0 0 #ffd166,0 5px 14px rgba(0,0,0,.08)}
.hv-shell-nav a img{width:16px;height:16px;flex:none;filter:brightness(0) invert(1);opacity:.72}.hv-shell-nav a:hover img,.hv-shell-nav a.active img{opacity:1}
.hv-shell-nav a[data-admin-only="1"]{display:none}.hv-shell-admin .hv-shell-nav a[data-admin-only="1"]{display:flex}
.hv-shell-foot{padding:8px 7px 1px;border-top:1px solid rgba(255,255,255,.10)}
.hv-shell-foot-status{display:flex;align-items:flex-start;gap:10px}.hv-shell-foot-status i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#68d6a9;box-shadow:0 0 0 4px rgba(104,214,169,.13)}
.hv-shell-foot-status b,.hv-shell-foot-status small{display:block}.hv-shell-foot-status b{font-size:11px}.hv-shell-foot-status small{margin-top:4px;color:rgba(255,255,255,.48);font-size:9px;line-height:1.5}
#hv-app-topbar{position:fixed;inset:0 0 auto var(--hv-sidebar);z-index:10010;height:var(--hv-topbar);display:flex;align-items:center;gap:14px;padding:0 22px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--hv-line);box-shadow:0 3px 16px rgba(23,59,114,.035)}
.hv-shell-menu{display:none;width:34px;height:34px;border:1px solid var(--hv-line);border-radius:11px;background:#fff;color:var(--hv-brand-800);font-size:20px;cursor:pointer}
.hv-shell-heading{min-width:0}.hv-shell-breadcrumb{display:flex;align-items:center;gap:6px;color:var(--hv-text-3);font-size:10px;white-space:nowrap}.hv-shell-breadcrumb a{color:var(--hv-text-2);text-decoration:none}.hv-shell-breadcrumb i{font-style:normal}.hv-shell-heading strong{display:block;max-width:440px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hv-text);font-size:17px;letter-spacing:-.2px}
.hv-shell-top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.hv-shell-chip{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--hv-line);border-radius:999px;background:#fff;color:var(--hv-text-2);font-size:11px;white-space:nowrap}.hv-shell-chip i{width:7px;height:7px;border-radius:50%;background:var(--hv-success);box-shadow:0 0 0 4px rgba(22,155,98,.09)}
.hv-shell-home{height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border-radius:10px;background:linear-gradient(135deg,var(--hv-brand-600),var(--hv-brand-700));color:#fff;text-decoration:none;font-size:12px;font-weight:650;box-shadow:0 7px 16px rgba(36,86,166,.15)}
.hv-shell-user{display:flex;align-items:center;gap:8px;padding:5px 9px 5px 6px;border:1px solid var(--hv-line);border-radius:999px;background:#fff}.hv-shell-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:linear-gradient(135deg,#e3bd72,var(--hv-gold-500));color:#fff;font-size:12px;font-weight:800}.hv-shell-user b,.hv-shell-user small{display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hv-shell-user b{font-size:11px}.hv-shell-user small{margin-top:2px;color:var(--hv-text-3);font-size:9px}
#hv-app-scrim{display:none;position:fixed;inset:0;z-index:10015;background:rgba(8,22,39,.45);backdrop-filter:blur(2px)}
/* Convert legacy standalone headers into contextual page headers inside the unified product shell. */
body.hv-shell-ready>.top,body.hv-shell-ready>header.top{position:relative!important;top:auto!important;z-index:2!important;width:auto!important;max-width:1540px!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:24px 28px 4px!important;overflow:visible!important;background:transparent!important;color:var(--hv-text)!important;box-shadow:none!important;gap:12px!important}
body.hv-shell-ready>.top .mark,body.hv-shell-ready>header.top .mark{width:42px!important;height:42px!important;border:1px solid #d9e5f4!important;border-radius:13px!important;background:#edf4fd!important;color:var(--hv-brand-700)!important;box-shadow:none!important}
body.hv-shell-ready>.top h1,body.hv-shell-ready>header.top h1{color:var(--hv-text)!important;font-size:20px!important;letter-spacing:-.25px!important}
body.hv-shell-ready>.top p,body.hv-shell-ready>header.top p{margin-top:4px!important;color:var(--hv-text-2)!important;font-size:12px!important}
body.hv-shell-ready>.top nav,body.hv-shell-ready>header.top nav{display:none!important}
body.hv-shell-ready>.main,body.hv-shell-ready>main.main{width:auto!important;max-width:1540px!important;margin:0 auto!important;padding:18px 28px 64px!important}
body.hv-shell-ready .hero{border-color:var(--hv-line)!important;border-radius:var(--hv-radius)!important;box-shadow:var(--hv-shadow)!important}
body.hv-shell-ready .panel,body.hv-shell-ready .kpi,body.hv-shell-ready .card,body.hv-shell-ready .filter{border-color:var(--hv-line)!important;box-shadow:0 7px 24px rgba(23,59,114,.055)!important}
body.hv-shell-ready .filter{top:86px!important}
body.hv-shell-ready #hv-public-footer{max-width:1484px!important;margin:22px auto!important;border-color:var(--hv-line)!important;border-radius:13px!important;box-shadow:0 6px 20px rgba(23,59,114,.04)!important}
body.hv-page-schools .hero{grid-template-columns:minmax(0,1fr) 300px!important;background:linear-gradient(135deg,#fff 0%,#fbfdff 72%,#f1f7fd 100%)!important}
body.hv-page-schools .source-box,body.hv-page-data-trust .status{background:linear-gradient(145deg,var(--hv-brand-800),#287f91)!important}
body.hv-page-schools .filter{border-radius:16px!important}
body.hv-page-schools .card{transition:transform .17s,box-shadow .17s,border-color .17s}body.hv-page-schools .card:hover{transform:translateY(-2px);border-color:#bfd1e9!important;box-shadow:0 14px 34px rgba(23,59,114,.10)!important}
body.hv-page-data-trust .notice{border:1px solid #f0d7a7!important;background:#fff8e9!important;color:#76531e!important}
body.hv-page-data-trust .hero{background:linear-gradient(135deg,#fff,#f8fcff)!important}
body.hv-page-data-trust .table th{background:#f6f9fd!important;color:#506078!important}
@media(max-width:1180px){.hv-shell-chip.hv-shell-data-chip{display:none}.hv-shell-heading strong{max-width:300px}}
@media(max-width:980px){
body.hv-shell-ready{padding-left:0!important}.hv-shell-open{overflow:hidden!important}
#hv-app-sidebar{transform:translateX(-102%);transition:transform .2s ease}.hv-shell-open #hv-app-sidebar{transform:none}
#hv-app-topbar{left:0;padding:0 16px}.hv-shell-menu{display:grid;place-items:center}.hv-shell-open #hv-app-scrim{display:block}
body.hv-shell-ready>.top,body.hv-shell-ready>header.top{padding:18px 18px 3px!important}body.hv-shell-ready>.main,body.hv-shell-ready>main.main{padding:15px 18px 58px!important}
}
@media(max-width:700px){
:root{--hv-topbar:64px}#hv-app-topbar{height:64px;gap:10px}.hv-shell-breadcrumb{display:none}.hv-shell-heading strong{max-width:210px;margin:0;font-size:15px}.hv-shell-chip{display:none}.hv-shell-home{width:37px;padding:0;font-size:0}.hv-shell-home:before{content:"⌂";font-size:18px}.hv-shell-user>div:last-child{display:none}.hv-shell-user{padding:4px}
body.hv-shell-ready>.top,body.hv-shell-ready>header.top{padding:15px 13px 2px!important}body.hv-shell-ready>.top p,body.hv-shell-ready>header.top p{display:block!important;font-size:11px!important;line-height:1.5!important}body.hv-shell-ready>.top h1,body.hv-shell-ready>header.top h1{font-size:17px!important}
body.hv-shell-ready>.main,body.hv-shell-ready>main.main{padding:12px 13px 54px!important}.hv-shell-nav a{min-height:45px}
}
@media(prefers-reduced-motion:reduce){#hv-app-sidebar,.hv-shell-nav a,body.hv-page-schools .card{transition:none!important}}
#hv-app-sidebar a:focus-visible,#hv-app-topbar a:focus-visible,#hv-app-topbar button:focus-visible{outline:3px solid rgba(47,107,194,.28);outline-offset:3px}
/* R2.11: prevent standalone-page flash before the unified shell and session
context are ready. */
html.hv-shell-boot{background:var(--hv-bg)}
html.hv-shell-boot body{visibility:hidden;opacity:0}
html:not(.hv-shell-boot) body.hv-shell-ready{animation:hv-shell-reveal .14s ease-out}
@keyframes hv-shell-reveal{from{opacity:.35}to{opacity:1}}
/* P6-R2 HF4 — compact luminous Horizon navigation */
html[data-hbv-release-ui="p6"] #hv-app-sidebar:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#ffd166,#4bd6c6,#6ca8ff)}
html[data-hbv-release-ui="p6"] .hv-shell-nav-group{font-weight:750;text-transform:uppercase}
html[data-hbv-release-ui="p6"] .hv-shell-foot-status small{max-width:180px}
/* P6-R2 HF6 — unified high-contrast member navigation.
The previous 70% white text was still too dim on photographed/low-brightness
displays and could be overridden by page-level link colors. */
html[data-hbv-release-ui="p6"] #hv-app-sidebar{
background:linear-gradient(180deg,#18457f 0%,#153b6d 56%,#12335f 100%)!important;
}
html[data-hbv-release-ui="p6"] #hv-app-sidebar .hv-shell-brand,
html[data-hbv-release-ui="p6"] #hv-app-sidebar .hv-shell-brand strong{
color:#f8fbff!important;opacity:1!important;
}
html[data-hbv-release-ui="p6"] #hv-app-sidebar .hv-shell-brand small{
color:#d9e7f8!important;opacity:1!important;
}
html[data-hbv-release-ui="p6"] #hv-app-sidebar .hv-shell-nav-group{
color:#b9cce6!important;opacity:1!important;
}
html[data-hbv-release-ui="p6"] #hv-app-sidebar .hv-shell-nav a{
color:#e7f0fc!important;opacity:1!important;text-shadow:0 1px 1px rgba(5,24,50,.22);
}
html[data-hbv-release-ui="p6"] #hv-app-sidebar .hv-shell-nav a:hover{
color:#ffffff!important;background:rgba(255,255,255,.12)!important;
}
html[data-hbv-release-ui="p6"] #hv-app-sidebar .hv-shell-nav a.active{
color:#ffffff!important;background:linear-gradient(90deg,rgba(109,164,231,.42),rgba(255,255,255,.14))!important;
box-shadow:inset 4px 0 0 #ffd166,0 7px 18px rgba(3,20,45,.18)!important;
}
html[data-hbv-release-ui="p6"] #hv-app-sidebar .hv-shell-nav a img{
opacity:.96!important;filter:brightness(0) invert(1) drop-shadow(0 1px 1px rgba(0,0,0,.16))!important;
}
html[data-hbv-release-ui="p6"] #hv-app-sidebar .hv-shell-foot-status b{color:#f8fbff!important}
html[data-hbv-release-ui="p6"] #hv-app-sidebar .hv-shell-foot-status small{color:#c8d8ed!important;opacity:1!important}

/* [02] /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}}

/* [03] /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; }
}

/* [04] /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}}

/* [05] /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}
}

/* [06] /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; }
}

/* [07] /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}}

/* [08] /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}}

/* [09] /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;
}
}

/* [10] /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; }
}

/* [11] /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;
}
}

/* [12] /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;
}
}