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

/* [01] /assets/styles.css sha256=ba1a0c0437fe843ca6f32877eae315c03fcd9e8a274251f022ad0c0b7da91b00 */
.skip-link{position:fixed!important;left:16px!important;top:12px!important;z-index:2147483000!important;max-width:calc(100vw - 32px);padding:10px 14px;border:1px solid #cbd8e6;border-radius:10px;background:#fff;color:#174d79;box-shadow:0 12px 30px rgba(15,39,66,.18);font-weight:750;text-decoration:none;opacity:0;pointer-events:none;transform:translateY(calc(-100% - 28px));transition:transform .14s ease,opacity .14s ease}.skip-link:focus,.skip-link:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0);outline:3px solid rgba(43,111,159,.25);outline-offset:3px}@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}:root{--navy:#10273d;--navy2:#173a59;--blue:#2b6f9f;--blue2:#e9f2f8;--ink:#18232d;--muted:#71808d;--line:#dfe6eb;--bg:#f3f6f8;--white:#fff;--green:#2b8064;--amber:#b87924;--red:#b85050;--purple:#725a9a;--shadow:0 12px 36px rgba(22,42,61,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,#10283e,#0b1d2d);color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#d8b46a,#f3d595);display:grid;place-items:center;color:#17314a;font-weight:900;font-size:22px}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{font-size:11px;color:#9eb2c2;margin-top:5px;letter-spacing:.5px}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:22px}.nav-item{border:0;background:transparent;color:#adc0cf;text-align:left;border-radius:10px;padding:12px 13px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.2s}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.11);color:#fff}.nav-item span{width:20px;text-align:center;font-size:17px}.nav-item b{margin-left:auto;background:#d2ad67;color:#10273d;min-width:21px;height:21px;border-radius:12px;display:grid;place-items:center;font-size:11px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:18px 8px 0;display:flex;align-items:center;gap:10px}.sidebar-foot b,.sidebar-foot small{display:block}.sidebar-foot b{font-size:12px}.sidebar-foot small{font-size:10px;color:#8fa5b5;margin-top:4px}.status-dot{width:9px;height:9px;background:#5ed09e;border-radius:50%;box-shadow:0 0 0 5px rgba(94,208,158,.12)}.main{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.topbar{height:86px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;position:sticky;top:0;z-index:12}.topbar h1{font-size:20px;margin:0}.topbar p{font-size:12px;color:var(--muted);margin:6px 0 0}.profile-chip{margin-left:auto;display:flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid var(--line);border-radius:12px;background:#fff}.profile-chip .avatar{width:35px;height:35px;border-radius:10px;background:var(--blue2);color:var(--blue);font-weight:800;display:grid;place-items:center}.profile-chip b,.profile-chip small{display:block}.profile-chip b{font-size:13px}.profile-chip small{font-size:11px;color:var(--muted);margin-top:3px}.icon-btn{display:none;border:0;background:transparent;font-size:22px;margin-right:12px}.page{display:none;padding:30px 36px 60px;max-width:1580px;margin:0 auto}.page.active{display:block}.panel{background:var(--white);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.hero{min-height:335px;background:linear-gradient(118deg,#102b43 0%,#18466a 58%,#27658b 100%);color:#fff;padding:44px 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-80px;top:-110px;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.02)}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#7090a5;font-weight:700}.hero .eyebrow{color:#a9cadf}.hero h2{font-size:38px;line-height:1.28;margin:14px 0}.hero p{max-width:670px;color:#c3d5e1;line-height:1.8;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:26px}.primary,.secondary,.ghost{border:0;border-radius:9px;padding:11px 18px;cursor:pointer;font-weight:650;transition:.2s}.primary{background:#2675a5;color:#fff}.primary:hover{background:#1d648f;transform:translateY(-1px)}.secondary{background:#fff;color:#1c4968}.ghost{background:#fff;border:1px solid var(--line);color:var(--ink);padding:8px 13px}.hero .primary{background:#e4bd73;color:#16344e}.hero .secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18)}.hero-meter{position:relative;z-index:1;display:flex;align-items:center;gap:30px;justify-content:flex-end}.ring{width:148px;height:148px;border:0;background:conic-gradient(#e4bd73 var(--completion,0deg),rgba(255,255,255,.12) 0);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#194968}.ring span,.ring small{position:relative;z-index:1}.ring span{font-size:30px;font-weight:800}.ring small{font-size:11px;color:#b8cedd}.mini-grid{display:grid;grid-template-columns:repeat(2,110px);gap:12px}.mini-grid div{background:rgba(255,255,255,.09);padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px}.mini-grid b,.mini-grid span{display:block}.mini-grid b{font-size:18px}.mini-grid span{font-size:10px;color:#b9cfdd;margin-top:6px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 7px 24px rgba(22,42,61,.045)}.stat-card span,.stat-card b,.stat-card small{display:block}.stat-card span{font-size:12px;color:var(--muted)}.stat-card b{font-size:26px;margin:9px 0 5px}.stat-card i{font-style:normal}.stat-card small{font-size:11px;color:#9aa6af}.two-col{display:grid;grid-template-columns:1.5fr .7fr;gap:18px}.panel-head{padding:20px 22px 15px;display:flex;justify-content:space-between;align-items:flex-start}.panel-head h3{font-size:16px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.journey-list{padding:0 14px 14px}.journey-list button{width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:16px 8px;display:flex;gap:14px;align-items:center;text-align:left;cursor:pointer}.journey-list button:hover{background:#f8fafb}.journey-list button>span{width:34px;height:34px;display:grid;place-items:center;background:var(--blue2);color:var(--blue);border-radius:9px;font-weight:800;font-size:11px}.journey-list b,.journey-list small{display:block}.journey-list b{font-size:13px}.journey-list small{font-size:11px;color:var(--muted);margin-top:5px}.journey-list em{margin-left:auto;color:var(--blue);font-style:normal;font-size:11px}.notice-list{list-style:none;padding:0 22px 22px;margin:0}.notice-list li{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.55}.notice-list span{width:22px;height:22px;border-radius:50%;background:#eef3f6;color:#527086;display:grid;place-items:center;flex:none;font-size:10px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.section-intro h2{font-size:28px;margin:8px 0 6px}.section-intro p{margin:0;color:var(--muted);font-size:13px}.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-section{padding-bottom:22px}.form-section.wide{grid-column:1/-1}.section-no{font-size:28px;color:#dfe7ec;font-weight:800}.form-grid{padding:0 22px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid.three{grid-template-columns:repeat(3,1fr)}label>span,.field-block>span{display:block;font-size:11px;color:#61717e;font-weight:650;margin-bottom:7px}input,select{width:100%;height:42px;border:1px solid #d9e2e8;border-radius:9px;background:#fbfcfd;padding:0 12px;color:var(--ink);outline:none}input:focus,select:focus{border-color:#5a94b9;box-shadow:0 0 0 3px rgba(58,126,170,.1)}.field-block{padding:18px 22px 0}.check-group{display:flex;flex-wrap:wrap;gap:8px}.check-group label{border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-size:12px;cursor:pointer;background:#fff}.check-group input{width:auto;height:auto;margin-right:5px}.toggle-row{display:flex!important;gap:11px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px 12px}.toggle-row>input{width:18px;height:18px;flex:none}.toggle-row span{margin:0}.toggle-row b,.toggle-row small{display:block}.toggle-row b{font-size:12px}.toggle-row small{font-size:10px;color:var(--muted);margin-top:3px}.filters{padding:18px}.filter-grid{display:grid;grid-template-columns:2fr repeat(5,1fr) auto auto;gap:10px;align-items:center}.search-box{position:relative}.search-box span{position:absolute;left:13px;top:12px;color:#81909c}.search-box input{padding-left:36px}.inline-check{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.inline-check input{width:16px;height:16px}.results-toolbar{height:52px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.results-toolbar>div{display:flex;align-items:center;gap:9px}.result-list{display:flex;flex-direction:column;gap:12px}.result-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 19px;display:grid;grid-template-columns:minmax(280px,1.5fr) repeat(3,minmax(110px,.55fr)) 150px;gap:15px;align-items:center;box-shadow:0 5px 18px rgba(20,42,60,.035)}.result-card:hover{border-color:#b7cbd9;box-shadow:0 10px 28px rgba(20,42,60,.08)}.school-major b{font-size:15px}.school-major h4{font-size:14px;margin:7px 0 6px}.school-major p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.meta-cell span,.meta-cell b,.meta-cell small{display:block}.meta-cell span{font-size:10px;color:#8a98a3}.meta-cell b{font-size:13px;margin:5px 0}.meta-cell small{font-size:10px;color:#8b98a1}.card-actions{display:flex;flex-direction:column;gap:7px}.card-actions button{padding:8px 9px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:11px;cursor:pointer}.card-actions button:first-child{background:#edf5f9;border-color:#d7e7f0;color:#26698f}.tag-row{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:9px;padding:4px 6px;border-radius:5px;background:#f0f3f5;color:#61717d}.risk{display:inline-grid;place-items:center;min-width:42px;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:800}.risk.reach{background:#fff1e2;color:#a86517}.risk.match{background:#eeeafd;color:#6850a0}.risk.stable{background:#e8f3fa;color:#28709b}.risk.safe{background:#e7f5ef;color:#27775d}.risk.high{background:#fae8e8;color:#a54444}.risk.unknown{background:#eef1f3;color:#6f7c85}.qualification.pass{color:var(--green)}.qualification.block{color:var(--red)}.empty-state{min-height:190px;display:grid;place-items:center;text-align:center;color:var(--muted)}.empty-state b{color:#4f606d}.empty-state p{font-size:12px}.strategy-banner{background:#14334d;color:#fff;border-radius:13px;padding:17px 20px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.strategy-banner b,.strategy-banner span{display:block}.strategy-banner span{font-size:11px;color:#b7ccd9;margin-top:5px}.strategy-banner em{font-style:normal;color:#e4bd73;font-size:11px}.wish-counter b{font-size:34px;color:var(--blue)}.wish-counter span{font-size:14px;color:var(--muted)}.wish-legend{display:flex;gap:8px;align-items:center;margin-bottom:13px}.wish-legend small{margin-left:auto;color:var(--muted)}.wish-list{display:flex;flex-direction:column;gap:8px}.wish-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 15px;display:grid;grid-template-columns:48px 1.6fr .65fr .55fr 90px;gap:12px;align-items:center}.wish-item.dragging{opacity:.45}.drag-handle{font-weight:800;color:#527286;cursor:grab;display:flex;gap:7px;align-items:center}.wish-item h4{margin:0 0 4px;font-size:13px}.wish-item p{margin:0;color:var(--muted);font-size:10px}.wish-item button{border:0;background:#f7eaea;color:#9e4848;border-radius:7px;padding:7px;cursor:pointer}.audit-hero{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center}.audit-score{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2b8064 var(--score),#e5ecef 0);position:relative}.audit-score:after{content:"";position:absolute;width:116px;height:116px;background:#fff;border-radius:50%}.audit-score div{position:relative;z-index:1;text-align:center}.audit-score b{font-size:34px}.audit-score span{display:block;font-size:11px;color:var(--muted)}.audit-content-inner{padding:26px}.audit-issues{display:grid;gap:10px;margin-top:20px}.audit-issue{border:1px solid var(--line);border-left:4px solid #7f93a0;border-radius:9px;padding:12px 14px}.audit-issue.block{border-left-color:var(--red)}.audit-issue.warning{border-left-color:var(--amber)}.audit-issue.info{border-left-color:var(--blue)}.audit-issue b{font-size:12px}.audit-issue p{font-size:11px;color:var(--muted);margin:4px 0 0}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.data-grid article{padding:22px}.data-grid h3{margin:0 0 16px}.data-grid dl{display:grid;grid-template-columns:1fr auto;gap:0;margin:0}.data-grid dt,.data-grid dd{padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.data-grid dd{font-weight:800;color:var(--blue)}.check-list,.warn-list{margin:0;padding:0;list-style:none}.check-list li,.warn-list li{padding:10px 0 10px 27px;border-bottom:1px solid var(--line);font-size:12px;position:relative;line-height:1.6}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.warn-list li:before{content:"!";position:absolute;left:4px;color:var(--amber);font-weight:900}.disclaimer{font-size:12px;line-height:1.9;color:#5e6d78}.modal{position:fixed;inset:0;background:rgba(8,21,32,.58);display:none;align-items:center;justify-content:center;padding:30px;z-index:50}.modal.open{display:flex}.modal-card{width:min(900px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;position:relative;padding:28px}.modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#eef2f4;font-size:22px;cursor:pointer}.detail-head h2{margin:8px 0}.detail-head p{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.detail-grid div{background:#f5f8fa;border-radius:9px;padding:12px}.detail-grid span,.detail-grid b{display:block}.detail-grid span{font-size:9px;color:var(--muted)}.detail-grid b{font-size:12px;margin-top:5px}.evidence-list{display:grid;gap:8px}.evidence{border:1px solid var(--line);border-radius:8px;padding:10px;font-size:11px}.history-table{width:100%;border-collapse:collapse;font-size:11px}.history-table th,.history-table td{border-bottom:1px solid var(--line);padding:9px;text-align:left}#toast{position:fixed;right:24px;bottom:24px;background:#15334b;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:80}#toast.show{opacity:1;transform:translateY(0)}@media(max-width:1200px){.filter-grid{grid-template-columns:2fr repeat(3,1fr)}.result-card{grid-template-columns:1.4fr repeat(2,.55fr) 130px}.result-card .hide-mid{display:none}.hero{grid-template-columns:1fr}.hero-meter{justify-content:flex-start}.two-col{grid-template-columns:1fr}}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.icon-btn{display:block}.topbar{padding:0 16px}.profile-chip{display:none}.page{padding:20px 14px 50px}.hero{padding:28px 22px}.hero h2{font-size:29px}.hero-meter{display:block}.ring{margin-bottom:16px}.stat-grid{grid-template-columns:1fr 1fr}.profile-layout,.data-grid{grid-template-columns:1fr}.form-section.wide{grid-column:auto}.form-grid,.form-grid.three{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.result-card{grid-template-columns:1fr 1fr}.school-major,.card-actions{grid-column:1/-1}.wish-item{grid-template-columns:42px 1fr 70px}.wish-item .wish-extra{display:none}.audit-hero{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.stat-grid{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr 1fr}.filter-grid{grid-template-columns:1fr}.search-box{grid-column:auto}.result-card{grid-template-columns:1fr}.result-card .meta-cell{display:none}.wish-item{grid-template-columns:38px 1fr 60px}.section-intro{align-items:flex-start;gap:12px}.section-intro h2{font-size:23px}}
.export-link{text-decoration:none;font-size:11px;margin-right:10px}.data-grid a{color:var(--blue);font-size:12px;text-decoration:none}.data-grid a:hover{text-decoration:underline}
.login-screen{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at 80% 15%,#2b668e 0,#173b59 32%,#0b1e2e 72%);display:grid;place-items:center;padding:20px}.login-screen.hidden{display:none}.login-card{width:min(430px,94vw);background:#fff;border-radius:20px;padding:32px;box-shadow:0 28px 80px rgba(0,0,0,.25)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:25px}.login-brand b,.login-brand span{display:block}.login-brand span{font-size:11px;color:var(--muted);margin-top:5px}.login-card h1{font-size:25px;margin:0 0 8px}.login-card>p{color:var(--muted);font-size:12px;line-height:1.7}.login-card form{display:grid;gap:14px;margin:22px 0 12px}.login-card form button{width:100%}.login-error{min-height:22px;color:var(--red);font-size:12px}.login-card>small{color:var(--muted);font-size:10px}.workspace-bar{min-height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:8px 36px;position:sticky;top:86px;z-index:11}.workspace-bar label{display:flex;align-items:center;gap:7px}.workspace-bar label span{margin:0;font-size:10px;color:var(--muted);white-space:nowrap}.workspace-bar select{height:34px;min-width:145px}.workspace-user{margin-left:auto;text-align:right}.workspace-user b,.workspace-user small{display:block}.workspace-user b{font-size:12px}.workspace-user small{font-size:10px;color:var(--muted);margin-top:3px}.scenario-grid,.team-grid{display:grid;grid-template-columns:minmax(260px,.65fr) 1.35fr;gap:18px}.scenario-grid>.panel,.team-grid>.panel{padding:22px}.scenario-create,.team-form{display:grid;gap:13px;align-content:start}.scenario-list{display:grid;gap:9px;margin-bottom:15px}.scenario-row{border:1px solid var(--line);border-radius:10px;padding:11px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.scenario-row.active{border-color:#5b93b8;background:#f2f8fb}.scenario-row b,.scenario-row small{display:block}.scenario-row small{color:var(--muted);font-size:10px;margin-top:3px}.scenario-row button{border:0;background:transparent;color:var(--blue);cursor:pointer}.compare-result{margin-top:18px;padding:22px}.compare-table{width:100%;border-collapse:collapse;font-size:11px}.compare-table th,.compare-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.compare-table th{background:#edf3f7}.member-list{display:grid;gap:8px}.member-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.member-row b,.member-row small{display:block}.member-row small{color:var(--muted);font-size:10px;margin-top:3px}.member-role{font-size:10px;padding:5px 8px;border-radius:12px;background:#edf3f7}.team-form hr{border:0;border-top:1px solid var(--line);width:100%;margin:8px 0}.activity-panel{margin-top:18px;padding-bottom:15px}.activity-list{padding:0 22px;display:grid}.activity-row{display:grid;grid-template-columns:130px 120px 1fr;gap:10px;border-bottom:1px solid var(--line);padding:9px 0;font-size:11px}.activity-row time,.activity-row span{color:var(--muted)}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.report-card{padding:22px;text-decoration:none;color:var(--ink);min-height:220px;display:flex;flex-direction:column;align-items:flex-start}.report-card>span{font-size:10px;letter-spacing:1.5px;color:var(--blue);font-weight:800}.report-card h3{margin:22px 0 8px}.report-card p{font-size:12px;color:var(--muted);line-height:1.7}.report-card b{margin-top:auto;color:var(--blue);font-size:12px}.snapshot-card input{margin:12px 0}.report-note{padding:20px;margin-top:18px}.report-note h3{margin:0 0 7px}.report-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.feedback-box{margin-top:18px;padding:14px;background:#f5f8fa;border-radius:10px}.feedback-actions{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.feedback-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;cursor:pointer}.feedback-actions button.reject{color:var(--red)}.feedback-comments{font-size:11px;color:var(--muted)}@media(max-width:1050px){.report-grid{grid-template-columns:1fr 1fr}.workspace-bar{flex-wrap:wrap}.workspace-user{margin-left:0}}@media(max-width:820px){.workspace-bar{top:86px;padding:8px 14px}.workspace-bar label{width:calc(50% - 8px)}.workspace-bar select{min-width:0}.scenario-grid,.team-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.activity-row{grid-template-columns:1fr}.workspace-user{display:none}}
/* V3.0 decision workflow and usability */
.filter-grid.advanced{grid-template-columns:minmax(260px,2fr) repeat(5,minmax(125px,1fr));align-items:center}
.filter-grid.advanced .search-box{grid-column:span 2}
.filter-grid.advanced .inline-check{min-height:42px;border:1px solid var(--line);border-radius:9px;background:#fbfcfd;padding:0 12px}
.filter-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:14px;overflow:hidden}
.filter-explain>div{padding:16px 18px;border-right:1px solid var(--line)}.filter-explain>div:last-child{border-right:0}
.filter-explain b,.filter-explain span{display:block}.filter-explain b{font-size:13px;color:var(--navy)}.filter-explain span{font-size:11px;line-height:1.65;color:var(--muted);margin-top:5px}
.scenario-binding{font-size:11px;color:#2b6f9f;background:#eaf3f8;border:1px solid #cfe1ec;padding:8px 12px;border-radius:999px;white-space:nowrap}
.recommend-controls{display:grid;grid-template-columns:180px 150px 1fr;gap:14px;align-items:end;padding:16px 18px;margin-bottom:13px}
.recommend-method{min-height:42px;border-left:3px solid var(--blue);padding:2px 0 2px 14px}.recommend-method b,.recommend-method span{display:block}.recommend-method b{font-size:12px}.recommend-method span{font-size:11px;color:var(--muted);line-height:1.55;margin-top:4px}
.strategy-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;background:linear-gradient(135deg,#edf6fb,#e6f1f7);border:1px solid #bfd7e6;border-radius:12px;padding:15px 18px;margin-bottom:14px;color:#17324a!important;-webkit-text-fill-color:#17324a;opacity:1}.strategy-banner>div{min-width:0}.strategy-banner b,.strategy-banner span{display:block}.strategy-banner b{font-size:13px;line-height:1.55;font-weight:800;color:#17324a!important;-webkit-text-fill-color:#17324a;text-shadow:none;opacity:1}.strategy-banner span{font-size:11px;line-height:1.65;color:#40586c!important;-webkit-text-fill-color:#40586c;margin-top:4px;text-shadow:none;opacity:1}.strategy-banner em{max-width:46%;font-size:11px;line-height:1.65;color:#40586c!important;-webkit-text-fill-color:#40586c;font-style:normal;text-align:right;text-shadow:none;opacity:1}
.scenario-scope-note{padding:14px 18px;margin-bottom:16px;display:flex;gap:12px;align-items:center}.scenario-scope-note b{font-size:12px;color:var(--navy)}.scenario-scope-note span{font-size:11px;color:var(--muted)}
.danger-soft{border:1px solid #efcaca;background:#fff7f7;color:#a64848;border-radius:9px;padding:9px 13px;cursor:pointer}.danger-link{border:0;background:transparent;color:#a64848;cursor:pointer;font-size:11px}.member-actions{display:flex;align-items:center;gap:8px}
.admin-entry{text-decoration:none;display:inline-flex;align-items:center}
.risk.high{background:#f7dede;color:#9a3434}.risk.unknown{background:#edf1f3;color:#677985}
.fit-evidence{background:#f1f7fa;border:1px solid #d7e7ee;border-left:4px solid var(--blue);border-radius:10px;padding:14px 16px;margin:16px 0}.fit-evidence b,.fit-evidence p,.fit-evidence small{display:block}.fit-evidence b{font-size:13px}.fit-evidence p{font-size:12px;color:#435d6b;margin:7px 0}.fit-evidence small{font-size:10px;color:var(--muted);line-height:1.6}
.eligibility-notice{display:flex;flex-direction:column;gap:4px;background:#fff7e8;border:1px solid #f0d8ad;border-radius:10px;padding:12px 14px;margin:14px 0}.eligibility-notice b{font-size:12px;color:#7a531b}.eligibility-notice span{font-size:11px;color:#806b4d;line-height:1.6}
#hv-global-home{position:fixed;left:18px;bottom:18px;z-index:9999;background:#123b55;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 28px rgba(9,33,48,.25);border-radius:999px;padding:10px 15px;font-size:13px;font-weight:700;line-height:1}
#hv-global-home:hover{background:#1b607b;transform:translateY(-1px)}
button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
@media(max-width:1250px){.filter-grid.advanced{grid-template-columns:repeat(4,1fr)}.filter-grid.advanced .search-box{grid-column:span 2}.filter-explain{grid-template-columns:1fr}.filter-explain>div{border-right:0;border-bottom:1px solid var(--line)}.filter-explain>div:last-child{border-bottom:0}}
@media(max-width:820px){.filter-grid.advanced{grid-template-columns:1fr 1fr}.filter-grid.advanced .search-box{grid-column:1/-1}.recommend-controls{grid-template-columns:1fr 1fr}.recommend-method{grid-column:1/-1}.strategy-banner{align-items:flex-start;flex-direction:column}.strategy-banner em{text-align:left}.scenario-scope-note{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.filter-grid.advanced{grid-template-columns:1fr}.filter-grid.advanced .search-box{grid-column:auto}.recommend-controls{grid-template-columns:1fr}.recommend-method{grid-column:auto}.scenario-binding{white-space:normal}#hv-global-home{left:10px;bottom:10px}}
/* V3.0 R2: production layout, explainability and management closure */
.filter-grid.advanced{
grid-template-columns:repeat(auto-fit,minmax(155px,1fr));
align-items:end;
}
.filter-grid.advanced .search-box{grid-column:span 2;min-width:260px}
.filter-field{min-width:0;display:block}
.filter-field>span{min-height:15px}
.search-input{position:relative}
.search-input i{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-style:normal;color:#81909c;z-index:1}
.search-input input{padding-left:36px}
.filter-grid.advanced>button{min-height:42px;align-self:end}
.filter-grid.advanced .inline-check{align-self:end}
.section-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.methodology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:0 0 15px}
.method-card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:10px;padding:13px 14px;box-shadow:0 5px 16px rgba(22,42,61,.035)}
.method-card b,.method-card span{display:block}.method-card b{font-size:12px;color:var(--navy)}.method-card span{font-size:11px;color:var(--muted);line-height:1.65;margin-top:5px}
.family-manage{padding:0 22px 22px}.family-manage>label{display:block}.family-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.family-manage hr{border:0;border-top:1px solid var(--line);margin:18px 0}
.profile-management-list{display:grid;gap:8px}.profile-manage-row{border:1px solid var(--line);border-radius:10px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-manage-row.active{border-color:#5b93b8;background:#f2f8fb}.profile-manage-row b,.profile-manage-row small{display:block}.profile-manage-row small{font-size:10px;color:var(--muted);margin-top:4px}.profile-manage-row>div:last-child{display:flex;align-items:center;gap:7px}.profile-manage-row .ghost{padding:7px 10px}
.scenario-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.scenario-actions button{padding:5px 6px;font-size:11px}.scenario-row{grid-template-columns:auto minmax(120px,1fr) minmax(180px,auto)}
.qualification.pass{color:#24705a}.qualification.block{color:#a34545}
.result-card .meta-cell small{line-height:1.55}
@media(max-width:1050px){.section-intro{align-items:flex-start}.section-actions{justify-content:flex-start}.filter-grid.advanced{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
@media(max-width:680px){.filter-grid.advanced{grid-template-columns:1fr}.filter-grid.advanced .search-box{grid-column:auto;min-width:0}.section-actions{width:100%}.section-actions button{flex:1;min-width:130px}.strategy-banner em{max-width:none}.scenario-row{grid-template-columns:auto 1fr}.scenario-actions{grid-column:2;justify-content:flex-start}.profile-manage-row{align-items:flex-start;flex-direction:column}.profile-manage-row>div:last-child{width:100%}}
/* Universal navigation for standalone governance pages */
body.hv-has-global-nav{padding-top:48px!important}
#hv-global-nav{position:fixed;left:0;right:0;top:0;z-index:10000;min-height:48px;background:#0f2f44;color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:7px;padding:7px 14px;box-shadow:0 6px 20px rgba(8,27,40,.18);overflow-x:auto}
#hv-global-nav b{font-size:12px;white-space:nowrap;margin-right:4px;color:#e9c985}
#hv-global-nav a{font-size:12px;white-space:nowrap;color:#e8f3f7;text-decoration:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:8px;padding:7px 10px}
#hv-global-nav a:hover,#hv-global-nav a.active{background:#fff;color:#153c53}
body.hv-has-global-nav .top{top:48px!important}
#hv-global-home{display:none!important}
/* V3.0 R3 standalone navigation and readability hardening */
body.hv-has-global-nav .top nav{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;margin-top:0!important;gap:8px!important}
body.hv-has-global-nav .top{min-height:auto!important}
@media(max-width:900px){#hv-global-nav{align-items:center;flex-direction:row;white-space:nowrap}body.hv-has-global-nav .top nav{width:100%;overflow-x:auto;flex-wrap:nowrap!important}}
body.hv-has-global-nav .main,body.hv-has-global-nav main{font-size:15px}
body.hv-has-global-nav table{font-size:13px}
body.hv-has-global-nav .table th,body.hv-has-global-nav .table td{line-height:1.55}
/* V3.1 commercial UI hardening */
.sidebar{height:100vh;overflow:hidden}.sidebar nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:18px;scrollbar-width:thin}.sidebar-foot{flex:0 0 auto}.hidden{display:none!important}.school-level-tags{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0 7px}.school-level-tags span{font-size:9px;font-weight:800;color:#174d70;background:#e8f3f8;border:1px solid #c8e0eb;border-radius:999px;padding:3px 7px}.history-hint{display:block;margin-top:5px;color:#687d8b;line-height:1.45}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide-field{grid-column:1/-1}.save-state{margin-top:14px;padding:10px 12px;background:#f3f7f9;border-radius:8px;font-size:11px;color:#557080}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}
/* V3.1.1 commercial delivery hardening */
.credential-note{display:block;margin-top:6px}.global-footer-notice{margin:0 36px 24px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#627481;font-size:11px;line-height:1.7;text-align:center}.login-card>small+small{margin-top:6px}.admin-entry.hidden{display:none!important}@media(max-width:820px){.global-footer-notice{margin:0 14px 18px}}
#hv-public-footer{max-width:1450px;margin:22px auto;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#627481;font-size:11px;line-height:1.7;text-align:center}
/* V3.2.0 personal membership, approval and administration experience */
.login-screen{padding:24px;overflow:auto}.login-portal{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}.login-intro{background:linear-gradient(145deg,#0f2c43,#1d5878);color:#fff;border-radius:22px;padding:42px;box-shadow:0 24px 70px rgba(10,35,52,.2);display:flex;flex-direction:column;justify-content:center}.login-intro .login-brand{margin-bottom:35px}.login-intro .eyebrow{color:#9fc8dc}.login-intro h1{font-size:34px;line-height:1.32;margin:14px 0}.login-intro>p{color:#c7dce7;line-height:1.8;font-size:14px}.access-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.access-flow>div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:12px;padding:14px}.access-flow b,.access-flow span{display:block}.access-flow b{color:#e5bf76;font-size:18px}.access-flow span{font-size:11px;color:#d5e4ec;margin-top:6px;line-height:1.5}.public-boundary,.public-announcement,.global-announcement{border-radius:11px;padding:13px 15px;font-size:12px;line-height:1.7}.public-boundary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.public-boundary b,.public-boundary span{display:block}.public-boundary span{color:#cbdde6;margin-top:4px}.public-announcement{background:#fff5d8;color:#6f5113;margin-bottom:12px}.global-announcement{margin:14px 36px 0;background:#fff5d8;border:1px solid #ecd296;color:#72520f}.auth-card{width:auto;max-width:none;margin:0;padding:34px;align-self:stretch}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#edf2f5;border-radius:10px;padding:4px;margin-bottom:22px}.auth-tabs button{border:0;background:transparent;padding:10px;border-radius:8px;cursor:pointer;color:#667986}.auth-tabs button.active{background:#fff;color:#173d56;box-shadow:0 3px 10px rgba(19,47,68,.08);font-weight:700}.auth-panel{display:none}.auth-panel.active{display:block}.auth-panel h2{margin:0}.auth-panel>p{color:var(--muted);font-size:12px;line-height:1.7}.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.terms-check{display:flex!important;gap:8px;align-items:flex-start}.terms-check input{width:16px;height:16px;flex:none;margin-top:2px}.terms-check span{margin:0}.terms-details{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:9px 11px}.terms-details summary{cursor:pointer;color:#365c72}.terms-details p{line-height:1.7}.login-success{margin-top:12px;padding:10px;border-radius:8px;background:#e4f5eb;color:#17663a;font-size:12px}.personal-center-grid{grid-template-columns:1fr 1.3fr .8fr}.account-summary dl{display:grid;grid-template-columns:90px 1fr;margin:0;padding:0 22px 18px}.account-summary dt,.account-summary dd{padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.account-summary dt{color:var(--muted)}.account-summary dd{margin:0;font-weight:650}.account-summary small{color:var(--muted);font-weight:400}.status-badge{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:11px}.status-approved{background:#e4f5eb;color:#17663a}.status-pending{background:#fff3cd;color:#7a5700}.status-rejected,.status-suspended{background:#fde8e8;color:#922f2f}.personal-space-note{margin:0 22px 20px;padding:12px;border-radius:10px;background:#edf5f8}.personal-space-note b,.personal-space-note span{display:block}.personal-space-note b{font-size:12px}.personal-space-note span{font-size:11px;color:#587080;line-height:1.7;margin-top:4px}.muted-copy{font-size:11px;color:var(--muted);line-height:1.7}.settings-grid-v32{grid-template-columns:1fr 1fr}.settings-grid-v32 textarea{width:100%;min-height:92px;border:1px solid #d9e2e8;border-radius:9px;background:#fbfcfd;padding:10px 12px;font:inherit;resize:vertical}.switch-grid{padding:0 22px 15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-switch{display:flex!important;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fbfcfd}.setting-switch input{width:18px;height:18px;flex:none;margin-top:2px}.setting-switch span{margin:0}.setting-switch b,.setting-switch small{display:block}.setting-switch b{font-size:12px}.setting-switch small{font-size:10px;color:var(--muted);margin-top:4px}.settings-grid-v32>article>label{display:block;padding:0 22px 14px}.activity-panel{margin-top:18px}.workspace-bar .hidden{display:none!important}
@media(max-width:1000px){.login-portal{grid-template-columns:1fr}.login-intro{padding:30px}.personal-center-grid{grid-template-columns:1fr 1fr}.settings-grid-v32{grid-template-columns:1fr}}
@media(max-width:680px){.login-screen{padding:10px}.login-intro{padding:24px}.login-intro h1{font-size:26px}.access-flow{grid-template-columns:1fr}.auth-card{padding:22px}.auth-form-grid,.personal-center-grid,.switch-grid{grid-template-columns:1fr}.global-announcement{margin:10px 14px 0}}
/* V4.0 Stage 2: account review and recovery */
.auth-assist-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;color:#71808d}
.text-link{border:0;background:transparent;color:#2456a6;padding:4px 0;cursor:pointer;font-weight:600}
.status-portal-card{width:min(1080px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;border:1px solid #dfe6eb;border-radius:24px;box-shadow:0 24px 80px rgba(23,59,114,.18);padding:30px}
.status-portal-card h1{margin:14px 0 8px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.status-grid section,.resubmit-card{border:1px solid #e2e8f0;border-radius:16px;padding:18px;background:#f8fafc}.status-grid h3,.resubmit-card h3{margin:0 0 12px}.status-timeline{display:grid;gap:10px}.timeline-row{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid #e2e8f0;font-size:12px}.timeline-row:last-child{border-bottom:0}.timeline-row span{color:#475569}.timeline-row time{color:#94a3b8}.status-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.status-changes_requested{background:#fff7ed;color:#9a3412}.status-rejected{background:#fee2e2;color:#991b1b}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#dcfce7;color:#166534}
.bulk-review-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid #dfe6eb;border-radius:12px;background:#f8fafc;margin-bottom:12px}.bulk-review-bar label{display:flex;align-items:center;gap:6px;margin:0}.bulk-review-bar input{width:auto;height:auto}
@media(max-width:760px){.status-grid{grid-template-columns:1fr}.timeline-row{grid-template-columns:1fr}.status-portal-card{padding:20px}.auth-assist-row{align-items:flex-start;flex-direction:column}}
/* R2.10: responsive multi-select overlay; keeps controls fully visible at all desktop widths. */
.filter-grid{position:relative}.filters,.panel.filters,.page,.main{overflow:visible}.multi-filter-field{position:relative;min-width:0}.multi-filter-field>span{display:block;font-size:11px;color:#61717e;font-weight:650;margin-bottom:7px}.multi-select-trigger{width:100%;height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d9e2e8;border-radius:9px;background:#fbfcfd;padding:0 12px;color:var(--ink);cursor:pointer;text-align:left}.multi-select-trigger:hover{border-color:#a9c2d3;background:#fff}.multi-select-trigger:focus-visible,.multi-select-trigger[aria-expanded="true"]{outline:none;border-color:#5a94b9;box-shadow:0 0 0 3px rgba(58,126,170,.1);background:#fff}.multi-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-trigger i{font-style:normal;color:#70818e;flex:none}.multi-select-menu{position:fixed;z-index:10050;width:min(360px,calc(100vw - 24px));max-height:min(480px,calc(100vh - 24px));display:flex;flex-direction:column;padding:10px;border:1px solid #cfdae3;border-radius:13px;background:#fff;box-shadow:0 18px 46px rgba(20,42,60,.18)}.multi-select-menu[hidden]{display:none!important}.multi-select-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-bottom:9px;border-bottom:1px solid #e7edf1}.multi-select-tools input{height:38px;min-width:0}.multi-select-tools button{height:38px;min-width:64px;border:1px solid #d8e1e7;border-radius:8px;background:#f7fafc;color:#37617d;cursor:pointer;padding:0 12px;white-space:nowrap}.multi-select-tools button:hover{background:#edf4f8}.multi-select-options{min-height:54px;max-height:360px;overflow:auto;padding:7px 2px 2px;overscroll-behavior:contain;scrollbar-width:thin}.multi-select-option{display:flex;align-items:center;gap:10px;min-height:38px;padding:7px 9px;border-radius:8px;cursor:pointer;color:#263743;font-size:12px}.multi-select-option:hover{background:#f1f6f9}.multi-select-option input{width:17px;height:17px;flex:none;margin:0;accent-color:#2b78ae}.multi-select-option span{margin:0;line-height:1.35}.multi-select-empty{padding:18px 10px;text-align:center;color:#82909b;font-size:12px}.multi-select-menu.is-above{transform-origin:bottom center}.multi-select-menu:not(.is-above){transform-origin:top center}@media(max-width:1180px){.filter-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.search-box{grid-column:span 2}.filter-grid>.primary,.filter-grid>.ghost{min-height:42px}}@media(max-width:760px){.filter-grid{grid-template-columns:1fr}.search-box{grid-column:auto}.multi-select-menu{width:calc(100vw - 20px);max-height:min(68vh,520px)}}
/* R2.10: avoid showing the login portal during authenticated page restoration. */
html.hv-auth-boot #login-screen{visibility:hidden;opacity:0;pointer-events:none}
/* V4.4.0 R10 qualification five-state semantics */
.qualification{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:750;line-height:1.4}
.qualification-normal{background:#e9f7ef;color:#18794e}
.qualification-pending_verification{background:#fff7d6;color:#8a6300}
.qualification-caution{background:#fff0df;color:#a84d00}
.qualification-ineligible{background:#ffe5e5;color:#b42318}
.qualification-rule_pending{background:#edf1f5;color:#52606d}
.qualification-batch-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.qualification-batch-bar>div:first-child{display:flex;flex-direction:column;gap:4px}.qualification-batch-bar span{font-size:12px;color:var(--v4-text-2)}.qualification-batch-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.qualification-filter.active{box-shadow:inset 0 0 0 2px var(--v4-primary)}.wish-select{display:flex;align-items:center;padding:0 4px}.wish-select input{width:18px;height:18px}.wish-item[data-qstatus="ineligible"]{border-left:4px solid #d64545}.wish-item[data-qstatus="pending_verification"]{border-left:4px solid #d5a300}.wish-item[data-qstatus="rule_pending"]{border-left:4px solid #6b7c93}@media(max-width:760px){.qualification-batch-bar{align-items:flex-start;flex-direction:column}.qualification-batch-actions{justify-content:flex-start}.qualification-batch-actions button{font-size:12px;padding:8px 10px}}
/* R10: persistent visibility for active multi-select filters. */
.active-filter-summary{margin-top:14px;padding:12px 14px;border:1px solid #d7e2e9;border-radius:12px;background:#f8fbfd;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(280px,2fr) auto;gap:12px;align-items:center}.active-filter-summary[hidden]{display:none!important}.active-filter-summary b{display:block;color:#28475b;font-size:13px}.active-filter-summary>div>span{display:block;margin-top:3px;color:#6e7d88;font-size:11px;line-height:1.45}.active-filter-chips{display:flex;flex-wrap:wrap;gap:7px}.active-filter-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 8px;border:1px solid #bed3e0;border-radius:999px;background:#fff;color:#2d607f;font-size:12px}.active-filter-chip b{font-size:12px;color:#244d66}.active-filter-chip button{border:0;background:transparent;color:#718694;cursor:pointer;padding:0 2px;font-size:15px;line-height:1}.multi-select-trigger.has-selection{border-color:#6da0bf;background:#f3f9fc}.multi-select-trigger.has-selection::after{content:attr(data-selected-count);display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;background:#2f7da9;color:#fff;font-size:11px;font-weight:700;padding:0 5px}.multi-select-trigger.has-selection i{display:none}@media(max-width:900px){.active-filter-summary{grid-template-columns:1fr}.active-filter-summary .ghost{justify-self:start}}
.login-warning{margin-top:12px;padding:10px;border-radius:8px;background:#fff4dc;color:#7a5617;font-size:12px}.password-recovery-status{margin:12px 0;padding:11px 13px;border-radius:10px;border:1px solid #d9e5ec;background:#f6f9fb;color:#506979;font-size:12px;line-height:1.6}.password-recovery-status.available{background:#e8f6ee;border-color:#b9dfca;color:#17663a}.password-recovery-status.unavailable{background:#fff4dc;border-color:#ead29c;color:#7a5617}.password-recovery-help{margin:12px 0 4px;padding:11px 13px;border-left:3px solid #6f9fc0;background:#f5f9fc;color:#607785;font-size:11px;line-height:1.7}
/* HF8.5 V3.0 intelligent funnel and global portfolio workspace */
.recommend-funnel{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:9px;margin:0 0 14px}.recommend-funnel article{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 14px;min-height:88px}.recommend-funnel article span,.recommend-funnel article b,.recommend-funnel article small{display:block}.recommend-funnel article span{font-size:10px;color:var(--muted)}.recommend-funnel article b{font-size:22px;color:#173a57;margin:7px 0 3px}.recommend-funnel article small{font-size:9px;color:#71808b;line-height:1.45}.recommend-funnel article i{position:absolute;right:-8px;top:33px;z-index:2;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#dcebf3;color:#3c718f;font-size:10px;font-style:normal}.recommend-engine-panel{padding:19px 20px;margin-bottom:14px}.recommend-engine-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.recommend-engine-head h3{margin:4px 0 5px}.recommend-engine-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.65;max-width:800px}.engine-gate{padding:8px 11px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.engine-gate.pass{background:#e6f5ee;color:#24775b}.engine-gate.blocked{background:#fbe9e9;color:#9d4444}.recommend-engine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.recommend-engine-grid article{background:#f7fafb;border:1px solid #e2eaee;border-radius:10px;padding:11px 12px}.recommend-engine-grid span,.recommend-engine-grid b,.recommend-engine-grid small{display:block}.recommend-engine-grid span{font-size:9px;color:#81909a}.recommend-engine-grid b{font-size:12px;margin:5px 0;line-height:1.5;color:#23445d}.recommend-engine-grid small{font-size:9px;color:#7c8992;line-height:1.5}.engine-issue-list{display:grid;gap:7px;margin-top:12px}.engine-issue-list>div{border-left:3px solid var(--red);background:#fff5f5;padding:9px 11px;border-radius:7px}.engine-issue-list b,.engine-issue-list span{display:block}.engine-issue-list b{font-size:10px;color:#984242}.engine-issue-list span{font-size:10px;color:#6f5960;margin-top:3px}.recommend-view-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;margin-bottom:12px}.recommend-view-toolbar b,.recommend-view-toolbar span{display:block}.recommend-view-toolbar b{font-size:13px}.recommend-view-toolbar>div>span{font-size:10px;color:var(--muted);margin-top:3px}.v35-result-shell{display:grid;gap:7px}.v35-explanation,.v35-pending-note{margin:-2px 8px 8px;border:1px solid #cddfe9;border-radius:0 0 12px 12px;background:linear-gradient(135deg,#f2f8fb,#f8fbfc);padding:11px 13px;display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(220px,.8fr) minmax(190px,.8fr) auto;align-items:center;gap:10px}.v35-explanation>div:first-child b,.v35-explanation>div:first-child span{display:block}.v35-explanation>div:first-child b{font-size:10px;color:#255f80}.v35-explanation>div:first-child span{font-size:9px;color:#60737f;line-height:1.55;margin-top:3px}.v35-explanation>small{font-size:9px;line-height:1.5;color:#6f7e88}.v35-score-chips{display:flex;gap:5px;flex-wrap:wrap}.v35-score-chips span{font-size:9px;padding:4px 6px;background:#e5f0f6;border-radius:999px;color:#34677f}.v35-explanation button{font-size:9px;white-space:nowrap}.v35-pending-note{display:block;border-color:#ead9a8;background:#fffaf0}.v35-pending-note b,.v35-pending-note span{display:block}.v35-pending-note b{font-size:11px;color:#8a6418}.v35-pending-note span{font-size:10px;color:#7d7055;margin-top:4px}.recommend-controls{grid-template-columns:170px 170px 170px 1fr}.recommend-controls>.hidden{display:none!important}
@media(max-width:1280px){.recommend-funnel{grid-template-columns:repeat(4,1fr)}.recommend-funnel article i{display:none}.recommend-engine-grid{grid-template-columns:repeat(2,1fr)}.recommend-controls{grid-template-columns:repeat(3,1fr)}.recommend-method{grid-column:1/-1}.v35-explanation{grid-template-columns:1fr 1fr}.v35-explanation button{justify-self:start}}
@media(max-width:760px){.recommend-funnel{grid-template-columns:repeat(2,1fr)}.recommend-engine-head,.recommend-view-toolbar{align-items:flex-start;flex-direction:column}.recommend-engine-grid{grid-template-columns:1fr}.recommend-controls{grid-template-columns:1fr}.v35-explanation{grid-template-columns:1fr;margin-left:3px;margin-right:3px}.recommend-view-toolbar .pager-controls{width:100%;justify-content:space-between}}
/* HF8.5 V3.0 R3: sensitivity analysis and minimal-churn repair */
.v35-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.sensitivity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.sensitivity-card{display:flex;flex-direction:column;gap:8px}.sensitivity-card>span{font-size:12px;color:var(--muted,#667085)}.sensitivity-card>b{font-size:22px}.sensitivity-card small,.repair-summary small{line-height:1.7;color:var(--muted,#667085)}.repair-summary{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.repair-summary .primary{align-self:flex-start}.muted{color:var(--muted,#667085);font-size:12px}@media(max-width:760px){.sensitivity-grid{grid-template-columns:1fr}.v35-card-actions button{flex:1 1 100%}}
/* HF8.5 R6: explicit algorithm degradation and narrow-screen action safety */
.engine-degradation-notice{display:flex;align-items:flex-start;gap:10px;margin:-2px 0 13px;padding:10px 12px;border:1px solid #e8c982;border-radius:10px;background:#fff9e9;color:#70541b}.engine-degradation-notice b{flex:none;font-size:10px}.engine-degradation-notice span{font-size:10px;line-height:1.55}.section-actions button,.collection-batch-actions button,.wish-command-actions button{max-width:100%}@media(max-width:760px){.section-actions,.collection-batch-actions,.wish-command-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.section-actions button,.collection-batch-actions button,.wish-command-actions button{width:100%;min-width:0;white-space:normal}.candidate-summary-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.recommend-scope-head{align-items:flex-start;flex-direction:column}.recommend-scope-head>button{width:100%}.engine-degradation-notice{flex-direction:column;gap:4px}}
/* P7-A4 · unified risk navigation, institution grouping and collection state */
.filter-help{display:block;margin-top:6px;color:var(--muted,#667085);font-size:12px;line-height:1.55}
.risk.bottom,.risk-badge.bottom,.wish-slot.bottom{background:#e8f7ef;color:#176c45;border-color:#9fd5b8}
.search-risk-navigation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:14px 16px;border:1px solid #d9e3ee;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#f3f8f6);box-shadow:0 8px 24px rgba(28,55,82,.05)}
.search-risk-navigation>div:first-child{min-width:150px;display:flex;flex-direction:column;gap:3px}
.search-risk-navigation>div:first-child b{color:#17365d;font-size:14px}
.search-risk-navigation>div:first-child span{color:#667085;font-size:12px;line-height:1.45}
.search-risk-nav-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.search-risk-nav-buttons button{min-width:72px;padding:8px 10px;border:1px solid #d6e0ea;border-radius:12px;background:#fff;color:#344054;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:none}
.search-risk-nav-buttons button span{font-size:12px}
.search-risk-nav-buttons button b{font-size:13px;color:#17365d}
.search-risk-nav-buttons button:hover{border-color:#7ca5cb;background:#f2f8fd}
.search-risk-nav-buttons button.active{border-color:#2f5597;background:#eaf2fb;color:#17365d;box-shadow:inset 0 0 0 1px rgba(47,85,151,.12)}
.institution-result-group{margin:0 0 18px;border:1px solid #dbe4ed;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(23,54,93,.06)}
.institution-group-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:linear-gradient(135deg,#f4f8fc,#eef6f3);border-bottom:1px solid #dbe4ed}
.institution-group-head>div{display:grid;gap:3px;min-width:0}
.institution-group-head b{font-size:17px;color:#17365d}
.institution-group-head span,.institution-group-head small{color:#667085;line-height:1.45}
.institution-group-head span{font-size:13px}.institution-group-head small{font-size:12px}
.institution-group-head button{flex:0 0 auto;padding:8px 13px;border-radius:10px;border:1px solid #9fb6cb;background:#fff;color:#2f5597}
.institution-group-body{display:grid;gap:14px;padding:14px;background:#f8fafc}
.institution-result-group.collapsed .institution-group-body{display:none}
.institution-result-group.collapsed .institution-group-head{border-bottom:0}
.card-actions .collection-status.active{background:#edf8f1;border-color:#8bc7a5;color:#176c45;font-weight:700}
.card-actions .collection-status.active:hover{background:#e2f4e9;border-color:#5eae80}
.card-actions .collection-remove{background:#fff6f4;border-color:#efb8ad;color:#a63a2b}
.card-actions .collection-remove:hover{background:#ffebe7;border-color:#dd8c7c}
.result-card.collection-focus,.wish-item.collection-focus{animation:p7CollectionFocus 2.4s ease;outline:3px solid rgba(47,85,151,.34);outline-offset:3px}
@keyframes p7CollectionFocus{0%,100%{box-shadow:0 10px 30px rgba(23,54,93,.08)}20%,65%{box-shadow:0 0 0 7px rgba(47,85,151,.13),0 14px 36px rgba(23,54,93,.16)}}
.has-collection-select{position:relative}.has-collection-select>.collection-select{position:absolute;left:12px;top:14px;z-index:3}.has-collection-select>.result-card-top{padding-left:30px}
@media(max-width:980px){.search-risk-navigation{align-items:flex-start;flex-direction:column}.search-risk-nav-buttons{justify-content:flex-start}.institution-group-head{position:relative}}
@media(max-width:640px){.search-risk-nav-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.search-risk-nav-buttons button{min-width:0}.institution-group-head{align-items:flex-start}.institution-group-head b{font-size:15px}.institution-group-head button{padding:7px 10px}.institution-group-body{padding:10px}}
/* P7-A5 历史支持度与分角色报告 */
.support-interval-strip{margin:12px 0 0;padding:12px 14px;border-radius:10px;border:1px solid #c8dbe8;background:#f4f9fc;display:flex;align-items:center;justify-content:space-between;gap:14px}.support-interval-strip>div{display:flex;align-items:center;gap:12px}.support-interval-strip span{font-size:10px;color:var(--muted)}.support-interval-strip b{font-size:17px;color:#176b55}.support-interval-strip small{font-size:10px;line-height:1.5;color:var(--muted);text-align:right}.support-interval-strip.unavailable{background:#f7f7f7;border-color:var(--line)}.support-interval-strip.unavailable b{font-size:12px;color:#707982}.report-template-center{margin:18px 0;padding:22px}.report-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.report-template-grid label{display:grid;gap:6px}.report-template-grid label span{font-size:11px;color:var(--muted);font-weight:700}.report-template-grid .wide-field{grid-column:1/-1}.report-custom-modules{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f7fafc;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.report-custom-modules.hidden{display:none}.report-custom-modules>b{width:100%;font-size:12px;color:var(--ink)}.report-custom-modules label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.report-template-boundary{margin-top:15px;padding:12px 14px;border-left:4px solid #2f759b;background:#eff6fa;display:grid;gap:4px}.report-template-boundary b{font-size:12px}.report-template-boundary span{font-size:11px;line-height:1.6;color:var(--muted)}
@media(max-width:820px){.support-interval-strip{align-items:flex-start;flex-direction:column}.support-interval-strip small{text-align:left}.report-template-grid{grid-template-columns:1fr}.report-template-grid .wide-field{grid-column:auto}}
/* P7-A6 transfer policy mechanism panel */
.transfer-policy-panel{margin:18px 0;padding:18px;border:1px solid #cad8e8;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#eef6ff);box-shadow:0 8px 24px rgba(39,75,120,.08)}
.transfer-policy-panel.mechanism-only{background:linear-gradient(135deg,#fffaf1,#fff4dd);border-color:#ead4a6}
.transfer-policy-panel.unavailable{background:#f6f7f9;border-color:#d8dde5}
.transfer-policy-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.transfer-policy-head h3{margin:4px 0 0}.transfer-policy-grade{white-space:nowrap;border-radius:999px;padding:6px 10px;background:#17365d;color:#fff;font-size:12px}.transfer-policy-grade.grade-D{background:#6b7280}.transfer-policy-grade.grade-C{background:#a16207}.transfer-policy-grade.grade-B{background:#1d4ed8}.transfer-policy-grade.grade-A{background:#047857}
.transfer-policy-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.transfer-policy-tags span{border-radius:999px;background:#fff;border:1px solid #cddbea;padding:5px 9px;font-size:12px}.transfer-policy-tags .warning{border-color:#e6bd6b;background:#fff8e8;color:#8a4b00}
.transfer-policy-panel p{margin:10px 0;line-height:1.75}.transfer-policy-boundary{display:grid;gap:4px;padding:12px;border-radius:12px;background:rgba(255,255,255,.8);border-left:4px solid #2f5597}.transfer-policy-panel a{display:inline-block;margin-top:10px;color:#1d4ed8;font-weight:700}.transfer-policy-panel small{display:block;margin-top:8px;color:#667085;line-height:1.5}
@media(max-width:680px){.transfer-policy-head{display:grid}.transfer-policy-grade{justify-self:start}.transfer-policy-panel{padding:14px}}
/* R5.3 suggested-gender advisory: visible but never styled as a hard block. */
.gender-advisory-chip{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.4;vertical-align:middle}
.gender-advisory-chip.warning{background:#fff3cd;border:1px solid #e5b94f;color:#7a4d00}
.gender-advisory-chip.pending{background:#eef4ff;border:1px solid #9bb8ef;color:#244f91}

/* [02] /assets/v4-member.css sha256=fe98b94c31505ba5d2f71625e67ff6789f7510134eecd75be49a508234d2ad8a */
/* 河北高考志愿决策平台会员工作区 */
:root{
--v4-brand:#2456a6;--v4-brand-700:#173b72;--v4-brand-800:#102b55;--v4-brand-50:#eff6ff;
--v4-teal:#168c8c;--v4-gold:#c8953d;--v4-bg:#f5f8fc;--v4-surface:#fff;--v4-soft:#f8fafd;
--v4-border:#e4eaf2;--v4-border-strong:#d6dfea;--v4-text:#172033;--v4-text-2:#667085;--v4-text-3:#98a2b3;
--v4-success:#169b62;--v4-warning:#e59a21;--v4-danger:#d64545;--v4-attack:#e56b2f;--v4-match:#2456a6;
--v4-shadow:0 14px 40px rgba(23,59,114,.08);--v4-shadow-sm:0 6px 20px rgba(23,59,114,.06);
--v4-radius:18px;--v4-radius-sm:12px;--v4-sidebar:252px;
--navy:var(--v4-brand-700);--navy2:var(--v4-brand);--blue:var(--v4-brand);--blue2:var(--v4-brand-50);
--ink:var(--v4-text);--muted:var(--v4-text-2);--line:var(--v4-border);--bg:var(--v4-bg);--shadow:var(--v4-shadow-sm)
}
html,body{background:var(--v4-bg);color:var(--v4-text);font-family:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif}
body{letter-spacing:.01em}
button,input,select,textarea{font-family:inherit}
button{touch-action:manipulation}
.hidden{display:none!important}
/* Brand and shell */
.app-shell{min-height:100vh;background:var(--v4-bg)}
.sidebar{width:var(--v4-sidebar);padding:20px 15px 16px;background:linear-gradient(180deg,var(--v4-brand-700) 0%,var(--v4-brand-800) 100%);box-shadow:8px 0 30px rgba(16,43,85,.08)}
.main{margin-left:var(--v4-sidebar);width:calc(100% - var(--v4-sidebar))}
.brand{padding:2px 10px 20px;border-bottom:0;gap:11px}
.brand-logo-image{width:42px;height:42px;display:block;flex:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.14))}
.brand .brand-mark,.login-brand .dynamic-brand-mark{display:none!important}
.brand strong{font-size:15px;letter-spacing:.2px}.brand span{font-size:10px;color:rgba(255,255,255,.56);margin-top:4px}
.nav-section-title{font-size:10px;letter-spacing:1.2px;color:rgba(255,255,255,.35);padding:15px 12px 7px;text-transform:uppercase}
.sidebar nav{gap:2px;margin-top:3px;padding-right:2px}
.nav-item{min-height:43px;padding:10px 11px;border-radius:11px;color:rgba(255,255,255,.70);font-size:13px;gap:11px}
.nav-item:hover{background:rgba(255,255,255,.075);color:#fff;transform:none}
.nav-item.active{background:rgba(255,255,255,.13);color:#fff;box-shadow:inset 3px 0 0 #d9b26b}
.nav-item .nav-icon{width:18px;height:18px;flex:none;filter:brightness(0) invert(1);opacity:.7}
.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}
.nav-item b{background:#d9b26b;color:#173b72;min-width:20px;height:20px;font-size:10px}
.sidebar-foot{margin-top:12px;padding:14px 8px 2px;border-top:1px solid rgba(255,255,255,.1)}
.sidebar-foot small{color:rgba(255,255,255,.47)}
.status-dot{background:#68d6a9;box-shadow:0 0 0 4px rgba(104,214,169,.13)}
/* Top and workspace */
.topbar{height:72px;padding:0 28px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-color:var(--v4-border)}
.topbar h1{font-size:17px;letter-spacing:-.2px}.topbar p{font-size:11px;margin-top:4px}
.top-status-cluster{margin-left:auto;display:flex;gap:8px;align-items:center}
.top-status-chip{height:34px;padding:0 11px;border:1px solid var(--v4-border);border-radius:999px;background:#fff;color:var(--v4-text-2);font-size:11px;display:flex;align-items:center;gap:7px;white-space:nowrap}
.top-status-chip .live-dot{width:7px;height:7px;border-radius:50%;background:var(--v4-success);box-shadow:0 0 0 4px rgba(22,155,98,.10)}
.profile-chip{margin-left:8px;border-color:var(--v4-border);border-radius:999px;padding:6px 10px 6px 7px;box-shadow:none}
.profile-chip .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#d9b26b,#c8953d);color:#fff}
.profile-chip b{font-size:12px}.profile-chip small{font-size:10px}
.workspace-bar{margin:16px 28px 0;padding:11px 14px;background:#fff;border:1px solid var(--v4-border);border-radius:15px;box-shadow:var(--v4-shadow-sm);display:flex;align-items:flex-end;gap:10px}
.workspace-bar label{min-width:155px}.workspace-bar label span{font-size:10px;margin-bottom:5px}.workspace-bar select{height:36px;border-radius:9px;background:var(--v4-soft);font-size:12px}
.workspace-user{margin-left:auto}.workspace-user b{font-size:12px}.workspace-user small{font-size:10px}
.autosave-chip{height:36px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #d6eee3;border-radius:999px;background:#f0faf5;color:#12704d;white-space:nowrap}
.autosave-chip>span{width:7px;height:7px;border-radius:50%;background:var(--v4-success)}
.autosave-chip b{font-size:11px}.autosave-chip small{font-size:9px;color:#5d8f77}
.workspace-bar .ghost{height:36px;border-radius:9px;padding:0 12px;font-size:11px}
/* Shared page system */
.page{padding:26px 28px 62px;max-width:1540px}
.panel{border-color:var(--v4-border);border-radius:var(--v4-radius);box-shadow:var(--v4-shadow-sm)}
.section-intro{align-items:flex-start;margin-bottom:20px;gap:20px}
.section-intro h2{font-size:27px;line-height:1.25;letter-spacing:-.5px;margin:6px 0 7px}
.section-intro p{font-size:13px;line-height:1.7;max-width:820px}
.eyebrow{font-size:10px;letter-spacing:1.45px;color:#7e8ba1}
.primary,.secondary,.ghost,.danger-soft{min-height:40px;border-radius:11px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:650}
.primary{background:linear-gradient(135deg,#2f6bc2,var(--v4-brand));box-shadow:0 8px 18px rgba(36,86,166,.17)}
.primary:hover{background:linear-gradient(135deg,#2b63b3,#204d95);transform:translateY(-1px)}
.secondary{border:1px solid #cfe0f7;color:var(--v4-brand);background:#fff}.secondary:hover{background:var(--v4-brand-50)}
.ghost{border:1px solid var(--v4-border);background:#fff;color:var(--v4-text-2)}.ghost:hover{border-color:#bdcbe0;background:#f8fafd}
.danger-soft{border:1px solid #f2cccc;background:#fff3f3;color:#b13b3b}
input,select,textarea{border-color:var(--v4-border-strong);border-radius:11px;background:#fff;min-height:43px;color:var(--v4-text)}
input:focus,select:focus,textarea:focus{border-color:#8eafe0;box-shadow:0 0 0 4px rgba(36,86,166,.09)}
label>span,.field-block>span{color:#5d6b80;font-size:11px}
/* Public login */
.login-screen{background:
radial-gradient(circle at 8% 8%,rgba(80,129,197,.18),transparent 31%),
radial-gradient(circle at 92% 86%,rgba(22,140,140,.12),transparent 33%),#f4f7fb;padding:28px}
.login-portal{width:min(1180px,100%);grid-template-columns:1.08fr .92fr;gap:22px}
.login-intro{border-radius:26px;padding:46px;background:linear-gradient(142deg,#173b72 0%,#2456a6 62%,#2f6f9e 100%);position:relative;overflow:hidden;box-shadow:0 28px 80px rgba(23,59,114,.24)}
.login-intro:after{content:"";position:absolute;inset:0;background:url('/assets/v4/brand/yanzhao-pattern.svg') center/cover no-repeat;opacity:.15;pointer-events:none}
.login-intro>*{position:relative;z-index:1}
.login-brand{display:flex;gap:12px;align-items:center}.login-brand .brand-logo-image{width:48px;height:48px}
.login-brand b{display:block;font-size:17px}.login-brand span{display:block;font-size:11px;color:rgba(255,255,255,.62);margin-top:4px}
.login-intro h1{font-size:38px;letter-spacing:-1px;max-width:650px}.login-intro>p{font-size:14px;max-width:650px}
.access-flow>div{border-radius:14px;padding:15px;background:rgba(255,255,255,.075)}
.auth-card{border-radius:26px;padding:38px;box-shadow:0 26px 70px rgba(23,59,114,.13);border-color:#e1e8f1}
.auth-tabs{background:#f1f4f8;border-radius:12px}.auth-tabs button{border-radius:9px}.auth-tabs button.active{color:var(--v4-brand)}
.auth-panel h2{font-size:24px;letter-spacing:-.4px}.auth-panel>p{font-size:12px}
.auth-panel label{display:block;margin-top:13px}.auth-panel .primary{width:100%;height:46px;margin-top:10px}
.auth-assist-row{font-size:11px}.text-link{color:var(--v4-brand)}
.terms-details{border-color:var(--v4-border);background:#f9fbfd}
.public-boundary{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.15)}
.status-portal-card{border-radius:26px;box-shadow:0 28px 80px rgba(23,59,114,.18)}
/* Dashboard */
#page-dashboard .section-intro{margin-bottom:18px}
.decision-head-actions{display:flex;gap:10px;align-items:center}
.dashboard-kicker{display:inline-flex;align-items:center;gap:7px;color:#12704d;background:#edf9f3;border:1px solid #d7eee3;border-radius:999px;padding:7px 11px;font-size:11px}
.dashboard-kicker i{width:7px;height:7px;background:var(--v4-success);border-radius:50%}
.stat-grid{gap:16px;margin:0 0 18px}.stat-card{position:relative;overflow:hidden;border-color:var(--v4-border);border-radius:17px;padding:20px;box-shadow:var(--v4-shadow-sm)}
.stat-card:after{content:"";position:absolute;width:92px;height:92px;right:-30px;top:-34px;border-radius:50%;background:#eff5fd}
.stat-card>*{position:relative;z-index:1}.stat-card span{font-size:12px}.stat-card b{font-size:29px;letter-spacing:-.7px;margin:10px 0 6px}.stat-card small{font-size:11px}
.stat-card .metric-suffix{font-size:13px;font-style:normal;font-weight:500;color:var(--v4-text-2)}
.dashboard-main-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}
.dashboard-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.next-task-card,.scheme-health-card,.recent-card,.coverage-card{min-width:0}
.next-task-card .journey-list{padding:0 18px 16px}.next-task-card .journey-list button{padding:15px 4px}
.next-task-card .journey-list button>span{width:42px;height:42px;border-radius:12px;background:#eef4fc;color:var(--v4-brand);font-size:13px}
.next-task-card .journey-list em{min-width:108px;text-align:center;padding:9px 11px;background:#edf4fd;border-radius:9px;font-weight:650}
.next-task-card .journey-list button:last-child em{background:linear-gradient(135deg,#2f6bc2,var(--v4-brand));color:#fff}
.scheme-summary{padding:0 22px 22px}.scheme-count{font-size:33px;font-weight:800;letter-spacing:-1px}.scheme-count small{font-size:13px;color:var(--v4-text-2);font-weight:500}
.risk-stack{margin-top:18px;display:grid;gap:11px}.risk-row{display:grid;grid-template-columns:48px 1fr 30px;align-items:center;gap:9px;font-size:11px;color:var(--v4-text-2)}.risk-row b{text-align:right;color:var(--v4-text)}
.risk-track{height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}.risk-track i{display:block;height:100%;border-radius:999px}.risk-track .reach{background:var(--v4-attack)}.risk-track .match{background:var(--v4-brand)}.risk-track .stable{background:var(--v4-success)}.risk-track .safe{background:var(--v4-teal)}
.recent-candidate-list{padding:0 20px 18px;display:grid;gap:0}.recent-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--v4-border)}
.recent-row:first-child{border-top:0}.recent-school-badge{width:44px;height:44px;border-radius:13px;background:#f0f6ff;border:1px solid #d7e5f7;color:var(--v4-brand);display:grid;place-items:center;font-weight:800;font-size:11px}.recent-row b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-row small{display:block;margin-top:5px;color:var(--v4-text-2)}
.coverage-graph{height:152px;padding:20px 24px 0;display:flex;align-items:flex-end;gap:12px}.coverage-col{flex:1;text-align:center}.coverage-bar{width:100%;min-height:15px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#78a4dd,#2456a6)}.coverage-col span{display:block;font-size:9px;color:var(--v4-text-3);margin-top:6px}.coverage-note{margin:24px 20px 18px;padding:12px 14px;border:1px solid #d6e4f8;border-radius:12px;background:#f2f7ff;color:#3d5e8a;font-size:11px;line-height:1.6}
#page-dashboard>.hero,#page-dashboard>.two-col{display:none!important}
/* Profile */
.profile-progress-card{margin-bottom:18px;padding:15px 18px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.profile-progress-card b{font-size:13px}.profile-progress-card small{display:block;color:var(--v4-text-2);margin-top:5px;font-size:11px}.profile-progress-bar{width:250px;height:8px;background:#edf1f6;border-radius:999px;overflow:hidden}.profile-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#2f6bc2,var(--v4-teal));border-radius:999px}
.profile-layout{gap:18px}.form-section{padding-bottom:24px}.panel-head{padding:20px 22px 16px}.panel-head h3{font-size:16px}.panel-head p{font-size:11px}.section-no{color:#e2e9f2}
.form-grid{gap:15px}.toggle-row{background:#fbfcfe;border-color:var(--v4-border)}.check-group label{border-color:var(--v4-border);border-radius:10px}.check-group label:has(input:checked){background:var(--v4-brand-50);border-color:#aac4ea;color:var(--v4-brand);font-weight:650}
.profile-save-dock{position:sticky;bottom:16px;z-index:9;margin-top:18px;padding:12px 14px;border:1px solid rgba(214,223,234,.9);border-radius:15px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 14px 34px rgba(23,59,114,.13);display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-save-dock p{margin:0;font-size:11px;color:var(--v4-text-2)}.profile-save-dock .actions{display:flex;gap:8px}
/* Search */
#page-search .section-intro{align-items:center}.scenario-binding{border:1px solid #d7e5f7;background:#f1f6fd;color:#416087;padding:8px 12px;border-radius:999px;font-size:11px}
.filter-explain{background:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;overflow:hidden}.filter-explain>div{padding:16px 18px;border-left:1px solid var(--v4-border)}.filter-explain>div:first-child{border-left:0}.filter-explain b{font-size:12px;color:var(--v4-brand)}.filter-explain span{font-size:10px;line-height:1.6;color:var(--v4-text-2)}
.filters{padding:16px;margin-top:14px}.filter-grid.advanced{gap:10px}.filter-field>span{font-size:10px}.search-input{position:relative}.search-input i{position:absolute;left:13px;top:12px;color:#8a98aa}.search-input input{padding-left:34px}.filter-actions{display:flex;gap:8px;align-items:flex-end}.results-toolbar{height:auto;min-height:52px;margin:12px 0;padding:0 4px}.results-toolbar strong{color:var(--v4-text)}
.result-list{gap:14px}.result-card{display:block;padding:18px;border-radius:17px;border-color:var(--v4-border);box-shadow:var(--v4-shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.result-card:hover{transform:translateY(-2px);border-color:#c3d4ea;box-shadow:var(--v4-shadow)}
.result-card-top{display:flex;justify-content:space-between;gap:16px}.result-title-block{display:flex;gap:13px;min-width:0}.result-school-badge{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#e7f0ff,#f7faff);border:1px solid #d8e5f7;display:grid;place-items:center;color:var(--v4-brand);font-weight:800;flex:none;font-size:12px}.result-title-block h4{font-size:17px;margin:0 0 7px}.result-title-block .major-name{font-size:13px;font-weight:700;color:#32425b}.school-level-tags{margin:7px 0 0}.school-level-tags span,.tag{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700;background:#f1f4f8;color:#4c5d75;border:0}.school-level-tags span:nth-child(1){background:#e9f1ff;color:#17488b}.school-level-tags span:nth-child(2){background:#e8f6fb;color:#0f6b84}.school-level-tags span:nth-child(3){background:#e9f7f2;color:#12704d}
.result-risk-side{display:flex;align-items:flex-start}.result-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.result-stat{padding:12px;border-radius:12px;background:#f8fafd}.result-stat span{display:block;font-size:10px;color:var(--v4-text-2)}.result-stat b{display:block;font-size:13px;margin-top:6px}.result-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px}.result-meta-line{font-size:11px;color:var(--v4-text-2);line-height:1.65}.card-actions{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:flex-end}.card-actions button{height:35px;padding:0 12px;border-radius:9px;font-size:11px;border-color:var(--v4-border)}.card-actions button[data-action="candidate"]{background:linear-gradient(135deg,#2f6bc2,var(--v4-brand));border-color:transparent;color:#fff}.card-actions button[data-action="detail"]{background:#fff}.card-actions button[data-action="wish"]{background:var(--v4-brand-50);color:var(--v4-brand);border-color:#cfe0f7}
.risk{border-radius:999px;padding:5px 9px;font-size:10px}.risk.reach{background:#fff0e8;color:#b84719}.risk.match{background:#e9f1ff;color:#17488b}.risk.stable{background:#e9f7f2;color:#12704d}.risk.safe{background:#e7f6f5;color:#116d6d}.risk.high{background:#fdecec;color:#a72d2d}.risk.unknown{background:#f1f4f8;color:#526176}
.qualification{font-size:10px}.qualification.pass{color:#12704d}.qualification.block{color:#a72d2d}
.empty-state{min-height:280px;border:1px dashed #cfd9e6;background:#fbfcfe;border-radius:17px}.empty-state:before{content:"";width:128px;height:96px;background:url('/assets/v4/states/empty-search.svg') center/contain no-repeat;display:block;margin:0 auto 12px}.empty-state>div{text-align:center}.empty-state b{font-size:15px}.empty-state p{font-size:11px;color:var(--v4-text-2)}
/* Candidate pool */
#candidate-list.empty-state:before{background-image:url('/assets/v4/states/empty-candidate.svg')}
.candidate-summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.candidate-summary-item{padding:14px 16px;background:#fff;border:1px solid var(--v4-border);border-radius:14px}.candidate-summary-item span{font-size:10px;color:var(--v4-text-2)}.candidate-summary-item b{display:block;font-size:22px;margin-top:6px}.candidate-persistence-note{display:flex;align-items:center;gap:8px;color:#12704d;font-size:11px;background:#f0faf5;border:1px solid #d8eee4;border-radius:999px;padding:8px 11px}
/* Wish workbench */
.wish-overview{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;margin-bottom:16px}.wish-health-card{padding:18px}.wish-health-card .big{font-size:34px;font-weight:800}.wish-health-card .big small{font-size:13px;color:var(--v4-text-2)}
.wish-legend{border:1px solid var(--v4-border);background:#fff;border-radius:14px;padding:11px 14px;margin-bottom:13px}.wish-list{gap:8px}.wish-item{border-color:var(--v4-border);border-radius:14px;padding:13px 15px;background:#fff;box-shadow:none;transition:.16s}.wish-item:hover{box-shadow:var(--v4-shadow-sm);border-color:#c9d7e8}.wish-item.dragging{opacity:.6;box-shadow:0 12px 32px rgba(36,86,166,.18)}.drag-handle{color:var(--v4-text-3)}.drag-handle b{color:var(--v4-brand)}.wish-item h4{font-size:13px}.wish-item p{font-size:10px}.wish-item button[data-remove]{height:32px;border-radius:8px;background:#fff3f3;color:#b13b3b;border:1px solid #f0d1d1}
#wish-list.empty-state:before{background-image:url('/assets/v4/states/empty-candidate.svg')}
/* Audit */
#audit-content{overflow:hidden}.audit-content-inner{padding:22px}.audit-hero{border-radius:16px;background:linear-gradient(135deg,#f3f7fd,#edf8f7);padding:20px}.audit-issue{border-radius:12px}.audit-score{box-shadow:0 10px 24px rgba(36,86,166,.10)}
/* Reports */
.report-grid{gap:16px}.report-card{border-color:var(--v4-border);border-radius:17px;transition:.18s}.report-card:hover{transform:translateY(-2px);box-shadow:var(--v4-shadow)}.report-card>span{background:#eef4fc;color:var(--v4-brand)}
.report-note{border-left:4px solid var(--v4-gold)}
/* Modal */
.modal{backdrop-filter:blur(8px);background:rgba(16,32,55,.48)}.modal-card{border-radius:22px;border:1px solid rgba(255,255,255,.5);box-shadow:0 30px 90px rgba(16,43,85,.28)}.modal-close{border-radius:50%}.detail-head h2{font-size:24px}.detail-grid>div{background:#f8fafd;border-radius:12px}.fit-evidence,.eligibility-notice{border-radius:13px}.history-table{border-radius:12px;overflow:hidden}
/* Mobile bottom navigation */
.mobile-bottom-nav{display:none}
/* Motion */
.page.active{animation:v4-page-in .19s ease both}@keyframes v4-page-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
button,.nav-item,.result-card,.report-card{transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Responsive */
@media(max-width:1180px){
.top-status-cluster .top-status-chip:first-child{display:none}.dashboard-main-grid,.dashboard-lower-grid{grid-template-columns:1fr}.result-stats-grid{grid-template-columns:repeat(2,1fr)}
.profile-layout{grid-template-columns:1fr}.form-section.wide{grid-column:auto}.candidate-summary-bar{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
.sidebar{transform:translateX(-105%);width:280px;transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar{padding:0 16px}.icon-btn{display:block}.workspace-bar{margin:12px 14px 0;overflow-x:auto;align-items:flex-end}.workspace-bar label{min-width:140px}.workspace-user,.autosave-chip{display:none}.page{padding:20px 14px 84px}.top-status-cluster{display:none}.profile-chip{margin-left:auto}
.filter-explain{grid-template-columns:1fr}.filter-explain>div{border-left:0;border-top:1px solid var(--v4-border)}.filter-explain>div:first-child{border-top:0}.filter-grid.advanced{grid-template-columns:repeat(2,1fr)}.filter-actions{grid-column:1/-1}.result-footer{align-items:flex-start;flex-direction:column}.card-actions{justify-content:flex-start}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:68px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--v4-border);display:grid;grid-template-columns:repeat(4,1fr);z-index:30;backdrop-filter:blur(16px)}.mobile-bottom-nav button{border:0;background:transparent;color:#7a8799;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px}.mobile-bottom-nav button img{width:19px;height:19px}.mobile-bottom-nav button.active{color:var(--v4-brand);font-weight:700}
}
@media(max-width:680px){
.login-screen{padding:10px}.login-intro{display:none}.login-portal{display:block}.auth-card{min-height:calc(100vh - 20px);padding:26px 22px;border-radius:22px}.auth-card:before{content:"";display:block;width:54px;height:54px;background:url('/assets/v4/brand/logo-mark.svg') center/contain no-repeat;margin-bottom:18px}.auth-panel h2{font-size:22px}.auth-form-grid{grid-template-columns:1fr}.status-portal-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:20px}
.section-intro{flex-direction:column;align-items:stretch}.section-intro>div:last-child,.decision-head-actions{width:100%;display:flex}.section-intro button{flex:1}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:15px}.stat-card b{font-size:23px}.dashboard-main-grid,.dashboard-lower-grid{grid-template-columns:1fr}.next-task-card .journey-list em{display:none}.candidate-summary-bar{grid-template-columns:repeat(2,1fr)}.filter-grid.advanced{grid-template-columns:1fr}.result-stats-grid{grid-template-columns:repeat(2,1fr)}.result-card-top{align-items:flex-start}.result-title-block h4{font-size:15px}.result-school-badge{width:42px;height:42px}.profile-progress-card{grid-template-columns:1fr}.profile-progress-bar{width:100%}.form-grid,.form-grid.three{grid-template-columns:1fr}.profile-save-dock{bottom:76px;align-items:flex-start;flex-direction:column}.profile-save-dock .actions{width:100%}.profile-save-dock button{flex:1}.wish-overview{grid-template-columns:1fr}.wish-item{grid-template-columns:48px minmax(0,1fr) auto}.wish-item .wish-extra:nth-of-type(2){display:none}.report-grid{grid-template-columns:1fr}.global-footer-notice{margin-left:14px;margin-right:14px}
}
.autosave-chip.saving{background:#fff8e8;border-color:#f0dfb2;color:#8a6414}.autosave-chip.saving>span{background:var(--v4-warning);animation:v4-pulse 1s infinite}.autosave-chip.error{background:#fff1f1;border-color:#f1cccc;color:#a72d2d}.autosave-chip.error>span{background:var(--v4-danger)}.autosave-chip.saved{background:#f0faf5;border-color:#d6eee3;color:#12704d}@keyframes v4-pulse{50%{opacity:.35}}
.candidate-persistence-note{margin-bottom:14px}
body:has(#login-screen:not(.hidden)),body:has(#member-status-screen:not(.hidden)),body:has(#force-password-screen:not(.hidden)){overflow:hidden}
/* V4.1 production safety and preview states */
.preview-mode-banner{position:sticky;top:0;z-index:120;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 22px;background:linear-gradient(90deg,#173f77,#245fa7);color:#fff;box-shadow:0 8px 24px rgba(20,55,103,.2)}.preview-mode-banner>div{display:flex;align-items:center;gap:12px}.preview-mode-banner b{font-size:13px}.preview-mode-banner span{font-size:11px;opacity:.88}.preview-mode-banner button{height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.4);border-radius:9px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}.admin-preview-mode .sidebar-foot .status-dot{background:#f5b942}.admin-preview-mode .topbar{top:56px}.email-verification-card{margin:16px 0;padding:14px 16px;border:1px solid #f0d99d;border-radius:14px;background:#fff9e9;display:flex;align-items:center;justify-content:space-between;gap:16px}.email-verification-card b{color:#805d13}.email-verification-card p{margin:5px 0 0;color:#715f3d;font-size:12px}.email-verification-card button{white-space:nowrap}
@media(max-width:760px){.preview-mode-banner,.preview-mode-banner>div,.email-verification-card{align-items:flex-start;flex-direction:column}.preview-mode-banner{position:relative}.admin-preview-mode .topbar{top:0}}
.data-gate-card{padding:26px;border:1px solid #edd8a4;border-radius:18px;background:linear-gradient(145deg,#fffdf7,#fff8e6);box-shadow:var(--v4-shadow-sm)}.data-gate-card>span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f7e9bd;color:#725716;font-size:10px;font-weight:800}.data-gate-card h3{margin:14px 0 8px;font-size:19px}.data-gate-card p,.data-gate-card li{color:var(--v4-text-2);font-size:12px;line-height:1.7}.data-gate-card ul{margin:10px 0 18px;padding-left:20px}
/* V4.1 Stage 2: unified product shell and sunny professional visual refinement */
.skip-link{position:fixed!important;left:16px!important;top:12px!important;z-index:2147483000!important;max-width:calc(100vw - 32px);padding:10px 14px;border:1px solid #cbd8e6;border-radius:10px;background:#fff;color:var(--v4-brand);box-shadow:var(--v4-shadow);text-decoration:none;font-weight:700;opacity:0;pointer-events:none;transform:translateY(calc(-100% - 28px));transition:transform .14s ease,opacity .14s ease}.skip-link:focus,.skip-link:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0);outline:3px solid rgba(43,111,159,.25);outline-offset:3px}
.login-intro{min-height:600px;background:linear-gradient(145deg,#173b72 0%,#2456a6 54%,#25819a 100%)}
.login-intro:before{content:"";position:absolute;width:320px;height:320px;right:-130px;top:-125px;border-radius:50%;background:rgba(255,255,255,.075);box-shadow:-130px 360px 0 30px rgba(255,255,255,.035);pointer-events:none}
.login-capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 20px}
.login-capability-grid>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.075)}
.login-capability-grid img{grid-row:1/3;width:22px;height:22px;filter:brightness(0) invert(1);opacity:.9}.login-capability-grid b{font-size:12px}.login-capability-grid span{margin-top:3px;color:rgba(255,255,255,.64);font-size:10px;line-height:1.45}
.auth-card-heading{margin:-2px 0 18px}.auth-card-heading .eyebrow{display:block;color:#6b7c95}.auth-card-heading b,.auth-card-heading small{display:block}.auth-card-heading b{margin-top:8px;font-size:19px;letter-spacing:-.25px}.auth-card-heading small{margin-top:5px;color:var(--v4-text-2);font-size:11px}
.auth-security-note{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:12px 13px;border:1px solid #dce8f5;border-radius:12px;background:#f5f9fe}.auth-security-note img{width:19px;height:19px}.auth-security-note b,.auth-security-note span{display:block}.auth-security-note b{font-size:11px}.auth-security-note span{margin-top:4px;color:#6c7d92;font-size:10px;line-height:1.55}
.topbar-heading{min-width:0}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:3px;color:var(--v4-text-3);font-size:9px}.topbar-breadcrumb i{font-style:normal}.topbar-breadcrumb em{font-style:normal;color:#718096}
.top-status-chip.is-ready{border-color:#d6eee3;background:#f3fbf7;color:#126c4b}.top-status-chip.is-warning{border-color:#f0d8aa;background:#fff8e9;color:#80591f}.top-status-chip.is-blocked{border-color:#f0caca;background:#fff4f4;color:#9f3535}.top-status-chip.is-warning .live-dot,.top-status-chip.is-blocked .live-dot{background:var(--v4-warning);box-shadow:0 0 0 4px rgba(229,154,33,.11)}.top-status-chip.is-blocked .live-dot{background:var(--v4-danger)}
.dashboard-kicker.is-warning{color:#80591f;background:#fff8e9;border-color:#f0d8aa}.dashboard-kicker.is-warning i{background:var(--v4-warning)}.dashboard-kicker.is-blocked{color:#9f3535;background:#fff4f4;border-color:#f0caca}.dashboard-kicker.is-blocked i{background:var(--v4-danger)}
.sidebar{border-right:1px solid rgba(255,255,255,.06)}.nav-item{position:relative}.nav-item.active:after{content:"";position:absolute;right:9px;width:5px;height:5px;border-radius:50%;background:#e3bd72;box-shadow:0 0 0 4px rgba(227,189,114,.12)}
.workspace-bar{position:relative;top:auto;z-index:4}.page{scroll-margin-top:90px}.panel{transition:border-color .16s,box-shadow .16s}.panel:hover{border-color:#d8e2ef}
:focus-visible{outline:3px solid rgba(47,107,194,.30)!important;outline-offset:2px!important}
@media(max-width:1180px){.login-capability-grid{grid-template-columns:1fr}.login-intro{min-height:0}.topbar-breadcrumb{display:none}}
@media(max-width:700px){.login-capability-grid{grid-template-columns:1fr}.auth-card-heading b{font-size:17px}.auth-security-note{margin-bottom:3px}}
/* V4.1 Stage 5: calibrated recommendation explanation */
.recommend-model-card{margin:14px 0 18px;padding:20px;overflow:visible}.model-card-loading{display:flex;justify-content:space-between;gap:15px;align-items:center}.model-card-loading b{font-size:14px}.model-card-loading span{color:var(--v4-text-2);font-size:11px}.model-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.model-card-head h3{margin:7px 0 6px;font-size:18px}.model-card-head p{max-width:830px;margin:0;color:var(--v4-text-2);font-size:11px;line-height:1.7}.model-version-chip{display:inline-flex;white-space:nowrap;padding:7px 11px;border:1px solid #cfe0f3;border-radius:999px;background:#f1f7fd;color:var(--v4-brand);font-size:10px;font-weight:800}.model-card-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.model-card-facts article{padding:13px 14px;border:1px solid var(--v4-border);border-radius:13px;background:#f9fbfe}.model-card-facts span,.model-card-facts b,.model-card-facts small{display:block}.model-card-facts span{color:var(--v4-text-3);font-size:9px}.model-card-facts b{margin-top:7px;font-size:19px;letter-spacing:-.02em}.model-card-facts small{margin-top:5px;color:var(--v4-text-2);font-size:9px}.model-card-facts .model-fingerprint{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;letter-spacing:0}.model-boundary-row{display:flex;gap:10px;margin-top:12px;padding:11px 13px;border-radius:11px;background:#fff8e9;color:#72541d;font-size:10px;line-height:1.6}.model-boundary-row b{white-space:nowrap}.risk-calibration-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 18px 13px;padding:10px 12px;border:1px solid #e0e9f4;border-radius:12px;background:#f7fafe}.risk-calibration-strip span{color:var(--v4-text-2);font-size:10px}.risk-calibration-strip b{display:block;margin-bottom:3px;color:var(--v4-text-3);font-size:8px;font-weight:700}.false-safe-note{margin:-4px 18px 13px;padding:9px 11px;border-radius:10px;background:#fff8e9;color:#72541d;font-size:9px;line-height:1.55}.false-safe-note b{font-weight:800}
@media(max-width:900px){.model-card-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.model-card-head,.model-card-loading{align-items:flex-start;flex-direction:column}.model-card-facts{grid-template-columns:1fr 1fr}.risk-calibration-strip{grid-template-columns:1fr 1fr;margin-left:14px;margin-right:14px}.false-safe-note{margin-left:14px;margin-right:14px}.model-boundary-row{align-items:flex-start;flex-direction:column}}
/* V4.1 Stage 6: score-rank linkage and 96-wish workbench */
.score-rank-field span{display:flex;align-items:center;justify-content:space-between;gap:8px}.score-rank-field em{font-style:normal;font-size:9px;font-weight:700;color:var(--v4-brand);background:#edf5ff;border-radius:999px;padding:3px 7px}.score-rank-link-card{grid-column:1/-1;display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:center;margin-top:12px;padding:14px 16px;border:1px solid #d8e4f1;border-radius:13px;background:linear-gradient(135deg,#f6faff,#f3f9f8)}.score-rank-link-card.ready{border-color:#bcdccd;background:linear-gradient(135deg,#f1fbf6,#f4faff)}.score-rank-link-card.error{border-color:#efc9c9;background:#fff6f6}.score-rank-link-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e7f0fc;color:#2461a7;font-weight:900;font-size:20px}.score-rank-link-card.ready .score-rank-link-icon{background:#daf3e5;color:#16704b}.score-rank-link-card b,.score-rank-link-card p,.score-rank-link-card small{display:block}.score-rank-link-card b{font-size:12px}.score-rank-link-card p{margin:4px 0 3px;color:var(--v4-text-2);font-size:10px;line-height:1.55}.score-rank-link-card small{font-size:9px;color:var(--v4-text-3);line-height:1.45}
.wish-command-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;margin-bottom:13px;background:linear-gradient(135deg,#f8fbff,#f4faf8)}.wish-command-bar b,.wish-command-bar span{display:block}.wish-command-bar b{font-size:13px}.wish-command-bar span{margin-top:4px;color:var(--v4-text-2);font-size:10px}.wish-command-actions{display:flex;gap:8px;flex-wrap:wrap}.wish-command-actions button{min-height:36px}.wish-slot-map{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:5px;padding:13px;margin-bottom:13px}.wish-slot{height:25px;border-radius:6px;display:grid;place-items:center;font-size:8px;font-weight:800;border:1px solid #e0e8f1;background:#f8fafc;color:#9aa7b7}.wish-slot.filled{color:#fff;border-color:transparent}.wish-slot.reach,.wish-slot.high{background:#df775a}.wish-slot.match{background:#d79a3a}.wish-slot.stable{background:#3b86b9}.wish-slot.safe{background:#36a37b}.wish-slot.bottom{background:#dff6ef;color:#08745c!important;border-color:#a9dfd0!important}.wish-slot.unknown{background:#7b8796}.wish-slot.filled:focus-visible,.wish-slot.filled.touch-dragging{outline:3px solid #ffd36b;outline-offset:2px}.wish-slot-map:before{content:"冲 · 匹配 · 稳 · 保 · 底";grid-column:1/-1;color:#718096;font-size:9px;font-weight:700;letter-spacing:.08em;margin:0 0 3px 2px}.wish-validation{display:grid;grid-template-columns:150px 1fr 1.7fr;gap:15px;padding:17px;margin-bottom:15px}.wish-validation-score{display:flex;flex-direction:column;justify-content:center;padding:14px;border-radius:13px;background:#f3f7fd;text-align:center}.wish-validation-score span,.wish-validation-score small{font-size:9px;color:var(--v4-text-2)}.wish-validation-score b{font-size:28px;margin:7px 0;color:var(--v4-brand)}.wish-validation-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wish-validation-metrics div{padding:11px;border:1px solid var(--v4-border);border-radius:10px;background:#fbfcfe}.wish-validation-metrics span,.wish-validation-metrics b{display:block}.wish-validation-metrics span{font-size:8px;color:var(--v4-text-3)}.wish-validation-metrics b{font-size:17px;margin-top:5px}.wish-validation-metrics .bad{color:#b63b3b}.wish-validation-metrics .warn{color:#9a641a}.wish-validation-metrics .good{color:#17734d}.wish-validation-issues{display:grid;gap:7px;max-height:190px;overflow:auto}.wish-validation-issues>p{font-size:10px;color:var(--v4-text-2);line-height:1.6}.wish-check{padding:9px 11px;border-radius:9px;border-left:3px solid #8c9bac;background:#f6f8fb}.wish-check b,.wish-check span{display:block}.wish-check b{font-size:10px}.wish-check span{margin-top:3px;font-size:9px;color:var(--v4-text-2);line-height:1.5}.wish-check.block{border-left-color:#c34848;background:#fff4f4}.wish-check.warning{border-left-color:#c68a2f;background:#fff9ec}.wish-check.info{border-left-color:#4383b5;background:#f2f8fd}.wish-check.pass{border-left-color:#2d9267;background:#f1faf6}
@media(max-width:1100px){.wish-slot-map{grid-template-columns:repeat(16,minmax(0,1fr))}.wish-validation{grid-template-columns:130px 1fr}.wish-validation-issues{grid-column:1/-1;max-height:none}}
@media(max-width:700px){.score-rank-link-card{grid-template-columns:36px 1fr;padding:12px}.score-rank-link-icon{width:36px;height:36px}.wish-command-bar{align-items:stretch;flex-direction:column}.wish-command-actions{display:grid;grid-template-columns:1fr 1fr}.wish-command-actions .primary{grid-column:1/-1}.wish-slot-map{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}.wish-slot{height:23px;font-size:7px}.wish-validation{grid-template-columns:1fr}.wish-validation-metrics{grid-template-columns:repeat(4,1fr)}.wish-validation-metrics div{padding:8px}.wish-validation-metrics b{font-size:14px}.wish-validation-issues{grid-column:auto}}
/* V4.1 Stage 7: immutable finalization and verified multi-format exports */
.finalization-center{margin-top:16px;padding:20px;overflow:hidden;background:linear-gradient(135deg,#fbfdff 0%,#f5faf8 100%)}
.finalization-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid var(--v4-border)}
.finalization-head h3,.report-finalization h3{margin:6px 0 6px;font-size:17px;letter-spacing:-.2px;color:var(--v4-text-1)}
.finalization-head p,.report-finalization p{max-width:790px;margin:0;color:var(--v4-text-2);font-size:10px;line-height:1.65}
.finalization-state{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 11px;border:1px solid #dbe4ef;border-radius:999px;background:#f5f8fc;color:#65758a;font-size:9px;font-weight:800}
.finalization-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#9aa7b7}
.finalization-state.pending{border-color:#f0d7a8;background:#fff8e9;color:#80591f}.finalization-state.pending:before{background:#d69a35}
.finalization-state.ready{border-color:#bee1d0;background:#f1faf6;color:#156b49}.finalization-state.ready:before{background:#2f9669;box-shadow:0 0 0 4px rgba(47,150,105,.11)}
.finalization-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:11px;margin-top:15px}
.finalization-grid>article{min-height:96px;padding:14px 15px;border:1px solid var(--v4-border);border-radius:13px;background:rgba(255,255,255,.82)}
.finalization-grid article>span,.finalization-grid article>b,.finalization-grid article>small{display:block}
.finalization-grid article>span{color:var(--v4-text-3);font-size:9px}.finalization-grid article>b{margin-top:8px;font-size:13px;line-height:1.4}.finalization-grid article>small{margin-top:7px;color:var(--v4-text-2);font-size:9px;line-height:1.5}
.finalization-actions{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:8px}.finalization-actions button,.finalization-actions a{min-height:35px;display:inline-flex;align-items:center;justify-content:center}
.finalization-history{display:grid;gap:8px;margin-top:11px}.finalization-history>p{margin:0;padding:10px 12px;border-radius:9px;background:#f6f8fb;color:var(--v4-text-3);font-size:9px}
.finalization-history-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(220px,1.4fr) minmax(170px,1fr);align-items:center;gap:12px;padding:10px 12px;border:1px solid #e1e8f1;border-radius:10px;background:#fff;font-size:9px}
.finalization-history-row b{font-size:10px}.finalization-history-row span{color:var(--v4-text-2)}.finalization-history-row code{overflow:hidden;text-overflow:ellipsis;color:#315b88;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.finalization-history-row a{justify-self:end;font-weight:800;color:var(--v4-brand)}
.report-finalization{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px;padding:20px;border-color:#cfe1db;background:linear-gradient(135deg,#f4fbf7,#f5f9ff)}
.report-finalization-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.report-finalization-actions button,.report-finalization-actions a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.export-draft-label{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:3px 7px;border-radius:999px;background:#fff4df;color:#8a5b12;font-size:8px;font-weight:800;vertical-align:middle}
@media(max-width:1050px){.finalization-grid{grid-template-columns:1fr 1fr}.finalization-actions{grid-column:1/-1;min-height:auto}.finalization-history-row{grid-template-columns:1fr 1.2fr}.finalization-history-row code,.finalization-history-row a{justify-self:start}}
@media(max-width:700px){.finalization-center{padding:15px}.finalization-head,.report-finalization{align-items:stretch;flex-direction:column}.finalization-state{align-self:flex-start}.finalization-grid{grid-template-columns:1fr}.finalization-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.finalization-actions .primary{grid-column:1/-1}.finalization-history-row{grid-template-columns:1fr;gap:5px}.finalization-history-row a{justify-self:start}.report-finalization{padding:16px}.report-finalization-actions{display:grid;grid-template-columns:1fr}.report-finalization-actions button,.report-finalization-actions a{width:100%}}
/* V4.1.2 R2.2 administrator read-only preview contract */
.admin-preview-mode .preview-write-locked{cursor:not-allowed!important;opacity:.52!important;filter:grayscale(.18);box-shadow:none!important}
.admin-preview-mode input.preview-write-locked,.admin-preview-mode textarea.preview-write-locked,.admin-preview-mode select.preview-write-locked{background:#f3f5f8!important;color:#687386!important;border-color:#d7dde7!important}
.admin-preview-mode .preview-no-drag .drag-handle{cursor:not-allowed;opacity:.45}
.admin-preview-mode .preview-mode-banner b span{font-weight:800;color:#ffe7a8}
.admin-preview-mode .preview-mode-banner span{line-height:1.55}
/* V4.1.2 R2.6: multi-year intelligence, quota trend and professional evidence */
.quality-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}.major-quality,.school-rank-hint{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;line-height:1.35}.major-quality.verified{border:1px solid #bfe0cf;background:#eff9f4;color:#176d4c}.major-quality.unknown{border:1px solid #dfe5ec;background:#f6f8fb;color:#758296}.school-rank-hint{border:1px solid #d5e2f1;background:#f2f7fd;color:#41678f;font-weight:700}.result-stat small{display:block;margin-top:5px;color:var(--v4-text-3);font-size:8px;line-height:1.45}.intel-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 18px 12px;padding:12px 13px;border:1px solid #e2e9f1;border-radius:12px;background:linear-gradient(135deg,#fbfdff,#f7fafc)}.intel-history-grid>div>b{display:block;margin-bottom:7px;color:#617086;font-size:9px}.intel-chips{display:flex;gap:6px;flex-wrap:wrap}.intel-chips>span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:8px;background:#fff;border:1px solid #e4e9ef;color:#4f5e70;font-size:8px}.intel-chips>span b{font-size:8px;color:#1e5e9f}.intel-chips .intel-muted{color:#9aa6b5}.intelligence-summary{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:10px 0;padding:13px 14px;border:1px solid #dce7f2;border-radius:12px;background:#f7faff}.intelligence-summary b{font-size:11px;line-height:1.65}.intelligence-summary span{max-width:48%;color:var(--v4-text-2);font-size:9px;line-height:1.65}.professional-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:16px}.professional-evidence,.ranking-caveat{min-height:110px;padding:15px;border:1px solid var(--v4-border);border-radius:13px;background:#fbfcfe}.professional-evidence.verified{border-color:#bfe0cf;background:#f2faf6}.professional-evidence.unknown{background:#f7f8fa}.professional-evidence b,.professional-evidence p,.professional-evidence small,.ranking-caveat b,.ranking-caveat span{display:block}.professional-evidence b,.ranking-caveat b{font-size:12px}.professional-evidence p,.ranking-caveat span{margin:7px 0 0;color:var(--v4-text-2);font-size:9px;line-height:1.65}.professional-evidence small{margin-top:7px;color:#617086;font-size:8px}.ranking-caveat{border-color:#d4e1ef;background:#f4f8fd}.history-table td small{display:block;margin-top:3px;color:#7d8998;font-size:8px}.recommend-controls{grid-template-columns:minmax(140px,.8fr) minmax(140px,.8fr) minmax(170px,1fr) minmax(280px,2.1fr)}
@media(max-width:1050px){.recommend-controls{grid-template-columns:1fr 1fr}.recommend-method{grid-column:1/-1}.professional-grid{grid-template-columns:1fr}.intelligence-summary{flex-direction:column}.intelligence-summary span{max-width:none}}
@media(max-width:680px){.intel-history-grid{grid-template-columns:1fr;margin-left:12px;margin-right:12px}.recommend-controls{grid-template-columns:1fr}.recommend-method{grid-column:auto}.professional-grid{grid-template-columns:1fr}.quality-row{align-items:flex-start}.school-rank-hint{white-space:normal}.history-table{min-width:760px}}
/* R2.7: context selectors remain usable during administrator read-only preview. */
.admin-preview-mode #family-select,
.admin-preview-mode #profile-select,
.admin-preview-mode #scenario-select {
opacity: 1;
pointer-events: auto;
cursor: pointer;
filter: none;
}
.admin-preview-mode .workspace-bar select:not(.preview-write-locked) {
border-color: rgba(39,119,93,.34);
background-color: #fff;
}
/* R2.9 stable pagination, multi-select filters and export toolbar */
.multi-filter-field{position:relative;min-width:0}.multi-filter-field>span{display:block}.multi-select-trigger{width:100%;height:42px;border:1px solid #d9e2e8;border-radius:9px;background:#fbfcfd;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--v4-text,#23324a);cursor:pointer;text-align:left}.multi-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.multi-select-trigger i{font-style:normal;color:#718096}.multi-select-trigger[aria-expanded="true"]{border-color:#5a94b9;box-shadow:0 0 0 3px rgba(58,126,170,.1);background:#fff}.multi-select-menu{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 7px);min-width:260px;max-width:360px;padding:10px;border:1px solid #d6e0ea;border-radius:13px;background:#fff;box-shadow:0 18px 42px rgba(25,48,84,.18)}.multi-select-tools{display:flex;gap:7px;padding-bottom:8px;border-bottom:1px solid #edf1f5}.multi-select-tools input{height:34px;min-width:0}.multi-select-tools button{border:0;border-radius:8px;padding:0 10px;background:#edf3fb;color:#24569a;cursor:pointer;white-space:nowrap}.multi-select-options{max-height:280px;overflow:auto;padding:7px 2px 2px;display:grid;gap:3px}.multi-select-option{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:12px}.multi-select-option:hover{background:#f3f7fb}.multi-select-option input{width:16px;height:16px;margin:0;flex:none}.multi-select-option span{margin:0;color:#33445d}.multi-select-empty{padding:18px 8px;text-align:center;color:#8491a3;font-size:11px}.risk-legend{margin:14px 0 6px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 12px;border:1px solid #e0e7ef;border-radius:12px;background:#fff}.risk-legend>b{font-size:11px;color:#4f5f75;margin-right:3px}.risk-legend .risk{min-width:auto}.results-toolbar{gap:14px}.results-toolbar>span{line-height:1.65}.pager-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;flex:none}.pager-controls b{min-width:62px;text-align:center;color:#32425a}.pager-controls button:disabled{opacity:.42;cursor:not-allowed}.results-toolbar-bottom{margin-top:16px;padding:12px 14px;border:1px solid #dce5ee;border-radius:13px;background:rgba(255,255,255,.96);position:sticky;bottom:12px;z-index:14;box-shadow:0 12px 30px rgba(31,61,105,.12);backdrop-filter:blur(12px)}.result-risk-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.result-risk-side small{font-size:9px;color:#7b8899}.wish-counter{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.wish-export-actions{display:flex;gap:5px;margin-right:5px}.wish-export-actions .export-link{padding:7px 10px;font-size:10px;text-decoration:none}.result-card[data-risk="high"]{border-left:4px solid #c84141}.result-card[data-risk="reach"]{border-left:4px solid #df7b35}.result-card[data-risk="match"]{border-left:4px solid #3c73c7}.result-card[data-risk="stable"]{border-left:4px solid #2b9a70}.result-card[data-risk="safe"]{border-left:4px solid #168b91}.result-card[data-risk="unknown"]{border-left:4px solid #8b96a5}
@media(max-width:900px){.results-toolbar{align-items:flex-start;flex-direction:column}.pager-controls{width:100%;justify-content:flex-start}.results-toolbar-bottom{bottom:76px}.multi-select-menu{position:fixed;left:14px;right:14px;top:18vh;max-width:none;max-height:64vh}.multi-select-options{max-height:48vh}.wish-counter{justify-content:flex-start}.result-risk-side{align-items:flex-start}}
.page-jump{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0 0 0 4px;color:#68778b;font-size:10px;white-space:nowrap}.page-jump input{width:64px;height:34px;padding:0 7px;border:1px solid #d9e2e8;border-radius:8px;background:#fff;text-align:center;font-size:11px}.page-jump .ghost{height:34px;min-height:34px;padding:0 10px}
@media(max-width:680px){.page-jump{width:100%;justify-content:flex-start}.page-jump input{width:76px}}
/* R2.11: definitive multi-select overlay contract.
Menus are portalled to <body>; these rules intentionally override the R2.9
absolute-position implementation so viewport coordinates cannot be applied
inside a filter-grid positioning context. */
body > .multi-select-menu{
position:fixed!important;
top:var(--multi-top,10px)!important;
left:var(--multi-left,10px)!important;
right:auto!important;
bottom:auto!important;
width:var(--multi-width,300px)!important;
z-index:10080!important;
display:flex!important;
flex-direction:column!important;
min-width:0!important;
max-width:calc(100vw - 20px)!important;
max-height:calc(100vh - 20px)!important;
margin:0!important;
padding:10px!important;
overflow:hidden!important;
visibility:visible!important;
pointer-events:auto!important;
border:1px solid #cfdbe6!important;
border-radius:13px!important;
background:#fff!important;
box-shadow:0 20px 52px rgba(20,42,60,.22)!important;
}
body > .multi-select-menu[hidden]{display:none!important}
body > .multi-select-menu .multi-select-tools{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:8px!important;
flex:none!important;
padding:0 0 9px!important;
border-bottom:1px solid #e7edf2!important;
}
body > .multi-select-menu .multi-select-tools input{
width:100%!important;
min-width:0!important;
height:38px!important;
}
body > .multi-select-menu .multi-select-tools button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:68px!important;
height:38px!important;
padding:0 13px!important;
border:1px solid #d5e0e8!important;
border-radius:8px!important;
background:#f5f9fc!important;
color:#315f80!important;
white-space:nowrap!important;
}
body > .multi-select-menu .multi-select-tools button:hover{background:#eaf3f8!important}
body > .multi-select-menu .multi-select-options{
display:block!important;
flex:1 1 auto!important;
min-height:54px!important;
max-height:min(360px,calc(100vh - 112px))!important;
overflow:auto!important;
padding:7px 2px 2px!important;
overscroll-behavior:contain!important;
scrollbar-width:thin!important;
}
body > .multi-select-menu .multi-select-option{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-height:38px!important;
padding:7px 9px!important;
border-radius:8px!important;
}
body > .multi-select-menu .multi-select-option input{width:17px!important;height:17px!important;flex:none!important;margin:0!important}
body > .multi-select-menu .multi-select-option span{margin:0!important;line-height:1.35!important}
.filter-grid.advanced{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;align-items:end!important}
.filter-grid.advanced .search-box{grid-column:span 2!important;min-width:0!important}
.filter-grid.advanced>.primary,.filter-grid.advanced>.ghost,.filter-grid.advanced .inline-check{min-height:42px!important;align-self:end!important}
@media(max-width:900px){
.filter-grid.advanced{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.filter-grid.advanced .search-box{grid-column:1/-1!important}
}
@media(max-width:620px){
.filter-grid.advanced{grid-template-columns:1fr!important}
.filter-grid.advanced .search-box{grid-column:auto!important}
body > .multi-select-menu{max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important}
}
/* R2.11: authenticated workspace boot state. The login portal is never painted
while an existing member session is being restored. */
.auth-boot-screen{display:none}
html.hv-auth-boot .auth-boot-screen{
position:fixed;
inset:0;
z-index:20000;
display:grid;
place-items:center;
padding:24px;
background:linear-gradient(145deg,#f4f8fc,#edf4fa);
}
.auth-boot-card{
width:min(420px,92vw);
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
padding:30px 28px;
border:1px solid #dce7f1;
border-radius:20px;
background:#fff;
box-shadow:0 24px 64px rgba(23,59,114,.13);
text-align:center;
}
.auth-boot-card img{width:54px;height:54px;margin-bottom:4px}
.auth-boot-card b{color:#173b72;font-size:16px}
.auth-boot-card span{color:#718096;font-size:11px;line-height:1.65}
/* V4.2.0 R2 — rolling-validated supply guard */
.supply-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;border:1px solid #d9e3ec;background:#f5f8fb;color:#44576b;white-space:nowrap}
.supply-badge.expansion{background:#eef8f3;border-color:#cfe8dc;color:#226b4f}
.supply-badge.contraction{background:#fff2f0;border-color:#f0d1cc;color:#a04438}
.supply-badge.stable{background:#f2f5f8;border-color:#dbe3ea;color:#516171}
.supply-card-strip{display:grid;grid-template-columns:auto auto auto auto minmax(180px,1fr);align-items:center;gap:10px;margin:12px 0 0;padding:10px 12px;border:1px solid #dfe9f1;border-radius:13px;background:linear-gradient(135deg,#f8fbfd,#f3f8fb);font-size:12px;color:#405466}
.supply-card-strip b{color:#6b7c8c}.supply-card-strip small{color:#6d7f8e;line-height:1.45}
.supply-intelligence-panel{margin:18px 0;padding:18px;border:1px solid #d9e6ef;border-radius:18px;background:linear-gradient(145deg,#fafdff,#f3f8fc);box-shadow:0 10px 28px rgba(32,77,111,.06)}
.supply-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px}
.supply-panel-head h3{margin:3px 0 5px;color:#193f66}.supply-panel-head p{margin:0;max-width:760px;color:#637689;line-height:1.65;font-size:12px}
.supply-level-grid{display:grid;grid-template-columns:repeat(6,minmax(92px,1fr));gap:9px;margin:12px 0}
.supply-level-grid>div,.supply-decision-row>div{padding:11px 10px;border:1px solid #e0eaf2;border-radius:12px;background:#fff}
.supply-level-grid span,.supply-decision-row span{display:block;color:#728394;font-size:10px;margin-bottom:5px}.supply-level-grid b,.supply-decision-row b{color:#213f5d;font-size:14px}
.supply-decision-row{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-top:10px}
.supply-scenarios{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}.supply-scenarios span{padding:6px 10px;border-radius:999px;background:#eaf2f8;color:#2e5676;font-size:11px;font-weight:700}
.supply-intelligence-panel>small{display:block;color:#687b8d;line-height:1.65}
@media(max-width:980px){.supply-level-grid{grid-template-columns:repeat(3,1fr)}.supply-decision-row{grid-template-columns:repeat(2,1fr)}.supply-card-strip{grid-template-columns:auto 1fr auto 1fr}.supply-card-strip small{grid-column:1/-1}}
@media(max-width:620px){.supply-panel-head{flex-direction:column}.supply-level-grid,.supply-decision-row{grid-template-columns:repeat(2,1fr)}.supply-card-strip{grid-template-columns:1fr 1fr}.supply-card-strip b{display:none}}
/* V4.4.0 R3 — professional cognition center and production health-gate release */
.major-cognition-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:13px 0 0;padding:13px 14px;border:1px solid #dbe8f1;border-radius:14px;background:linear-gradient(135deg,#fafdff,#f2f8fc)}
.major-cognition-copy{min-width:0}.major-cognition-copy>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.major-cognition-copy b{font-size:12px;color:#244a6b}.major-cognition-copy p{margin:5px 0 7px;color:#536b80;font-size:12px;line-height:1.65}
.cognition-grade{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.03em;border:1px solid #d7e2eb;background:#f3f6f9;color:#5c6f80;white-space:nowrap}.cognition-grade.grade-A,.cognition-grade.grade-B,.grade.grade-A,.grade.grade-B{background:#eaf7f1;border-color:#c9e6d8;color:#226a4e}.cognition-grade.grade-C,.grade.grade-C{background:#eef5fb;border-color:#d1e1ee;color:#315f82}.cognition-grade.grade-D,.grade.grade-D{background:#fff3eb;border-color:#efd7c6;color:#96552c}
.major-cognition-tags,.cognition-hero-tags{display:flex;flex-wrap:wrap;gap:6px}.major-cognition-tags span,.cognition-hero-tags span{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#e9f2f8;color:#315c7c;font-size:9px;font-weight:700}.major-cognition-tags .warning{background:#fff0e8;color:#9a4f27}
.major-cognition-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid #bfd5e6;border-radius:10px;background:#fff;color:#245f88;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;box-shadow:0 4px 14px rgba(29,77,111,.06)}.major-cognition-button:hover{background:#edf6fb;border-color:#96bdd8}
.major-cognition-detail-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:18px 0;padding:18px;border:1px solid #d8e6ef;border-radius:18px;background:linear-gradient(145deg,#fafdff,#f2f8fc)}.major-cognition-detail-panel h3{margin:4px 0 6px;color:#193f66}.major-cognition-detail-panel p{margin:0 0 10px;color:#596f82;line-height:1.7;font-size:12px}
.major-cognition-lock{overflow:hidden!important}
.major-cognition-drawer{position:fixed;inset:0;z-index:24000;display:block;visibility:hidden;pointer-events:none}.major-cognition-drawer.open{visibility:visible;pointer-events:auto}.major-cognition-scrim{position:absolute;inset:0;background:rgba(16,35,52,.43);opacity:0;transition:opacity .22s ease}.major-cognition-drawer.open .major-cognition-scrim{opacity:1}
.major-cognition-panel{position:absolute;top:0;right:0;width:min(760px,94vw);height:100%;overflow:auto;background:#f8fbfd;box-shadow:-24px 0 72px rgba(12,38,58,.24);transform:translateX(102%);transition:transform .25s ease;padding:0 0 38px;overscroll-behavior:contain}.major-cognition-drawer.open .major-cognition-panel{transform:translateX(0)}
.major-cognition-close{position:sticky;top:14px;z-index:3;float:right;margin:14px 16px -48px 0;width:38px;height:38px;border:1px solid #d2e0ea;border-radius:50%;background:rgba(255,255,255,.94);color:#35566e;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(24,65,92,.12)}.major-cognition-close:hover{background:#edf5fa}
#major-cognition-body{min-height:100%;padding-bottom:28px}.cognition-loading{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#526c80}.cognition-loading b{font-size:16px;color:#234b69}.cognition-loading span{font-size:12px}.cognition-loading.error b{color:#a1463e}
.cognition-hero{padding:34px 58px 26px 30px;background:linear-gradient(135deg,#174668,#2f759f);color:#fff}.cognition-hero .eyebrow{color:#b9dceb}.cognition-hero h2{margin:8px 0 5px;font-size:27px;line-height:1.28}.cognition-hero p{margin:0 0 15px;color:#d6e8f2;font-size:12px}.cognition-hero-tags span{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.14)}.cognition-hero-tags .grade{font-weight:800}
.cognition-lead{margin:20px 24px 0;padding:20px;border:1px solid #d8e5ee;border-radius:17px;background:#fff}.cognition-lead>b{display:block;color:#285372;font-size:12px}.cognition-lead>p{margin:7px 0 0;color:#243f55;font-size:16px;line-height:1.8;font-weight:650}.cognition-variant-warning{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding:12px 14px;border-radius:12px;background:#fff1e9;border:1px solid #efd6c7}.cognition-variant-warning b{color:#9a4e27;font-size:11px}.cognition-variant-warning span{color:#745647;font-size:11px;line-height:1.6}
.cognition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 24px}.cognition-grid section{padding:17px 18px;border:1px solid #dce7ef;border-radius:15px;background:#fff}.cognition-grid section.warning{background:#fffaf6;border-color:#eedfd3}.cognition-grid h3,.cognition-sources h3{margin:0 0 10px;color:#244c6b;font-size:14px}.cognition-grid ul{margin:0;padding-left:19px}.cognition-grid li{margin:7px 0;color:#52697c;font-size:11px;line-height:1.6}.cognition-grid li.warning{color:#80533a}
.cognition-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 24px}.cognition-facts article{padding:15px;border:1px solid #dce7ef;border-radius:14px;background:#fff}.cognition-facts span{display:block;color:#6f8293;font-size:9px;font-weight:800;letter-spacing:.08em}.cognition-facts p{margin:7px 0 0;color:#3d566b;font-size:11px;line-height:1.65}
.cognition-boundary{margin:14px 24px;padding:16px 18px;border-left:4px solid #d59354;border-radius:12px;background:#fff7ef}.cognition-boundary b{color:#864d22}.cognition-boundary p{margin:7px 0;color:#634f40;font-size:12px;line-height:1.7}.cognition-boundary small{display:block;color:#866f5d;line-height:1.6}
.cognition-sources{margin:14px 24px}.cognition-sources article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:12px 0;border-bottom:1px solid #dce6ed}.cognition-sources article b{color:#355870;font-size:11px}.cognition-sources article span{color:#6c8091;font-size:10px}.cognition-sources article p{grid-column:1/-1;margin:0;color:#708191;font-size:10px;line-height:1.55}
@media(max-width:720px){.major-cognition-strip,.major-cognition-detail-panel{grid-template-columns:1fr}.major-cognition-button{width:100%}.major-cognition-panel{width:100vw;max-width:none}.cognition-hero{padding:30px 52px 22px 20px}.cognition-hero h2{font-size:23px}.cognition-lead,.cognition-grid,.cognition-facts,.cognition-boundary,.cognition-sources{margin-left:14px;margin-right:14px}.cognition-grid,.cognition-facts{grid-template-columns:1fr}}
/* V4.4.0 R1 专业认知与学生适配 */
.major-fit-profile-section{background:linear-gradient(180deg,#fff,#f8fbff)}
.major-fit-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
.cognition-choice-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
.cognition-choice-group label{min-height:40px;align-items:center;border:1px solid #dce6f2;background:#fff;border-radius:10px;padding:8px 10px}
.cognition-choice-group.negative label{border-color:#ead9d9;background:#fffafa}
.profile-boundary-note{margin-top:14px;padding:12px 14px;border-radius:12px;background:#eef6ff;color:#36516f;font-size:13px;line-height:1.7}
.major-fit-badge{display:inline-flex!important;align-items:center;border-radius:999px;padding:4px 9px!important;font-weight:700;font-size:12px;border:1px solid #d9e4ef;background:#f5f8fb;color:#526274}
.major-fit-badge.grade-A{background:#e9f8ef;color:#167344;border-color:#bce5cc}
.major-fit-badge.grade-B{background:#edf6ff;color:#1a639b;border-color:#bfdcf3}
.major-fit-badge.grade-C{background:#fff7e6;color:#8a5b00;border-color:#f0d69c}
.major-fit-badge.grade-D{background:#fff0f0;color:#9d3f3f;border-color:#efc5c5}
.cognition-compare-note{margin-top:12px;padding:12px 14px;border-radius:12px;background:#f3f7fc;border-left:4px solid #5f88b8;display:grid;gap:5px}
.cognition-compare-note span{line-height:1.65;color:#40556d}
.major-fit-panel{margin:18px 0;padding:18px;border:1px solid #d9e5f2;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#fff);display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}
.major-fit-panel>div:first-child p{margin:5px 0 0;color:#64748b;line-height:1.65}
.major-fit-score{min-width:118px;text-align:center;padding:12px;border-radius:14px;background:#eff6ff}
.major-fit-score b{display:block;font-size:30px;color:#1f5e98}.major-fit-score span{font-size:12px;color:#54708c}
.major-fit-match-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}.major-fit-match-list span{padding:5px 9px;border-radius:999px;background:#edf8f2;color:#277052;font-size:12px}
.major-fit-conflicts{grid-column:1/-1;padding:12px 14px;border-radius:12px;background:#fff4f2;color:#8a3f34}.major-fit-conflicts ul{margin:6px 0 0;padding-left:20px;line-height:1.7}
.major-fit-panel>small{grid-column:1/-1;color:#6b7280}
@media(max-width:820px){.major-fit-profile-grid{grid-template-columns:1fr}.cognition-choice-group{grid-template-columns:1fr}.major-fit-panel{grid-template-columns:1fr}.major-fit-score{width:100%}}
/* V4.4.0 R7: multi-select search visibility contract.
The overlay uses display:flex!important for option layout, so the native
hidden attribute must win explicitly when the search filters a row. */
body > .multi-select-menu .multi-select-option[hidden],
body > .multi-select-menu .multi-select-option.is-search-hidden{
display:none!important;
}
body > .multi-select-menu .multi-select-search-empty{
padding:18px 10px!important;
text-align:center!important;
color:#82909b!important;
font-size:12px!important;
}
body > .multi-select-menu .multi-select-search-empty[hidden]{
display:none!important;
}
/* V4.4.0 R8: official institution/major code visibility */
.plan-code-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.plan-code-chip{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:0 9px;border:1px solid #d4e2f3;border-radius:8px;background:#f5f9fe;color:#34577f;white-space:nowrap}
.plan-code-chip em{font-size:9px;font-style:normal;color:#72839a}
.plan-code-chip b{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:11px;letter-spacing:.04em;color:#173b72}
.plan-code-row.compact{margin-top:5px;gap:5px}
.plan-code-row.compact .plan-code-chip{min-height:22px;padding:0 7px;border-radius:7px}
.plan-code-row.compact .plan-code-chip em{font-size:8px}
.plan-code-row.compact .plan-code-chip b{font-size:10px}
.recent-code-line{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:9px!important;color:#516884!important}
.detail-head .plan-code-row{margin:10px 0 4px}
.cognition-hero .plan-code-row{justify-content:center;margin-top:9px}
.wish-item .plan-code-row{margin:5px 0 2px}
@media(max-width:680px){
.plan-code-row{gap:5px}.plan-code-chip{min-height:24px;padding:0 8px}.plan-code-chip em{font-size:8px}.plan-code-chip b{font-size:10px}
.result-title-block{min-width:0}.result-title-block>div:last-child{min-width:0}
.wish-item .plan-code-row{display:grid;grid-template-columns:max-content max-content}
}
/* V4.4.0 R10.1 专业实力与学科排名证据 */
.major-quality.discipline{border:1px solid #c6d7f1;background:#f1f6fd;color:#315f9a}
.major-quality.licensed{border:1px solid #d9c9ec;background:#f8f3fc;color:#70499a}
.major-quality.pending{border:1px solid #ead9a8;background:#fff9e8;color:#8a6817}
.major-strength-panel{margin:18px 0;padding:16px;border:1px solid #d8e4ef;border-radius:15px;background:linear-gradient(135deg,#fbfdff,#f5f9fd)}
.major-strength-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:13px}
.major-strength-head h3{margin:4px 0 5px;font-size:14px}.major-strength-head p{margin:0;color:var(--v4-text-2);font-size:9px;line-height:1.65;max-width:650px}
.major-strength-summary{min-width:220px;padding:12px 14px;border:1px solid #dfe6ee;border-radius:12px;background:#fff;text-align:right}
.major-strength-summary b,.major-strength-summary span{display:block}.major-strength-summary b{font-size:12px}.major-strength-summary span{margin-top:5px;color:var(--v4-text-2);font-size:8px}
.major-strength-summary.verified_direct{border-color:#a9dbc5;background:#effaf5}.major-strength-summary.verified_discipline{border-color:#c4d6ef;background:#f1f6fd}.major-strength-summary.licensed_reference{border-color:#dbc8ea;background:#f9f4fc}.major-strength-summary.pending_verification{border-color:#e9d79e;background:#fff9e8}
.major-ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.major-ranking-evidence{position:relative;padding:13px;border:1px solid #dfe6ee;border-radius:12px;background:#fff}
.major-ranking-evidence>div{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.major-ranking-evidence b{font-size:11px}.major-ranking-evidence>div span{font-size:8px;color:#617086;text-align:right}
.major-ranking-evidence p{margin:7px 0;color:var(--v4-text-2);font-size:9px;line-height:1.55}.major-ranking-evidence small,.major-ranking-evidence em,.major-ranking-evidence a{display:block;margin-top:5px;font-size:8px;line-height:1.55}.major-ranking-evidence em{padding:6px 8px;border-radius:7px;background:#f7f9fb;color:#68778a;font-style:normal}.major-ranking-evidence a{color:#1f67a8;font-weight:700;text-decoration:none}
.major-ranking-evidence.official_discipline_evaluation,.major-ranking-evidence.official_double_first_class{border-color:#c5d8f1}.major-ranking-evidence.licensed_third_party{border-color:#dbc8ea}.major-ranking-evidence.legacy_reference{border-color:#ead9a8;background:#fffdf6}
.major-ranking-empty{grid-column:1/-1;padding:17px;border:1px dashed #d6dee8;border-radius:11px;text-align:center;color:var(--v4-text-2);background:#fff}.major-ranking-empty b,.major-ranking-empty span{display:block}.major-ranking-empty b{font-size:11px;color:var(--v4-text-1)}.major-ranking-empty span{margin-top:6px;font-size:9px}
.professional-grid.one-column{grid-template-columns:1fr}
@media(max-width:760px){.major-strength-head{display:block}.major-strength-summary{min-width:0;margin-top:10px;text-align:left}.major-ranking-grid{grid-template-columns:1fr}}
/* V4.4.0 R10.2: intelligent shortlist include/exclude scope builder */
.recommend-scope-panel{margin:14px 0;padding:20px;box-shadow:none;background:linear-gradient(180deg,#fbfdff,#f7fafc)}
.recommend-scope-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.recommend-scope-head h3{margin:5px 0 6px;font-size:17px;color:#18344e}
.recommend-scope-head p{max-width:900px;margin:0;color:#5f7185;font-size:11px;line-height:1.75}
.recommend-scope-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.recommend-scope-column{border:1px solid #d9e5ef;border-radius:14px;padding:14px;background:#fff}
.recommend-scope-column.include{border-top:4px solid #2d7fa7}.recommend-scope-column.exclude{border-top:4px solid #a96767}
.recommend-scope-column-head{margin-bottom:10px}.recommend-scope-column-head b,.recommend-scope-column-head span{display:block}.recommend-scope-column-head b{font-size:13px;color:#203b55}.recommend-scope-column-head span{margin-top:4px;color:#738397;font-size:9px;line-height:1.6}
.recommend-constraint-select{border-top:1px solid #edf1f5}.recommend-constraint-select:first-of-type{border-top:0}
.recommend-constraint-select>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:8px 2px;cursor:pointer;color:#344b62;font-size:11px}.recommend-constraint-select>summary::-webkit-details-marker{display:none}.recommend-constraint-select>summary:after{content:'⌄';color:#7e90a3;font-size:14px}.recommend-constraint-select[open]>summary:after{transform:rotate(180deg)}.recommend-constraint-select>summary b{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e628c;font-size:10px;text-align:right}
.recommend-constraint-menu{padding:2px 0 12px}.recommend-constraint-tools{display:flex;gap:7px;margin-bottom:7px}.recommend-constraint-tools input{height:34px;min-width:0}.recommend-constraint-tools button{border:0;border-radius:8px;padding:0 10px;background:#edf4fa;color:#245e87;cursor:pointer;white-space:nowrap}.recommend-constraint-options{max-height:230px;overflow:auto;border:1px solid #e3eaf1;border-radius:10px;padding:6px;background:#fbfcfe}
.recommend-constraint-option{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:10px}.recommend-constraint-option:hover{background:#eef5fa}.recommend-constraint-option input{width:16px;height:16px;flex:none;margin:0}.recommend-constraint-option span{margin:0;color:#35485e}.recommend-constraint-option em{margin-left:auto;color:#a36b27;font-size:8px;font-style:normal}.recommend-constraint-option[hidden]{display:none!important}.recommend-constraint-empty{padding:18px 8px;text-align:center;color:#8492a2;font-size:10px;line-height:1.6}
.recommend-constraint-status{margin-top:14px;padding:12px 14px;border:1px solid #dbe6ef;border-radius:12px;background:#f6f9fc;color:#50657a}.recommend-constraint-status>b,.recommend-constraint-status>span{display:block}.recommend-constraint-status>b{color:#274661;font-size:11px}.recommend-constraint-status>span{margin-top:4px;font-size:9px;line-height:1.65}.recommend-constraint-status>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.recommend-constraint-status.has-active{border-color:#bfd9e8;background:#eef7fb}.recommend-constraint-status.has-conflict{border-color:#efb6b6;background:#fff3f3}.recommend-constraint-status.has-conflict>b{color:#a63b3b}.recommend-constraint-status.has-conflict>span{color:#7c4141}
.recommend-constraint-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:8px;font-style:normal}.recommend-constraint-chip b{font-size:8px}.recommend-constraint-chip.include{border:1px solid #bddcec;background:#fff;color:#276b91}.recommend-constraint-chip.exclude{border:1px solid #e7c2c2;background:#fff;color:#975454}
.constraint-conflict-card{border-color:#efb6b6!important;background:#fff7f7!important}
/* Ensure recommendation summary remains readable under browser/theme overrides. */
#recommend-summary.strategy-banner,#recommend-summary.strategy-banner *{text-shadow:none!important;opacity:1!important}
#recommend-summary.strategy-banner b{color:#17324a!important;-webkit-text-fill-color:#17324a!important}
#recommend-summary.strategy-banner span,#recommend-summary.strategy-banner em{color:#40586c!important;-webkit-text-fill-color:#40586c!important}
@media(max-width:900px){.recommend-scope-columns{grid-template-columns:1fr}.recommend-scope-head{flex-direction:column}.recommend-scope-head .ghost{width:100%}}
/* V4.4.0 R12 顶层智能决策重构 */
.future-path-panel{margin:20px 0;padding:18px;border:1px solid #cdddea;border-radius:16px;background:linear-gradient(145deg,#fafdff,#f5f9fc);box-shadow:0 10px 28px rgba(25,66,99,.06)}
.future-path-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.future-path-head h3{margin:4px 0 6px;font-size:16px;color:#173c59}.future-path-head p{margin:0;max-width:720px;color:#657789;font-size:9px;line-height:1.7}
.future-mapping-state{min-width:210px;padding:12px 14px;border:1px solid #cddfeb;border-radius:12px;background:#fff}.future-mapping-state b,.future-mapping-state span,.future-mapping-state small{display:block}.future-mapping-state b{color:#245b7d;font-size:11px}.future-mapping-state span{margin-top:5px;color:#4f6477;font-size:9px}.future-mapping-state small{margin-top:4px;color:#8a6429;font-size:8px}
.future-warning{display:flex;gap:10px;margin:14px 0;padding:10px 12px;border-left:4px solid #c68a2f;border-radius:8px;background:#fff8e9;font-size:9px;line-height:1.65}.future-warning b{white-space:nowrap;color:#80581c}.future-warning span{color:#665a48}
.future-path-panel h4{margin:17px 0 9px;color:#294a63;font-size:11px}.future-major-grid,.future-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.future-major-card,.future-program-card,.future-source-list article{padding:11px 12px;border:1px solid #dce6ee;border-radius:11px;background:#fff}.future-major-card b,.future-major-card span,.future-program-card b,.future-program-card span,.future-program-card p,.future-program-card small,.future-source-list b,.future-source-list span,.future-source-list small{display:block}.future-major-card b,.future-program-card b,.future-source-list b{font-size:10px;color:#294b65}.future-major-card span,.future-program-card span,.future-source-list span{margin-top:4px;color:#697b8d;font-size:8px;line-height:1.55}.future-program-card p{margin:7px 0 0;color:#40596d;font-size:9px;line-height:1.65}.future-program-card small,.future-source-list small{margin-top:5px;color:#8a7653;font-size:8px;line-height:1.5}
.future-evidence{display:inline-flex;margin-top:7px;padding:3px 7px;border:1px solid #c8ddef;border-radius:999px;background:#f2f8fd;color:#326a91;font-size:7px}
.future-path-list{display:grid;gap:7px}.future-path-row{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid #dfe7ed;border-radius:10px;background:#fff}.future-path-row b,.future-path-row span{display:block}.future-path-row b{font-size:10px;color:#304d64}.future-path-row span{margin-top:4px;color:#748391;font-size:8px}.future-path-row em{max-width:44%;color:#735f42;font-size:8px;line-height:1.55;font-style:normal;text-align:right}
.future-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.future-unknown{padding:13px;border:1px dashed #d9c58f;border-radius:11px;background:#fffdf6}.future-unknown b,.future-unknown span{display:block}.future-unknown b{font-size:11px;color:#7a611f}.future-unknown span{margin-top:5px;color:#756d5a;font-size:8px;line-height:1.65}.future-channel-list{display:flex;flex-wrap:wrap;gap:6px}.future-channel-chip{padding:5px 8px;border:1px solid #cddfeb;border-radius:999px;background:#fff;color:#356785;font-size:8px}.future-scope-note{margin:9px 0 0;color:#6c7985;font-size:8px;line-height:1.65}
.future-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.future-loading,.future-empty{padding:16px;border:1px dashed #cad7e1;border-radius:11px;background:#fff;text-align:center}.future-loading b,.future-loading span,.future-empty b,.future-empty span{display:block}.future-loading b,.future-empty b{font-size:11px;color:#35546b}.future-loading span,.future-empty span{margin-top:5px;color:#71808d;font-size:9px;line-height:1.6}.future-error{border-color:#e5c7c7;background:#fff8f8}
@media(max-width:760px){.future-path-head{display:block}.future-mapping-state{min-width:0;margin-top:11px}.future-major-grid,.future-program-grid,.future-two-columns,.future-source-list{grid-template-columns:1fr}.future-path-row{display:block}.future-path-row em{display:block;max-width:none;margin-top:6px;text-align:left}}
/* V4.5.0 R1 — unified professional-strength labels */
.major-strength-badges{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:100%}
.major-strength-badges.compact{margin:4px 0 2px}
.major-strength-badges.compact .major-quality{min-height:21px;padding:3px 7px;font-size:8px}
.major-quality.special{border:1px solid #e9c6c6;background:#fff2f2;color:#9b3838}
.major-quality.employment{border:1px solid #b8dfd9;background:#effaf8;color:#16716a}
.major-quality.postgraduate{border:1px solid #cfc8ef;background:#f5f2fd;color:#604da0}
.major-quality.academic{border:1px solid #cfddec;background:#f2f7fb;color:#3d6383}
.quality-row>.major-strength-badges{margin-right:2px}
.wish-item .major-strength-badges{display:flex;margin-top:5px}
.recent-row .major-strength-badges{display:flex;margin-top:4px}
@media(max-width:680px){.major-strength-badges{gap:4px}.major-strength-badges .major-quality{white-space:normal}}
/* V4.5.0 R2 HF7 — professional future outlook across all major surfaces */
.major-future-badges{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:100%;margin:5px 0 1px}
.major-future-badges.compact{margin:4px 0 2px}
.major-future-chip{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border:1px solid #cdddea;border-radius:999px;background:#f5f9fc;color:#315d7a;font-size:8px;line-height:1.25;white-space:nowrap}
.major-future-chip.postgrad{border-color:#d2c7ef;background:#f6f3fd;color:#624c9d}
.major-future-chip.public-service{border-color:#b8dacf;background:#eff9f5;color:#176b5d}
.major-future-chip.channel{border-color:#bfd9eb;background:#eff7fc;color:#27658e}
.major-future-chip.new-major{border-color:#ead39e;background:#fff8e8;color:#8a621a}
.major-future-chip.range{border-color:#d4d9df;background:#f6f7f8;color:#58636e}
.major-future-chip.pending{border-style:dashed;background:#fafafa;color:#707b84}
.major-future-card-row{display:flex;margin-top:5px}.wish-item .major-future-badges,.recent-row .major-future-badges{display:flex}
.future-outlook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.future-outlook-card{padding:14px;border:1px solid #d9e4ec;border-radius:13px;background:#fff}.future-outlook-card.new-major{border-color:#ead8aa;background:#fffdf7}
.future-outlook-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.future-outlook-title b,.future-outlook-title span{display:block}.future-outlook-title b{font-size:11px;color:#244a65}.future-outlook-title span{margin-top:4px;color:#768695;font-size:8px}.future-outlook-title em{padding:4px 7px;border-radius:999px;background:#eef5fa;color:#386b8d;font-size:7px;font-style:normal;white-space:nowrap}
.future-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:11px}.future-kpi-grid>div{padding:9px;border-radius:9px;background:#f6f9fb}.future-kpi-grid span,.future-kpi-grid b{display:block}.future-kpi-grid span{color:#7b8995;font-size:7px}.future-kpi-grid b{margin-top:4px;color:#244b67;font-size:10px}
.future-projection-note,.future-reference-note,.future-new-major-note{margin-top:9px;padding:10px;border-radius:9px;background:#f7fafc}.future-projection-note b,.future-projection-note span,.future-projection-note small,.future-reference-note b,.future-reference-note span,.future-reference-note small,.future-new-major-note b,.future-new-major-note span{display:block}.future-projection-note b,.future-reference-note b,.future-new-major-note b{color:#4d6375;font-size:8px}.future-projection-note span,.future-reference-note span,.future-new-major-note span{margin-top:4px;color:#2f5068;font-size:9px;line-height:1.55}.future-projection-note small,.future-reference-note small{margin-top:5px;color:#7b6f57;font-size:7px;line-height:1.55}.future-new-major-note{background:#fff7e6}
.future-study-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.future-study-grid>div{padding:9px;border:1px solid #e3e9ee;border-radius:9px}.future-study-grid>div.wide{grid-column:1/-1}.future-study-grid span,.future-study-grid b{display:block}.future-study-grid span{color:#7a8996;font-size:7px}.future-study-grid b{margin-top:4px;color:#344f63;font-size:9px;line-height:1.55}
.future-direction-list .future-direction-chip{display:inline-flex;margin:3px;padding:6px 9px;border:1px solid #cddfeb;border-radius:999px;background:#fff;color:#356785;font-size:8px}.future-direction-list .future-direction-chip.official{border-color:#d7d1ea;color:#5d4e87}
.future-channel-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.future-channel-stat{padding:11px;border:1px solid #dce6ee;border-radius:10px;background:#fff}.future-channel-stat b,.future-channel-stat span,.future-channel-stat strong,.future-channel-stat small{display:block}.future-channel-stat b{color:#2d5068;font-size:9px}.future-channel-stat span{margin-top:3px;color:#768492;font-size:7px}.future-channel-stat strong{margin-top:7px;color:#1f6a70;font-size:10px}.future-channel-stat small{margin-top:5px;color:#847458;font-size:7px;line-height:1.45}
.future-boundary-box{display:grid;gap:5px;margin-top:15px;padding:12px;border:1px solid #ead7a5;border-radius:10px;background:#fffbef}.future-boundary-box b{color:#7a5a1b;font-size:9px}.future-boundary-box span{color:#6d6658;font-size:8px;line-height:1.6}
@media(max-width:900px){.future-outlook-grid{grid-template-columns:1fr}.future-channel-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.future-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.major-future-chip{white-space:normal}.future-channel-stats{grid-template-columns:1fr}.future-study-grid{grid-template-columns:1fr}.future-study-grid>div.wide{grid-column:auto}}
/* V4.5.0 R2 HF8 — nationwide representative sample and full major-job relationships */
.major-future-chip.job-titles{border-color:#b9d6e6;background:#eef8fc;color:#24627f}
.future-title-coverage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px 0 10px}
.future-title-coverage span{padding:9px;border:1px solid #dbe7ee;border-radius:9px;background:#f7fafc;color:#607583;font-size:8px}
.future-title-coverage b{display:block;margin-top:3px;color:#245c75;font-size:11px}
.future-load-all{display:block;width:100%;margin:10px 0;padding:10px 14px;border:1px solid #a9cbdc;border-radius:9px;background:#eff8fc;color:#235f7d;font-size:9px;font-weight:700;cursor:pointer}
.future-load-all:hover{background:#e5f4fa}.future-load-all:disabled{cursor:default;opacity:.7}
.future-job-title-row span{line-height:1.55}
.future-direction-list .future-direction-chip.shared{border-color:#ddcfaa;background:#fffaf0;color:#765b24}
.future-direction-list .future-direction-chip.unrestricted{border-color:#b9d8ca;background:#f0faf5;color:#276a52}
@media(max-width:760px){.future-title-coverage{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* HF8.1: professional cognition drawer exposes full postgraduate/public-service lists */
.cognition-future-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.28)}
.cognition-future-cta .major-cognition-button{background:#fff;border-color:#c5ddea;color:#205e7f;box-shadow:0 8px 22px rgba(15,57,84,.14)}
.cognition-future-cta>span{font-size:10px;line-height:1.55;color:#dbeaf3}
.cognition-future-path-wrap{margin:20px 22px 4px;scroll-margin-top:18px}
@media(max-width:720px){.cognition-future-cta{align-items:stretch}.cognition-future-cta .major-cognition-button{width:100%}.cognition-future-cta>span{color:#dbeaf3}.cognition-future-path-wrap{margin:16px 14px 4px}}
/* HF8.2: major-class / experimental-class candidate aggregation */
.future-range-summary{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:16px;margin:14px 0;padding:16px;border:1px solid #bcd7e5;border-radius:14px;background:linear-gradient(135deg,#f3fbfe,#fff)}
.future-range-summary h4{margin:4px 0 6px!important;font-size:15px!important;color:#1f5675!important}.future-range-summary p{margin:0;color:#5d7180;font-size:9px;line-height:1.7}.future-range-summary>small{grid-column:1/-1;color:#7a6847;font-size:8px;line-height:1.65}
.future-member-list{display:flex;flex-wrap:wrap;gap:8px}.future-member-chip{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 7px;min-width:220px;padding:9px 11px;border:1px solid #d9e5ec;border-radius:10px;background:#fff;color:#35566e;font-size:9px}.future-member-chip b{color:#1f6485;font-size:8px}.future-member-chip small{grid-column:1/-1;color:#7b8994;font-size:7px;line-height:1.45}
.future-job-title-row span{overflow-wrap:anywhere}.future-range-summary .future-kpi-grid{margin-top:0}
@media(max-width:860px){.future-range-summary{grid-template-columns:1fr}.future-range-summary>small{grid-column:auto}.future-member-chip{min-width:calc(50% - 4px)}}
@media(max-width:600px){.future-member-chip{min-width:100%}.future-range-summary{padding:13px}}
/* HF8.5-R1 atomic candidate/wish collection governance */
.collection-batch-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:14px 16px;border:1px solid #d8e4ef;background:linear-gradient(135deg,#f8fbff,#f3f8fc)}
.collection-batch-bar>div:first-child{display:flex;align-items:baseline;gap:10px;min-width:220px}.collection-batch-bar>div:first-child b{font-size:13px;color:#1a2a3b}.collection-batch-bar>div:first-child span{font-size:11px;color:#6a7d90}.collection-batch-bar strong{font-size:15px;color:#1762b4}
.collection-batch-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.collection-batch-actions .danger{color:#a43e36;border-color:#e6c2bd;background:#fff8f7}.collection-batch-actions .danger:hover{background:#fff0ee}
.collection-select{position:absolute;z-index:4;left:10px;top:10px;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.96);border:1px solid #cbd9e5;box-shadow:0 4px 12px rgba(44,75,105,.12);cursor:pointer}.collection-select input,.wish-select input{width:15px;height:15px;accent-color:#1766bc;cursor:pointer}.result-card.has-collection-select{position:relative;padding-top:42px}.result-card.has-collection-select.selected{outline:2px solid rgba(37,112,190,.34);background:linear-gradient(180deg,#fbfdff,#f4f9ff)}
.wish-item.selected,.wish-item.selected-for-batch{outline:2px solid rgba(37,112,190,.34);background:#f5f9ff}.candidate-summary-bar{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:980px){.collection-batch-bar{align-items:flex-start;flex-direction:column}.collection-batch-actions{justify-content:flex-start}.candidate-summary-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.candidate-summary-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-batch-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.collection-batch-actions button{width:100%}}
/* V4.6.0 P1 — commercial membership and unique candidate binding */
.candidate-binding-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0;padding:16px 18px;border:1px solid #cbddeb;background:linear-gradient(135deg,#f7fbfe,#fff);box-shadow:0 12px 32px rgba(30,73,103,.07)}
.candidate-binding-card>div{min-width:0}.candidate-binding-card .eyebrow{display:block;margin-bottom:5px;color:#55758b;font-size:8px;letter-spacing:.11em}.candidate-binding-card b{display:block;color:#254c68;font-size:13px}.candidate-binding-card p{margin:6px 0 0;color:#687c8b;font-size:9px;line-height:1.7}.candidate-binding-card.is-warning{border-color:#e5c987;background:linear-gradient(135deg,#fffaf0,#fff)}.candidate-binding-card.is-warning b{color:#7a5a1c}.candidate-binding-card.is-bound{border-color:#a9d8c8;background:linear-gradient(135deg,#effaf6,#fff)}.candidate-binding-card.is-bound b{color:#176b58}.candidate-binding-card.is-institution{border-color:#c9c3e9;background:linear-gradient(135deg,#f7f4fd,#fff)}.candidate-binding-card.is-institution b{color:#5c4b92}.candidate-binding-card button{flex:0 0 auto;white-space:nowrap}
#profile-form input:disabled,#profile-form select:disabled,#subject-checks input:disabled{cursor:not-allowed;opacity:.74}#profile-form input:disabled,#profile-form select:disabled{background:#f3f6f8;color:#63717d}
@media(max-width:700px){.candidate-binding-card{align-items:stretch;flex-direction:column;padding:14px}.candidate-binding-card button{width:100%}}
/* HF13: distinguish exact quota history from predecessor-category references. */
.intel-chips>span.reference{border-style:dashed;background:#fffaf0;color:#7a6332}.intel-chips>span.reference b{color:#8a6517}.intel-chips>span em{font-style:normal;font-size:7px;font-weight:800;color:#9a701d;background:#fff1c7;border-radius:999px;padding:1px 4px}.history-table tr.history-reference td{background:#fffaf2;color:#6e6046}.history-table tr.history-reference td small{color:#9a701d;font-weight:800}
.history-gap-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 10px;margin:0 18px 12px;padding:11px 13px;border:1px solid #ead9a9;border-radius:12px;background:#fffaf0}.history-gap-note b{font-size:9px;color:#8a5c13}.history-gap-note span{font-size:9px;line-height:1.65;color:#5f4a28}.history-gap-note small{grid-column:1/-1;color:#8a7654;font-size:8px;line-height:1.55}@media(max-width:680px){.history-gap-note{grid-template-columns:1fr;margin-left:12px;margin-right:12px}}
/* 2026-07-25: keep member-facing risk semantics identical across every workspace. */
.wish-slot-map:before{content:"冲刺 → 匹配·偏冲 → 稳妥 → 保底候选 → 深度兜底";letter-spacing:.04em}

/* [03] /assets/v46-commercial-ui.css sha256=54fd53b0d1b6e40c97515e4ffffc413e0cd8c9ae6cb349d8b8fd201545aaa666 */
/* V4.6.0 P2 · 商业视觉与移动体验重构
不改变业务ID、接口或数据语义，只重构视觉层级、信息密度和触控体验。 */
:root{
--c-navy-950:#071629;--c-navy-900:#0b1f39;--c-navy-850:#102846;--c-navy-800:#153355;
--c-blue-700:#1f5eaa;--c-blue-600:#2d72c7;--c-blue-100:#eaf3ff;--c-blue-50:#f4f8fe;
--c-teal-600:#168f88;--c-teal-100:#e8f8f5;--c-gold-600:#bd8b36;--c-gold-400:#d8b568;--c-gold-100:#fbf2dc;
--c-ink:#152238;--c-muted:#66758b;--c-faint:#94a0b2;--c-line:#dfe7f1;--c-line-2:#edf2f7;
--c-surface:#fff;--c-bg:#f3f7fc;--c-danger:#c43d43;--c-success:#17845b;
--c-shadow-lg:0 30px 80px rgba(7,22,41,.18);--c-shadow-md:0 16px 42px rgba(21,51,85,.10);--c-shadow-sm:0 7px 24px rgba(21,51,85,.07);
--c-radius-xl:28px;--c-radius-lg:20px;--c-radius-md:14px;
}
html{scroll-behavior:smooth}
body{background:var(--c-bg);color:var(--c-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(45,114,199,.24);outline-offset:2px}
/* 登录门户：品牌叙事 + 决策可视化 + 清晰认证入口 */
.login-screen{min-height:100dvh;padding:30px;background:
radial-gradient(circle at 8% 5%,rgba(58,116,184,.18),transparent 30%),
radial-gradient(circle at 92% 88%,rgba(27,151,140,.13),transparent 34%),
linear-gradient(135deg,#eef4fb 0%,#f8fafc 52%,#eef6f8 100%)}
.login-portal{width:min(1280px,100%);min-height:min(820px,calc(100dvh - 60px));grid-template-columns:minmax(0,1.13fr) minmax(420px,.87fr);gap:0;border-radius:32px;overflow:hidden;background:#fff;box-shadow:var(--c-shadow-lg);border:1px solid rgba(255,255,255,.85)}
.login-intro{border-radius:0;padding:42px 48px 36px;background:
radial-gradient(circle at 75% 18%,rgba(75,157,188,.24),transparent 28%),
linear-gradient(145deg,var(--c-navy-950) 0%,#102d50 58%,#154865 100%);box-shadow:none;display:flex;flex-direction:column;min-height:100%}
.login-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 35%,rgba(255,255,255,.02));pointer-events:none}
.login-intro:after{opacity:.10;mix-blend-mode:screen}
.login-brand{margin-bottom:34px}.login-brand .brand-logo-image{width:52px;height:52px}.login-brand b{font-size:18px;letter-spacing:.02em}.login-brand span{font-size:11px;color:rgba(230,239,251,.66)}
.login-intro>.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:7px 10px;border:1px solid rgba(228,204,146,.24);border-radius:999px;background:rgba(216,181,104,.08);color:#ead49e;letter-spacing:.16em;font-weight:750}
.login-intro>.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#d8b568;box-shadow:0 0 0 5px rgba(216,181,104,.12)}
.login-intro h1{max-width:680px;margin:18px 0 12px;font-size:42px;line-height:1.16;letter-spacing:-1.2px;color:#fff}
.login-intro>p{max-width:670px;margin:0;color:rgba(232,240,250,.72);font-size:14px;line-height:1.85}
.login-decision-visual{position:relative;margin:20px 0 16px;min-height:230px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(3,17,34,.18);overflow:hidden}
.login-decision-visual>img{display:block;width:100%;height:100%;max-height:285px;object-fit:cover;object-position:center}
.login-visual-caption{position:absolute;left:18px;right:18px;bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(4,22,43,.66);backdrop-filter:blur(12px);color:#fff}
.login-visual-caption b{font-size:12px}.login-visual-caption span{font-size:10px;color:#b8c9dd}.login-visual-caption em{font-style:normal;color:#e5c77e;font-size:11px;white-space:nowrap}
.login-trust-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:2px}
.login-trust-row span{display:flex;align-items:center;gap:7px;min-height:36px;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.055);color:#c8d7e8;font-size:10px}
.login-trust-row span:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(103,211,191,.13);color:#78d7c6;font-weight:800;flex:none}
.login-capability-grid{display:none}
.access-flow{margin-top:14px;gap:8px}.access-flow>div{min-height:62px;padding:12px 13px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.045)}.access-flow b{color:#e4c581}.access-flow span{font-size:10px;color:#c5d3e3}
.public-boundary{margin-top:auto;padding:11px 13px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09);border-radius:12px}.public-boundary b{color:#e3ca8c}.public-boundary span{font-size:10px;line-height:1.65;color:#afc0d4}
.auth-card{border:0;border-radius:0;padding:46px 48px 38px;box-shadow:none;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);display:flex;flex-direction:column;justify-content:center}
.auth-card-heading{margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid var(--c-line-2)}.auth-card-heading .eyebrow{color:var(--c-blue-700);font-size:9px}.auth-card-heading>b{font-size:22px;color:var(--c-ink);letter-spacing:-.4px}.auth-card-heading small{font-size:11px;line-height:1.65;color:var(--c-muted)}
.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#eef3f8;border:1px solid #e6edf5;border-radius:13px;gap:4px}.auth-tabs button{height:38px;border-radius:9px;color:#718096;font-size:12px}.auth-tabs button.active{background:#fff;color:var(--c-blue-700);box-shadow:0 4px 12px rgba(25,64,105,.09)}
.auth-panel{padding-top:20px}.auth-panel h2{margin-bottom:8px;font-size:25px;color:var(--c-ink)}.auth-panel>p{color:var(--c-muted);line-height:1.7}
.auth-panel label>span{font-weight:650;color:#40516a}.auth-panel input{height:48px;border-radius:12px;border-color:#d9e3ef;background:#fff;padding-left:14px}.auth-panel input:hover{border-color:#c7d6e7}.auth-panel input:focus{border-color:#79a5dc;box-shadow:0 0 0 4px rgba(45,114,199,.10)}
.auth-panel .primary{height:49px;border-radius:12px;background:linear-gradient(135deg,#2e73c8,#1d569e);box-shadow:0 12px 24px rgba(31,94,170,.20);letter-spacing:.03em}.auth-panel .primary:hover{box-shadow:0 15px 28px rgba(31,94,170,.27)}
.auth-security-note{border-radius:13px;border:1px solid #e0eaf4;background:#f5f9fd}.auth-security-note b{color:#2f4868}.auth-security-note span{line-height:1.55}
.auth-assist-row{margin-top:12px;color:#8390a2}.login-error:not(:empty){margin-top:12px;padding:10px 12px;border:1px solid #f3c8c8;border-radius:10px;background:#fff4f4;color:#a83b3f}
.password-visibility-toggle{position:absolute;right:9px;bottom:8px;width:34px;height:32px;border:0;border-radius:8px;background:#f0f4f8;color:#5f7188;cursor:pointer;font-size:11px}.login-card label.password-field{position:relative}.login-card label.password-field input{padding-right:50px}
/* 会员工作区：更清晰的层级、更专业的密度 */
.app-shell{background:linear-gradient(180deg,#f2f6fb 0%,#f7f9fc 100%)}
.sidebar{width:268px;padding:18px 14px 14px;background:
radial-gradient(circle at 20% 0%,rgba(52,115,179,.20),transparent 29%),
linear-gradient(180deg,var(--c-navy-900),var(--c-navy-950));box-shadow:10px 0 36px rgba(7,22,41,.10)}
.main{margin-left:268px;width:calc(100% - 268px)}
.brand{min-height:66px;margin:0 4px 8px;padding:6px 8px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.brand .brand-logo-image{width:44px;height:44px}.brand strong{font-size:15px}.brand span{color:#91a7c0;font-size:10px}
.sidebar nav{display:grid;gap:3px;overflow:auto;padding-right:3px}.nav-section-title{margin-top:7px;padding:12px 10px 5px;color:#68809b;font-size:9px;letter-spacing:.17em}
.nav-item{min-height:42px;border:1px solid transparent;border-radius:11px;padding:9px 10px;color:#aebed0;font-size:12px;font-weight:560}.nav-item:hover{border-color:rgba(255,255,255,.055);background:rgba(255,255,255,.055)}.nav-item.active{border-color:rgba(216,181,104,.16);background:linear-gradient(90deg,rgba(216,181,104,.15),rgba(52,115,179,.11));box-shadow:inset 3px 0 0 #d8b568;color:#fff}.nav-item .nav-icon{width:17px;height:17px}.nav-item b{margin-left:auto;background:#d9b56b;color:#142e4c}
.sidebar-foot{margin:10px 4px 0;padding:13px 8px 4px}.sidebar-foot b{font-size:11px;color:#d7e2ee}.sidebar-foot small{font-size:9px;line-height:1.5;color:#7f96af}
.topbar{height:78px;padding:0 30px;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(211,222,235,.82);box-shadow:0 5px 20px rgba(21,51,85,.025)}.topbar-heading h1{font-size:19px;color:var(--c-ink)}.topbar-breadcrumb{color:#8390a2}.topbar-breadcrumb span{color:#527198}.top-status-chip{height:35px;border-color:#dce5ef;background:#fff;box-shadow:0 3px 10px rgba(21,51,85,.035)}.profile-chip{background:#fff;box-shadow:0 4px 14px rgba(21,51,85,.05)}
.workspace-bar{margin:16px 30px 0;padding:12px 14px;border-color:#dfe7f1;border-radius:16px;box-shadow:0 8px 26px rgba(21,51,85,.055)}.workspace-bar label span{text-transform:none;letter-spacing:.02em}.workspace-bar select{border:1px solid #e0e7f0;background:#f8fafc}.workspace-bar select:focus{background:#fff}.autosave-chip{border-color:#cfeadd;background:#f0faf6}.workspace-user{padding-left:11px;border-left:1px solid #e6ecf3}
.page{max-width:1620px;padding:28px 30px 70px}.section-intro{padding:0 2px}.section-intro h2{font-size:29px;color:var(--c-ink)}.section-intro p{color:var(--c-muted)}
.panel{border:1px solid #e0e8f2;border-radius:19px;box-shadow:0 9px 30px rgba(21,51,85,.055)}.panel:hover{border-color:#d6e1ed}.panel-head{border-bottom-color:#edf2f7}.panel-head h3{color:#20324b}.panel-head p{color:#7d8999}
.stat-card{min-height:145px;border-radius:19px;background:linear-gradient(155deg,#fff,#fbfdff)}.stat-card:after{width:112px;height:112px;background:linear-gradient(135deg,#edf4fc,#f7faff)}.stat-card b{color:#172b45}.stat-card:nth-child(1){border-top:3px solid #2d72c7}.stat-card:nth-child(2){border-top:3px solid #168f88}.stat-card:nth-child(3){border-top:3px solid #bd8b36}.stat-card:nth-child(4){border-top:3px solid #65758c}
.dashboard-kicker{background:#eef9f5;border-color:#d4ede3}.next-task-card .journey-list button{border-radius:12px}.next-task-card .journey-list button:hover{background:#f7faff}.next-task-card .journey-list em{border:1px solid #dce8f5}.coverage-graph{background:linear-gradient(180deg,#f7faff,#fff)}
.primary{background:linear-gradient(135deg,#2f73c6,#1e5ba5);box-shadow:0 8px 18px rgba(31,94,170,.18)}.secondary{border-color:#cbdcf0}.ghost{border-color:#dbe4ee}.primary,.secondary,.ghost,.danger-soft{font-weight:650}
input,select,textarea{border-color:#d9e2ed;background:#fff}input:hover,select:hover,textarea:hover{border-color:#c8d6e5}
.table-wrap{border-radius:0 0 18px 18px}.data-table th{background:#f7f9fc}.data-table tbody tr:hover{background:#f8fbfe}
.modal-card,.formal-export-card,.status-portal-card{border-radius:24px;box-shadow:var(--c-shadow-lg)}
/* 商业会员提示条 */
.commercial-membership-ribbon{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 30px 0;padding:12px 15px;border:1px solid #dce7f2;border-radius:15px;background:linear-gradient(90deg,#f8fbff,#f3faf8);box-shadow:0 6px 18px rgba(21,51,85,.04)}
.commercial-membership-ribbon>div{display:flex;align-items:center;gap:10px}.commercial-membership-ribbon i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e8f2ff;color:#225faa;font-style:normal;font-weight:800}.commercial-membership-ribbon b{display:block;font-size:12px}.commercial-membership-ribbon small{display:block;margin-top:3px;color:#718096;font-size:10px}.commercial-membership-ribbon span{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #dce6ef;color:#47637f;font-size:10px;white-space:nowrap}
/* 移动底部导航 */
.mobile-bottom-nav{height:66px;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid #dce5ef;background:rgba(255,255,255,.95);box-shadow:0 -10px 30px rgba(7,22,41,.08);backdrop-filter:blur(18px)}
.mobile-bottom-nav button{position:relative;border-radius:11px;color:#7a889a}.mobile-bottom-nav button.active{background:#eef4fc;color:#1f5eaa}.mobile-bottom-nav button.active:before{content:"";position:absolute;top:1px;width:20px;height:3px;border-radius:999px;background:#2d72c7}.mobile-bottom-nav img{width:19px;height:19px}.mobile-bottom-nav span{font-size:9px}
/* 统一细节 */
.tag,.status-badge{font-weight:700}.muted-copy{color:var(--c-muted)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#bec9d6;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#9eacbc;background-clip:padding-box}
@media(max-width:1180px){
.login-portal{grid-template-columns:1fr minmax(390px,.92fr)}.login-intro{padding:36px}.login-intro h1{font-size:35px}.login-decision-visual{min-height:210px}.login-trust-row{grid-template-columns:1fr 1fr}
.top-status-cluster .top-status-chip:first-child{display:none}
}
@media(max-width:960px){
.login-screen{padding:0}.login-portal{min-height:100dvh;border-radius:0;grid-template-columns:1fr;overflow:visible}.login-intro{min-height:auto;padding:28px 28px 25px}.login-brand{margin-bottom:22px}.login-intro h1{font-size:31px}.login-intro>p{font-size:13px}.login-decision-visual{min-height:180px;max-height:240px}.access-flow,.public-boundary{display:none}.auth-card{padding:34px 28px 44px}.auth-card-heading{margin-bottom:15px}
.sidebar{width:280px}.main{margin-left:0;width:100%}.topbar{padding:0 18px}.workspace-bar,.commercial-membership-ribbon{margin-left:16px;margin-right:16px}.page{padding-left:16px;padding-right:16px}
}
@media(max-width:700px){
.login-intro{padding:22px 20px}.login-brand{margin-bottom:18px}.login-brand .brand-logo-image{width:44px;height:44px}.login-brand b{font-size:15px}.login-intro>.eyebrow{font-size:8px}.login-intro h1{margin-top:13px;font-size:27px}.login-intro>p{font-size:12px;line-height:1.7}.login-decision-visual{margin:15px 0 10px;min-height:145px;border-radius:16px}.login-decision-visual>img{max-height:195px}.login-visual-caption{left:10px;right:10px;bottom:9px;padding:8px 10px}.login-visual-caption span{display:none}.login-trust-row{grid-template-columns:1fr 1fr}.login-trust-row span{min-height:32px;padding:6px 8px}.auth-card{padding:28px 20px 40px}.auth-card-heading>b{font-size:19px}.auth-tabs button{font-size:11px}.auth-panel h2{font-size:22px}.auth-form-grid{grid-template-columns:1fr}
.topbar{height:66px}.topbar-heading p,.topbar-breadcrumb,.top-status-cluster{display:none}.topbar-heading h1{font-size:17px}.profile-chip{margin-left:auto;padding:4px}.profile-chip>div{display:none}.profile-chip .avatar{width:34px;height:34px}.workspace-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding:10px}.workspace-bar label{min-width:0}.workspace-bar label:first-child{grid-column:1/-1}.workspace-bar select{width:100%}.autosave-chip{grid-column:1/-1;justify-content:center}.workspace-user{display:none}.workspace-bar>#logout-btn{display:none}.commercial-membership-ribbon{align-items:flex-start;margin-top:9px;padding:10px 12px}.commercial-membership-ribbon span{display:none}.commercial-membership-ribbon small{line-height:1.5}.page{padding-top:21px;padding-bottom:94px}.section-intro{display:block}.section-intro h2{font-size:24px}.section-intro>div+div,.decision-head-actions{margin-top:13px;width:100%;display:grid!important;grid-template-columns:1fr 1fr}.decision-head-actions .dashboard-kicker{grid-column:1/-1}.decision-head-actions button{white-space:nowrap;font-size:11px}.section-intro button{width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:120px;padding:15px}.stat-card b{font-size:23px}.dashboard-main-grid,.dashboard-lower-grid{grid-template-columns:1fr}.panel{border-radius:16px}.panel-head{padding:15px}.panel-body{padding:15px}
}
@media(max-width:420px){
.login-intro h1{font-size:24px}.login-decision-visual{min-height:126px}.login-trust-row span{font-size:9px}.auth-card{padding-left:16px;padding-right:16px}.auth-tabs{gap:2px}.auth-tabs button{padding:0 5px}.stat-grid{grid-template-columns:1fr}.stat-card{min-height:108px}.workspace-bar{grid-template-columns:1fr}.workspace-bar label,.workspace-bar label:first-child{grid-column:auto;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;width:100%}.workspace-bar select{min-width:0;width:100%}.mobile-bottom-nav button{font-size:9px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* V4.6.0 P3 · 一次性激活卡入口 */
.auth-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.activation-card-hint{display:grid;gap:4px;margin:0 0 16px;padding:14px 15px;border:1px solid #cddff0;border-radius:14px;background:linear-gradient(135deg,#f4f8fc,#edf4fb)}
.activation-card-hint span{width:max-content;padding:3px 8px;border-radius:999px;background:#173f69;color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em}
.activation-card-hint b{font-size:14px;color:#153553}.activation-card-hint small{font-size:11px;line-height:1.65;color:#61758a}
#activate-form [name="activation_code"]{letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800}
@media(max-width:520px){.auth-tabs{grid-template-columns:1fr 1fr}.auth-tabs button{height:36px}.activation-card-hint{padding:12px}}
/* V4.6.0-P5-HF2 · 密码输入框与可见性按钮布局修复
防止“显示/隐藏”按钮继承 .login-card form button 的 width:100%，
同时覆盖登录、会员卡激活、申请使用、找回密码、首次改密和账户改密。 */
label.password-field{
position:relative;
display:block;
}
label.password-field>input{
padding-right:58px!important;
}
label.password-field>button.password-visibility-toggle{
position:absolute!important;
right:8px!important;
bottom:8px!important;
left:auto!important;
top:auto!important;
width:42px!important;
min-width:42px!important;
max-width:42px!important;
height:32px!important;
margin:0!important;
padding:0!important;
display:grid!important;
place-items:center!important;
box-sizing:border-box!important;
line-height:1!important;
white-space:nowrap!important;
flex:0 0 42px!important;
z-index:3!important;
}

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

/* [05] /assets/hf85-r2-sorter-hf21-s15.css sha256=2800bb81674316ad1a5ca378187bd9ba8cfcd16839cfba0ab1e1c1d53c4708b4 */
/* HF21-S15 · 96志愿排序与正式导出确认组件（从 index.html 内联样式收敛） */
.wish-sorter-toolbar{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(520px,2.2fr);gap:14px;align-items:center}.wish-view-switch{display:grid;gap:7px}.wish-view-switch>div{display:flex;gap:6px;flex-wrap:wrap}.wish-view-switch button.active{box-shadow:inset 0 0 0 2px currentColor}.wish-view-switch small,.wish-sorter-status{color:var(--v4-text-2,#64748b);font-size:12px}.wish-sorter-actions{display:flex;align-items:end;justify-content:flex-end;gap:7px;flex-wrap:wrap}.wish-sorter-actions label{display:grid;gap:4px;font-size:11px;color:var(--v4-text-2,#64748b)}.wish-sorter-actions select{min-height:36px;border:1px solid var(--v4-line,#dbe3ef);border-radius:9px;background:#fff;padding:0 10px}.wish-sorter-status{grid-column:1/-1;border-top:1px solid var(--v4-line,#e2e8f0);padding-top:9px}.wish-slot-map{display:grid!important;grid-template-columns:repeat(24,minmax(28px,1fr));gap:5px}.wish-slot{appearance:none;border:0;border-radius:7px;min-height:27px;padding:0;font-size:11px;font-weight:800;cursor:pointer;color:#fff;touch-action:none;transition:transform .12s,box-shadow .12s,opacity .12s}.wish-slot:hover,.wish-slot:focus-visible{transform:translateY(-1px);box-shadow:0 4px 10px rgba(15,23,42,.18);outline:2px solid #0f172a;outline-offset:1px}.wish-slot.empty{background:#e8edf5;color:#8794a8;cursor:default}.wish-slot.high,.wish-slot.reach{background:#dc7a4d}.wish-slot.match{background:#d99927}.wish-slot.stable{background:#3f8cbd}.wish-slot.safe{background:#3d9b72}.wish-slot.unknown{background:#77859a}.wish-slot.item-locked{box-shadow:inset 0 0 0 2px #111827}.wish-slot.position-locked:after{content:'•';position:absolute}.wish-slot.touch-dragging,.wish-slot.dragging{opacity:.55;transform:scale(.94)}.wish-slot{position:relative}.wish-item .drag-handle button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:4px;border-radius:6px}.wish-item .drag-handle button:hover{background:rgba(15,23,42,.08)}.wish-lock-actions{display:flex;gap:5px;flex-wrap:wrap}.wish-lock-actions button{font-size:11px;padding:6px 8px}.wish-lock-actions button.active{background:#172554;color:#fff}.wish-risk-view{display:grid;gap:12px}.wish-risk-section{border:1px solid var(--v4-line,#e2e8f0);border-radius:13px;overflow:hidden}.wish-risk-section>header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8fafc}.wish-risk-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px}.wish-risk-row{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid #e7ecf3;border-radius:10px;background:#fff}.wish-risk-row strong{font-size:12px}.wish-risk-row span{display:block;font-size:11px;color:#64748b;margin-top:2px}.wish-risk-row em{font-style:normal;font-size:11px}.formal-export-modal{position:fixed;inset:0;z-index:10000;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;padding:18px}.formal-export-modal.open{display:flex}.formal-export-card{width:min(680px,100%);max-height:86vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 28px 70px rgba(15,23,42,.28);position:relative}.formal-export-close:first-child{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:26px;cursor:pointer}.formal-export-card h3{margin:7px 0}.formal-export-card>p{color:#475569;line-height:1.7}.formal-export-issue{border-left:4px solid #d97706;background:#fff7ed;padding:10px 12px;margin:8px 0;border-radius:8px}.formal-export-issue.block{border-color:#dc2626;background:#fef2f2}.formal-export-issue b{display:block;margin-bottom:4px}.formal-export-issue span{font-size:12px;color:#475569;line-height:1.55}.formal-export-confirm-box{display:grid;gap:12px;clear:both;margin-top:16px;padding:16px;border:1px solid #e5b94f;background:#fffbeb;border-radius:12px;position:relative;z-index:1}.formal-export-confirm-title{margin:0;color:#7c4a03;font-size:15px;font-weight:900;line-height:1.4}.formal-export-confirm-row{display:grid!important;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;margin:0!important;padding:12px;border:1px solid #efd58c;border-radius:10px;background:#fffdf5}.formal-export-confirm-row input[type="checkbox"]{width:19px!important;height:19px!important;min-width:19px!important;margin:2px 0 0!important;flex:none}.formal-export-confirm-row>span{display:block!important;margin:0!important;color:#334155!important;font-size:13px!important;font-weight:650!important;line-height:1.7!important}.formal-export-note-label{display:block!important;margin:0!important;color:#475569!important;font-size:12px!important;font-weight:800!important;line-height:1.4!important}.formal-export-confirm-box textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;min-height:96px;margin:0!important;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;resize:vertical;background:#fff;color:#1e293b;font-size:14px;line-height:1.65}.formal-export-confirm-hint{display:block;color:#64748b;font-size:11px;line-height:1.6}.formal-export-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;position:sticky;bottom:-24px;padding:12px 0 2px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%);z-index:2}.hidden{display:none!important}
@media(max-width:1100px){.wish-sorter-toolbar{grid-template-columns:1fr}.wish-sorter-actions{justify-content:flex-start}.wish-sorter-status{grid-column:auto}.wish-slot-map{grid-template-columns:repeat(16,minmax(28px,1fr))}.wish-risk-items{grid-template-columns:1fr}}
@media(max-width:640px){.wish-slot-map{grid-template-columns:repeat(8,minmax(32px,1fr));gap:6px;padding:10px}.wish-slot{min-height:34px;font-size:12px}.wish-sorter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.wish-sorter-actions label,.wish-sorter-actions select,.wish-sorter-actions button{width:100%}.wish-sorter-actions label{grid-column:1/-1}.wish-risk-row{grid-template-columns:38px 1fr}.wish-risk-row em{grid-column:2}.wish-lock-actions{grid-column:1/-1}.formal-export-card{padding:20px 16px}}
.formal-item-cert{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;vertical-align:middle}.formal-item-cert.certified{background:#e8f7ef;color:#14734a}.formal-item-cert.rejected{background:#feecec;color:#b42318}.formal-item-cert.unavailable{background:#fff4d8;color:#8a5a00}.issue-affected-list{display:grid;gap:6px;margin-top:9px;padding-top:8px;border-top:1px dashed rgba(100,116,139,.28)}.issue-affected-row{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.issue-affected-row button{border:1px solid #b8c7dc;background:#fff;color:#1d4f91;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:800;cursor:pointer}.issue-affected-row button:hover{background:#eef6ff}.issue-affected-row span{display:block!important;margin:0!important;min-width:0}.issue-affected-row span b,.issue-affected-row span em{display:block}.issue-affected-row span b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issue-affected-row span em{font-style:normal;font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issue-affected-list>small,.issue-action-hint{display:block;margin-top:6px;color:#64748b;font-size:11px;line-height:1.55}.formal-export-issue .issue-affected-list{max-height:230px;overflow:auto}.wish-check .issue-affected-list{max-height:150px;overflow:auto}.formal-export-card{width:min(760px,100%)}

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

/* [07] /assets/horizon-member-p2.css sha256=d79edc46f182845bb61e0421cd0c5149fa07f32de6a3defa3ef5049c9959dcea */
/*
* HBV Horizon Member Experience P2
* Scope: brand login, member shell, decision dashboard and candidate profile.
* This layer intentionally leaves business ids, API calls and data contracts untouched.
*/
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] {
--hbv-member-sidebar: 252px;
--hbv-member-content: 1540px;
--hbv-member-gutter: clamp(20px, 2.2vw, 34px);
--hbv-member-blue-soft: #eef6ff;
--hbv-member-teal-soft: #ecfbf8;
--hbv-member-gold-soft: #fff7e7;
--hbv-member-coral-soft: #fff1ec;
--hbv-member-purple-soft: #f4f0ff;
}
/* ---------- Public / brand login ---------- */
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-screen {
min-height: 100vh;
padding: clamp(18px, 3vw, 42px);
background:
radial-gradient(circle at 5% 8%, rgba(36, 107, 254, .12), transparent 27%),
radial-gradient(circle at 94% 88%, rgba(32, 179, 157, .12), transparent 29%),
linear-gradient(135deg, #f7faff 0%, #f3f8ff 50%, #f7fbfb 100%);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-portal {
width: min(1440px, 100%);
min-height: min(900px, calc(100vh - 52px));
margin: auto;
display: grid;
grid-template-columns: minmax(0, 1.18fr) minmax(440px, .82fr);
gap: 0;
align-items: stretch;
overflow: hidden;
border: 1px solid rgba(213, 226, 242, .92);
border-radius: 30px;
background: rgba(255, 255, 255, .88);
box-shadow: 0 34px 90px rgba(23, 54, 95, .15);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-intro {
min-width: 0;
padding: clamp(38px, 4.2vw, 68px);
display: flex;
flex-direction: column;
justify-content: center;
color: var(--hbv-text);
border-radius: 0;
background:
linear-gradient(135deg, rgba(255,255,255,.88), rgba(247,251,255,.72)),
radial-gradient(circle at 86% 12%, rgba(36, 107, 254, .16), transparent 31%),
radial-gradient(circle at 12% 82%, rgba(32, 179, 157, .12), transparent 30%);
box-shadow: none;
isolation: isolate;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-intro::before {
content: "";
position: absolute;
inset: 0;
z-index: -2;
background-image:
linear-gradient(rgba(38, 94, 158, .025) 1px, transparent 1px),
linear-gradient(90deg, rgba(38, 94, 158, .025) 1px, transparent 1px);
background-size: 34px 34px;
mask-image: linear-gradient(90deg, #000, transparent 92%);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-intro::after {
content: "";
position: absolute;
right: -115px;
top: -105px;
width: 390px;
height: 390px;
z-index: -1;
border: 62px solid rgba(36, 107, 254, .055);
border-radius: 50%;
background: none;
opacity: 1;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-brand {
display: flex;
align-items: center;
gap: 13px;
margin-bottom: clamp(34px, 5vh, 58px);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-brand .brand-logo-image {
width: 50px;
height: 50px;
padding: 7px;
border-radius: 15px;
background: linear-gradient(145deg, var(--hbv-brand-600), #22b6d7);
box-shadow: 0 14px 32px rgba(36, 107, 254, .23);
filter: brightness(0) invert(1);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-brand b {
display: block;
color: var(--hbv-brand-900);
font-size: 20px;
font-weight: 820;
letter-spacing: -.03em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-brand span {
display: block;
margin-top: 3px;
color: var(--hbv-text-3);
font-size: 11px;
letter-spacing: .04em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-data-pill {
width: max-content;
max-width: 100%;
margin-bottom: 16px;
padding: 7px 11px;
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid #ccebdd;
border-radius: 999px;
background: rgba(234, 249, 242, .9);
color: #147657;
font-size: 12px;
font-weight: 750;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-data-pill i {
width: 7px;
height: 7px;
border-radius: 50%;
background: #20a879;
box-shadow: 0 0 0 4px rgba(32, 168, 121, .12);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-intro > .eyebrow {
color: var(--hbv-brand-600);
font-size: 11px;
font-weight: 800;
letter-spacing: .14em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-intro h1 {
max-width: 760px;
margin: 14px 0 16px;
color: #14365f;
font-size: clamp(34px, 3.4vw, 54px);
font-weight: 850;
line-height: 1.17;
letter-spacing: -.052em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-intro > p {
max-width: 710px;
margin: 0;
color: #60758e;
font-size: 15px;
line-height: 1.85;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-decision-visual {
display: none;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-trust-row {
margin: 25px 0 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-trust-row span {
padding: 6px 10px;
border: 1px solid #dce8f5;
border-radius: 999px;
background: rgba(255,255,255,.88);
color: #5e7188;
font-size: 11px;
font-weight: 650;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-capability-grid {
margin-top: 24px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-capability-grid > div {
min-width: 0;
padding: 15px 16px;
display: grid;
grid-template-columns: 42px 1fr;
grid-template-rows: auto auto;
column-gap: 12px;
border: 1px solid #e1eaf5;
border-radius: 15px;
background: rgba(255, 255, 255, .84);
box-shadow: 0 7px 22px rgba(30, 73, 118, .045);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-capability-grid img {
grid-row: 1 / span 2;
width: 42px;
height: 42px;
padding: 10px;
border-radius: 13px;
background: var(--hbv-member-blue-soft);
filter: none;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-capability-grid > div:nth-child(2) img { background: var(--hbv-member-teal-soft); }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-capability-grid > div:nth-child(3) img { background: var(--hbv-member-gold-soft); }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-capability-grid > div:nth-child(4) img { background: var(--hbv-member-purple-soft); }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-capability-grid b {
align-self: end;
color: #29425f;
font-size: 13px;
font-weight: 780;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-capability-grid span {
align-self: start;
margin-top: 3px;
color: var(--hbv-text-3);
font-size: 10px;
line-height: 1.5;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .access-flow {
margin: 22px 0 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 9px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .access-flow > div {
position: relative;
padding: 12px 12px 12px 44px;
border: 1px solid #e3ebf5;
border-radius: 13px;
background: rgba(249,252,255,.82);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .access-flow b {
position: absolute;
left: 11px;
top: 11px;
width: 24px;
height: 24px;
display: grid;
place-items: center;
border-radius: 8px;
background: var(--hbv-brand-50);
color: var(--hbv-brand-600);
font-size: 10px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .access-flow span {
color: #61748a;
font-size: 10px;
line-height: 1.45;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .public-boundary {
margin-top: 18px;
padding: 12px 14px;
border: 1px solid #e4ebf4;
border-left: 3px solid var(--hbv-amber-500);
border-radius: 11px;
background: rgba(255, 249, 234, .78);
color: #6f5b32;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .public-boundary b,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .public-boundary span { color: inherit; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-card {
width: auto;
max-width: none;
min-height: 100%;
margin: 0;
padding: clamp(38px, 4vw, 62px);
display: flex;
flex-direction: column;
justify-content: center;
align-self: stretch;
overflow: auto;
border: 0;
border-left: 1px solid #e5ecf5;
border-radius: 0;
background: rgba(255, 255, 255, .95);
box-shadow: none;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-card-heading {
margin-bottom: 22px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-card-heading .eyebrow {
color: var(--hbv-brand-600);
font-weight: 800;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-card-heading b {
display: block;
margin-top: 7px;
color: var(--hbv-brand-900);
font-size: 27px;
font-weight: 830;
letter-spacing: -.035em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-card-heading small {
display: block;
margin-top: 7px;
color: var(--hbv-text-3);
font-size: 12px;
line-height: 1.7;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-tabs {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 4px;
margin-bottom: 24px;
padding: 4px;
border: 1px solid #e3eaf3;
border-radius: 13px;
background: #f3f6fa;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-tabs button {
min-width: 0;
min-height: 38px;
padding: 0 6px;
border-radius: 9px;
color: #6d7d91;
font-size: 12px;
white-space: nowrap;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-tabs button.active {
border: 1px solid #dce7f4;
background: #fff;
color: var(--hbv-brand-700);
box-shadow: 0 5px 15px rgba(31, 77, 130, .08);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-panel h2 {
color: var(--hbv-brand-900);
font-size: 23px;
font-weight: 820;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-panel > p {
margin: 7px 0 18px;
color: var(--hbv-text-3);
line-height: 1.75;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-panel form {
display: grid;
gap: 14px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-panel label { margin: 0; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-panel .primary {
width: 100%;
min-height: 48px;
margin-top: 3px;
font-size: 14px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-security-note {
margin-top: 18px;
border-color: #dce8f5;
background: #f7fbff;
}
/* ---------- Member shell ---------- */
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .app-shell {
min-height: 100vh;
background: var(--hbv-canvas);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar {
width: var(--hbv-member-sidebar);
padding: 22px 16px 17px;
border-right: 1px solid var(--hbv-line);
background: #fff;
color: var(--hbv-text);
box-shadow: 7px 0 30px rgba(28, 68, 110, .035);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .main {
width: calc(100% - var(--hbv-member-sidebar));
margin-left: var(--hbv-member-sidebar);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar .brand {
padding: 0 8px 20px;
gap: 12px;
border-bottom: 1px solid var(--hbv-divider);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar .brand-logo-image {
width: 43px;
height: 43px;
padding: 6px;
border-radius: 13px;
background: linear-gradient(145deg, var(--hbv-brand-600), #22b6d7);
filter: brightness(0) invert(1);
box-shadow: 0 10px 24px rgba(36, 107, 254, .22);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar .brand strong {
color: #17365f;
font-size: 16px;
font-weight: 820;
letter-spacing: -.02em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar .brand span {
color: #8897aa;
font-size: 10px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .nav-section-title {
padding: 17px 12px 6px;
color: #9aa7b7;
font-size: 10px;
font-weight: 750;
letter-spacing: .12em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar nav {
margin-top: 2px;
gap: 2px;
scrollbar-color: #d9e3ef transparent;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .nav-item {
position: relative;
min-height: 42px;
padding: 9px 11px;
gap: 11px;
border: 1px solid transparent;
border-radius: 11px;
color: #56687f;
font-size: 12.5px;
font-weight: 650;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .nav-item > span {
min-width: 0;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .nav-item:hover {
border-color: #e4edf7;
background: #f7faff;
color: var(--hbv-brand-700);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .nav-item.active {
border-color: #dce9fb;
background: linear-gradient(90deg, #eaf3ff 0%, #f5f9ff 100%);
color: var(--hbv-brand-700);
box-shadow: none;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .nav-item.active::before {
content: "";
position: absolute;
left: -17px;
top: 7px;
bottom: 7px;
width: 4px;
border-radius: 0 5px 5px 0;
background: var(--hbv-brand-600);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .nav-item .nav-icon {
width: 18px;
height: 18px;
opacity: .78;
filter: none;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .nav-item.active .nav-icon,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .nav-item:hover .nav-icon {
opacity: 1;
filter: invert(35%) sepia(94%) saturate(1700%) hue-rotate(208deg) brightness(93%);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .nav-item b {
margin-left: auto;
min-width: 22px;
height: 20px;
padding: 0 6px;
display: grid;
place-items: center;
border-radius: 999px;
background: #eef3f8;
color: #64758a;
font-size: 10px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .nav-item.active b {
background: #d8e9ff;
color: var(--hbv-brand-700);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar-foot {
margin: 15px 2px 0;
padding: 14px;
gap: 10px;
border: 1px solid #dceafb;
border-radius: 15px;
background: linear-gradient(145deg, #edf6ff, #f7fbff);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar-foot b {
color: #315273;
font-size: 11px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar-foot small {
color: #7a8a9e;
font-size: 9px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .topbar {
height: 74px;
padding: 0 var(--hbv-member-gutter);
border-bottom: 1px solid var(--hbv-line);
background: rgba(255, 255, 255, .93);
backdrop-filter: blur(16px);
box-shadow: 0 2px 12px rgba(31, 74, 119, .025);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .topbar-breadcrumb {
color: #91a0b2;
font-size: 11px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .topbar h1 {
margin-top: 1px;
color: #17365f;
font-size: 18px;
font-weight: 820;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .topbar p { display: none; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .top-status-cluster {
margin-left: auto;
gap: 9px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .top-status-chip {
min-height: 37px;
padding: 0 12px;
border-color: #dce6f1;
color: #5f7288;
background: #fff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .top-context-icon {
width: 22px;
height: 22px;
display: grid;
place-items: center;
border-radius: 7px;
background: var(--hbv-brand-50);
color: var(--hbv-brand-700);
font-size: 10px;
font-weight: 850;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-chip {
min-height: 44px;
margin-left: 4px;
padding: 4px 11px 4px 5px;
border: 1px solid #dce6f1;
background: #fff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-chip .avatar {
width: 34px;
height: 34px;
background: linear-gradient(135deg, #ffd16a, #eda634);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .workspace-bar {
max-width: calc(var(--hbv-member-content) - (var(--hbv-member-gutter) * 2));
min-height: 66px;
margin: 16px auto 0;
padding: 10px 13px;
align-items: center;
gap: 10px;
border: 1px solid #dfe8f3;
border-radius: 16px;
background: rgba(255,255,255,.96);
box-shadow: 0 8px 24px rgba(29, 72, 116, .055);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .workspace-bar label {
min-width: 145px;
margin: 0;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .workspace-bar label > span {
margin-bottom: 4px;
color: #7d8da1;
font-size: 9px;
letter-spacing: .02em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .workspace-bar select {
min-height: 36px;
height: 36px;
padding-left: 10px;
border-color: #e0e8f2;
border-radius: 9px;
background-color: #f9fbfd;
font-size: 11px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .autosave-chip {
min-height: 36px;
padding: 0 11px;
border-color: #cfeadb;
background: #effaf5;
color: #147657;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .workspace-user {
margin-left: auto;
padding-left: 10px;
border-left: 1px solid var(--hbv-divider);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .page {
width: 100%;
max-width: var(--hbv-member-content);
margin: 0 auto;
padding: 24px var(--hbv-member-gutter) 72px;
}
/* ---------- Decision dashboard ---------- */
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .dashboard-hero {
position: relative;
min-height: 168px;
margin-bottom: 16px;
padding: 25px 27px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 24px;
overflow: hidden;
border: 1px solid #d8e8fa;
border-radius: 22px;
background: linear-gradient(120deg, #eaf4ff 0%, #f7fbff 56%, #edfbf8 100%);
box-shadow: 0 11px 30px rgba(29, 78, 129, .055);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .dashboard-hero::before {
content: "";
position: absolute;
right: -110px;
top: -175px;
width: 330px;
height: 330px;
border: 46px solid rgba(47, 132, 255, .075);
border-radius: 50%;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-copy,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-side {
position: relative;
z-index: 1;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-copy {
min-width: 0;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero .dashboard-kicker {
width: max-content;
margin-bottom: 11px;
padding: 6px 10px;
border-color: #cdebdc;
background: rgba(236, 251, 245, .9);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero .eyebrow {
display: block;
color: #6a82a0;
font-weight: 800;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero h2 {
margin: 8px 0 7px;
color: #15365f;
font-size: clamp(24px, 2vw, 31px);
font-weight: 850;
letter-spacing: -.045em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero p {
max-width: 720px;
margin: 0;
color: #657a92;
font-size: 13px;
line-height: 1.72;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-side {
display: grid;
grid-template-columns: repeat(2, minmax(138px, 1fr));
gap: 11px;
align-items: stretch;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-kpi {
min-width: 145px;
padding: 13px 15px;
border: 1px solid rgba(203, 222, 243, .96);
border-radius: 15px;
background: rgba(255,255,255,.8);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-kpi > span {
display: block;
color: #7c8ca0;
font-size: 10px;
font-weight: 650;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-kpi > b {
display: block;
margin-top: 4px;
color: #17365f;
font-size: 21px;
font-weight: 830;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-kpi > small {
display: block;
margin-top: 2px;
color: #8997a8;
font-size: 9px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-progress {
height: 6px;
margin-top: 8px;
overflow: hidden;
border-radius: 999px;
background: #e8eef6;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-progress i {
display: block;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, var(--hbv-brand-600), #20b3c2);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero .decision-head-actions {
grid-column: 1 / -1;
justify-content: flex-end;
gap: 8px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero .decision-head-actions button {
min-height: 38px;
padding-inline: 14px;
font-size: 12px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin-bottom: 16px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-card {
min-height: 128px;
padding: 18px 19px;
border-color: #e0e9f4;
border-radius: 17px;
box-shadow: 0 8px 24px rgba(30, 73, 118, .05);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-card::before {
content: attr(data-metric-icon);
position: absolute;
right: 16px;
top: 16px;
z-index: 2;
width: 39px;
height: 39px;
display: grid;
place-items: center;
border-radius: 12px;
background: var(--hbv-member-blue-soft);
color: var(--hbv-brand-600);
font-size: 12px;
font-weight: 850;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-rank-card::before { background: var(--hbv-member-teal-soft); color: #11836f; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-candidate-card::before { background: var(--hbv-member-gold-soft); color: #a36c11; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-wish-card::before { background: var(--hbv-member-coral-soft); color: #c55d37; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-card::after { display: none; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-card > span {
color: #78889c;
font-size: 11px;
font-weight: 650;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-card > b {
margin: 7px 0 3px;
color: #17365f;
font-size: 28px;
font-weight: 840;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-card > small {
max-width: calc(100% - 48px);
color: #8291a4;
line-height: 1.45;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-main-grid {
grid-template-columns: minmax(0, 1.35fr) minmax(310px, .75fr);
gap: 16px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-lower-grid {
grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
gap: 16px;
margin-top: 16px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .panel {
border-color: #e0e9f4;
box-shadow: 0 8px 25px rgba(30, 73, 118, .05);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .panel-head {
min-height: 72px;
padding: 18px 20px 15px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .panel-head h3 {
font-size: 16px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .next-task-card .journey-list {
padding: 2px 20px 14px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .next-task-card .journey-list button {
min-height: 76px;
padding: 13px 0;
border-bottom: 1px solid var(--hbv-divider);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .next-task-card .journey-list button:last-child { border-bottom: 0; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .next-task-card .journey-list button > span {
width: 34px;
height: 34px;
border-radius: 10px;
background: var(--hbv-member-blue-soft);
color: var(--hbv-brand-600);
font-size: 12px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .next-task-card .journey-list b { color: #2a405b; font-size: 12px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .next-task-card .journey-list small { color: #8997a9; font-size: 10px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .next-task-card .journey-list em {
min-width: 90px;
padding: 8px 10px;
border: 1px solid #d8e6f8;
border-radius: 9px;
background: #f0f6ff;
color: var(--hbv-brand-700);
font-size: 10px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .next-task-card .journey-list button:last-child em {
border-color: var(--hbv-brand-600);
background: linear-gradient(135deg, var(--hbv-brand-600), #3989ff);
color: #fff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .scheme-summary { padding: 2px 20px 20px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .scheme-count { color: #17365f; font-size: 31px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .risk-track { background: #edf1f6; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .recent-card,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .coverage-card { min-height: 292px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .coverage-graph { padding-top: 18px; }
/* ---------- Candidate profile ---------- */
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .profile-hero {
margin-bottom: 16px;
align-items: center;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .profile-hero h2 {
max-width: 760px;
font-size: 28px;
font-weight: 840;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-hero-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex-wrap: wrap;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-summary-grid {
margin-bottom: 16px;
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(270px, .55fr);
gap: 14px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .candidate-binding-card {
min-height: 112px;
margin: 0;
padding: 18px 20px;
border-color: #d6e5f4;
border-radius: 17px;
background: linear-gradient(135deg, #f4f9ff, #fff);
box-shadow: 0 7px 24px rgba(30,73,118,.045);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .candidate-binding-card b {
color: #264968;
font-size: 14px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .candidate-binding-card p {
max-width: 760px;
color: #708297;
font-size: 10px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-progress-card {
min-height: 112px;
margin: 0;
padding: 18px 20px;
display: flex;
flex-direction: column;
justify-content: center;
border-color: #dce8f4;
border-radius: 17px;
background: linear-gradient(145deg, #fff, #f7fbff);
box-shadow: 0 7px 24px rgba(30,73,118,.045);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-progress-label {
display: block;
margin-bottom: 2px;
color: #8291a4;
font-size: 10px;
font-weight: 700;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-progress-card b {
color: #17365f;
font-size: 25px;
line-height: 1.15;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-progress-card small {
margin-top: 5px;
color: #8997a9;
font-size: 9px;
line-height: 1.55;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-progress-bar {
width: 100%;
height: 7px;
margin-top: 11px;
border-radius: 999px;
background: #e9eff6;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-progress-bar i {
border-radius: inherit;
background: linear-gradient(90deg, var(--hbv-brand-600), #20b3aa);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-content-shell {
display: grid;
grid-template-columns: 230px minmax(0, 1fr);
gap: 16px;
align-items: start;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav {
position: sticky;
top: 18px;
padding: 13px;
display: grid;
gap: 5px;
border: 1px solid #dfe8f3;
border-radius: 17px;
background: #fff;
box-shadow: 0 8px 25px rgba(30,73,118,.05);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-summary {
margin-bottom: 7px;
padding: 13px;
border-radius: 13px;
background: linear-gradient(145deg, #edf5ff, #f6faff);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-summary span,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-summary b,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-summary small {
display: block;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-summary span {
color: #8291a4;
font-size: 9px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-summary b {
margin-top: 3px;
overflow: hidden;
color: #22496d;
font-size: 13px;
text-overflow: ellipsis;
white-space: nowrap;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-summary small {
margin-top: 4px;
color: #75879a;
font-size: 9px;
line-height: 1.5;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav > button {
min-height: 55px;
padding: 8px;
display: grid;
grid-template-columns: 30px minmax(0, 1fr);
align-items: center;
gap: 9px;
border: 1px solid transparent;
border-radius: 11px;
background: transparent;
color: #63758b;
text-align: left;
box-shadow: none;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav > button:hover {
border-color: #e0eaf6;
background: #f7faff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav > button.active {
border-color: #d6e7fb;
background: #edf5ff;
color: var(--hbv-brand-700);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav > button > i {
width: 29px;
height: 29px;
display: grid;
place-items: center;
border-radius: 9px;
background: #f0f4f8;
color: #7c8c9f;
font-size: 9px;
font-style: normal;
font-weight: 800;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav > button.active > i {
background: var(--hbv-brand-600);
color: #fff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav > button b,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav > button small {
display: block;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav > button b {
font-size: 10px;
line-height: 1.35;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav > button small {
margin-top: 2px;
color: #94a0b0;
font-size: 8px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-boundary {
margin-top: 7px;
padding: 11px;
border: 1px solid #f0dfb9;
border-radius: 11px;
background: #fffaf0;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-boundary b,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-boundary span { display: block; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-boundary b { color: #805f24; font-size: 9px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-boundary span { margin-top: 4px; color: #8a7959; font-size: 8px; line-height: 1.55; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .profile-layout {
min-width: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .form-section {
scroll-margin-top: 18px;
border-color: #dfe8f3;
border-radius: 17px;
box-shadow: 0 8px 25px rgba(30,73,118,.045);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .form-section.wide {
grid-column: 1 / -1;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .form-section .panel-head {
padding: 18px 20px 15px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .form-section .panel-head h3 {
color: #213f60;
font-size: 15px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .section-no {
width: 32px;
height: 26px;
display: grid;
place-items: center;
border: 1px solid #d8e7fa;
border-radius: 9px;
background: #edf5ff;
color: var(--hbv-brand-700);
font-size: 9px;
font-weight: 850;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .form-grid,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .field-block,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .score-rank-link-card,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .profile-boundary-note {
margin-left: 20px;
margin-right: 20px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .form-grid {
gap: 13px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .form-section > .form-grid:first-of-type {
padding-top: 18px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .form-section > :last-child {
margin-bottom: 20px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile label > span,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .field-block > span {
color: #53677f;
font-size: 11px;
font-weight: 720;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .check-group {
gap: 8px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .check-group label {
min-height: 38px;
padding: 8px 10px;
border: 1px solid #e0e8f2;
border-radius: 10px;
background: #fbfcfe;
color: #556a82;
font-size: 10px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .check-group label:has(input:checked) {
border-color: #bcd7ff;
background: #edf5ff;
color: var(--hbv-brand-700);
box-shadow: 0 0 0 2px rgba(36,107,254,.04);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .cognition-choice-group.negative label:has(input:checked) {
border-color: #f3c6c9;
background: #fff2f2;
color: var(--hbv-red-700);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .toggle-row {
min-height: 66px;
padding: 11px;
border: 1px solid #e0e8f2;
border-radius: 11px;
background: #fbfcfe;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .toggle-row:has(input:checked) {
border-color: #bdd7ff;
background: #edf5ff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .score-rank-link-card {
border-color: #cfe2f7;
background: linear-gradient(135deg, #f1f8ff, #f8fcff);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-boundary-note {
padding: 12px 14px;
border: 1px solid #f0dfb9;
border-radius: 11px;
background: #fffaf0;
color: #79653f;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-save-dock {
max-width: calc(var(--hbv-member-content) - (var(--hbv-member-gutter) * 2));
margin: 17px 0 0 246px;
padding: 12px 15px;
border: 1px solid #d6e3f1;
border-radius: 15px;
background: rgba(255,255,255,.94);
backdrop-filter: blur(14px);
box-shadow: 0 12px 32px rgba(26, 69, 112, .10);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-save-dock p {
margin: 0;
color: #7d8c9e;
font-size: 10px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-save-dock p b {
color: #38536f;
font-size: 11px;
}
/* ---------- Responsive ---------- */
@media (max-width: 1260px) {
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-portal {
grid-template-columns: minmax(0, 1fr) minmax(410px, .85fr);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-intro { padding: 42px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .access-flow { display: none; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-side {
grid-template-columns: repeat(2, 135px);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .workspace-bar label { min-width: 125px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .workspace-user { display: none; }
}
@media (max-width: 1080px) {
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-portal {
grid-template-columns: 1fr;
max-width: 760px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-intro {
min-height: auto;
padding: 36px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-brand { margin-bottom: 30px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-card {
min-height: auto;
padding: 38px;
border-top: 1px solid #e5ecf5;
border-left: 0;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .dashboard-hero {
grid-template-columns: 1fr;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-side {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-main-grid,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-lower-grid {
grid-template-columns: 1fr;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-content-shell {
grid-template-columns: 1fr;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav {
position: static;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-summary,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-nav-boundary { grid-column: 1 / -1; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-save-dock { margin-left: 0; }
}
@media (max-width: 820px) {
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar {
background: #fff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .top-status-cluster { display: none; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .workspace-bar {
margin: 12px 14px 0;
padding: 10px;
align-items: end;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .workspace-bar label {
width: calc(50% - 6px);
min-width: 0;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .autosave-chip { order: 8; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .page { padding-inline: 14px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-summary-grid { grid-template-columns: 1fr; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .profile-layout { grid-template-columns: 1fr; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-profile .form-section.wide { grid-column: auto; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-screen { padding: 0; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-portal {
min-height: 100vh;
border: 0;
border-radius: 0;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-intro { padding: 28px 20px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-brand { margin-bottom: 24px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-intro h1 { font-size: 31px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-capability-grid { grid-template-columns: 1fr; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-trust-row,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .public-boundary { display: none; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-card { padding: 30px 20px 38px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .auth-tabs {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .dashboard-hero {
padding: 20px;
border-radius: 18px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-side {
grid-template-columns: 1fr;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero .decision-head-actions {
display: grid;
grid-template-columns: 1fr 1fr;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-grid {
grid-template-columns: 1fr;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] #page-dashboard .stat-card { min-height: 112px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-hero-actions { width: 100%; justify-content: stretch; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-hero-actions button { flex: 1; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav { grid-template-columns: 1fr; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-section-nav > button { min-height: 49px; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-save-dock {
bottom: calc(66px + env(safe-area-inset-bottom));
padding: 10px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-save-dock p { display: none; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-save-dock .actions { width: 100%; }
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-save-dock button { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .dashboard-hero-progress i,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .profile-progress-bar i { transition: none; }
}
/* Brand-mark fallback is deliberately CSS-native so a stale static asset cache can never leave a broken logo. */
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-brand .brand-logo-image,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar .brand-logo-image {
display: none;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-brand .dynamic-brand-mark,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar .brand-mark {
position: relative;
width: 46px;
height: 46px;
flex: 0 0 46px;
display: grid !important;
place-items: center;
overflow: visible;
border: 1px solid rgba(255,255,255,.34);
border-radius: 14px;
background: linear-gradient(145deg, #246bfe, #22b6d7);
color: #fff;
box-shadow: 0 12px 26px rgba(36, 107, 254, .24);
font-size: 17px;
font-weight: 900;
line-height: 1;
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .login-brand .dynamic-brand-mark::after,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar .brand-mark::after {
content: "";
position: absolute;
right: -2px;
top: -2px;
width: 10px;
height: 10px;
border: 2px solid #fff;
border-radius: 50%;
background: #ffc857;
box-shadow: 0 3px 8px rgba(126, 83, 8, .22);
}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .sidebar .brand-mark {
width: 43px;
height: 43px;
flex-basis: 43px;
border-radius: 13px;
font-size: 16px;
}
/* P6-R1: strict mobile member-shell width repair */
@media (max-width: 820px){
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .main{width:100%;margin-left:0;min-width:0;}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .page,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .content,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .panel{min-width:0;max-width:100%;}
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .pagination,
html[data-hbv-ui="horizon-v1"][data-hbv-member-ui="p2"] .filter-actions{flex-wrap:wrap;}
}

/* [08] /assets/horizon-workbench-p3.css sha256=5702e3d02e8a23df72def980781820d5509d2a98b3ec430a6342bb7ff8a6db85 */
/* HBV Horizon P3 — core decision workbench: search, school exploration, candidate pool and 96-wish workspace. */
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] {
--p3-canvas: #f4f8fc;
--p3-surface: #ffffff;
--p3-surface-soft: #f8fbff;
--p3-line: #dfe8f2;
--p3-line-strong: #ccd9e8;
--p3-text: #132a44;
--p3-text-2: #5e7289;
--p3-text-3: #8292a5;
--p3-blue: #1769e0;
--p3-blue-dark: #0b3f91;
--p3-cyan: #0aa6b8;
--p3-gold: #d99b22;
--p3-success: #178a63;
--p3-warning: #c77815;
--p3-danger: #c94d4d;
--p3-shadow-sm: 0 8px 24px rgba(34, 73, 112, .07);
--p3-shadow-md: 0 16px 42px rgba(34, 73, 112, .10);
--p3-radius-sm: 10px;
--p3-radius-md: 16px;
--p3-radius-lg: 22px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] body {
background:
radial-gradient(circle at 88% 2%, rgba(36, 148, 235, .08), transparent 25rem),
linear-gradient(180deg, #f8fbff 0, var(--p3-canvas) 36rem);
}
/* Shared page hero */
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-search > .section-intro,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-candidates > .section-intro,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-wishes > .section-intro {
position: relative;
overflow: hidden;
min-height: 152px;
margin-bottom: 16px;
padding: 28px 30px;
align-items: center;
border: 1px solid rgba(89, 146, 205, .24);
border-radius: var(--p3-radius-lg);
background:
radial-gradient(circle at 85% 12%, rgba(82, 196, 220, .22), transparent 16rem),
linear-gradient(118deg, #0b3f91 0%, #1769e0 48%, #138ca9 100%);
box-shadow: 0 20px 52px rgba(20, 76, 140, .17);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-search > .section-intro::after,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-candidates > .section-intro::after,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-wishes > .section-intro::after {
content: "";
position: absolute;
right: -66px;
bottom: -92px;
width: 260px;
height: 260px;
border: 42px solid rgba(255,255,255,.07);
border-radius: 50%;
pointer-events: none;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-search > .section-intro h2,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-candidates > .section-intro h2,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-wishes > .section-intro h2 {
margin: 6px 0 8px;
color: #fff;
font-size: clamp(27px, 2.8vw, 39px);
letter-spacing: -.045em;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-search > .section-intro p,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-candidates > .section-intro p,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-wishes > .section-intro p {
max-width: 720px;
color: rgba(239, 248, 255, .88);
font-size: 13px;
line-height: 1.8;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-search > .section-intro .eyebrow,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-candidates > .section-intro .eyebrow,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-wishes > .section-intro .eyebrow { color: #bfe9ff; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .scenario-binding {
z-index: 1;
padding: 10px 14px;
border: 1px solid rgba(255,255,255,.28);
border-radius: 999px;
background: rgba(255,255,255,.13);
color: #fff;
font-weight: 750;
backdrop-filter: blur(10px);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-candidates > .section-intro .primary,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-wishes > .section-intro .ghost,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-wishes > .section-intro .wish-counter {
z-index: 1;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-candidates > .section-intro .primary {
border-color: rgba(255,255,255,.85);
background: #fff;
color: var(--p3-blue-dark);
box-shadow: 0 10px 28px rgba(0, 38, 92, .18);
}
/* Search status cards */
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin: -42px 22px 18px;
position: relative;
z-index: 3;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview article {
min-width: 0;
padding: 16px 18px;
border: 1px solid rgba(213, 226, 240, .92);
border-radius: 15px;
background: rgba(255,255,255,.96);
box-shadow: var(--p3-shadow-sm);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview span,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview small { display: block; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview span {
color: var(--p3-text-2);
font-size: 11px;
font-weight: 720;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview b {
display: block;
margin: 6px 0 4px;
color: var(--p3-text);
font-size: 20px;
font-style: normal;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview b i { color: var(--p3-blue); font-style: normal; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview small { color: var(--p3-text-3); font-size: 10px; }
/* Decision methodology strip */
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
padding: 0;
overflow: hidden;
border: 1px solid var(--p3-line);
border-radius: var(--p3-radius-md);
background: var(--p3-surface);
box-shadow: none;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain > div {
position: relative;
min-height: 104px;
padding: 18px 18px 16px 48px;
border-right: 1px solid var(--p3-line);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain > div:last-child { border-right: 0; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain > div::before {
position: absolute;
left: 17px;
top: 18px;
width: 24px;
height: 24px;
display: grid;
place-items: center;
border-radius: 8px;
background: #eaf3ff;
color: var(--p3-blue);
font-size: 10px;
font-weight: 850;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain > div:nth-child(1)::before { content: "01"; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain > div:nth-child(2)::before { content: "02"; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain > div:nth-child(3)::before { content: "03"; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain > div:nth-child(4)::before { content: "04"; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain b { color: var(--p3-text); font-size: 12px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain span { color: var(--p3-text-2); font-size: 10.5px; line-height: 1.7; }
/* Filter command center */
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-panel {
margin-top: 16px;
padding: 18px;
border: 1px solid var(--p3-line);
border-radius: var(--p3-radius-lg);
background: var(--p3-surface);
box-shadow: var(--p3-shadow-sm);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-presets {
display: flex;
justify-content: space-between;
gap: 18px;
align-items: center;
margin: -2px -2px 16px;
padding: 13px 14px;
border: 1px solid #dbe9f7;
border-radius: 13px;
background: linear-gradient(90deg, #f5f9ff, #f8fcff);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-presets > div:first-child b,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-presets > div:first-child span { display: block; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-presets b { color: var(--p3-text); font-size: 12px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-presets span { margin-top: 3px; color: var(--p3-text-2); font-size: 10px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-preset-actions { display: flex; flex-wrap: wrap; gap: 7px; justify-content: flex-end; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-preset-actions button {
min-height: 34px;
padding: 0 13px;
border: 1px solid #d4e2f0;
border-radius: 999px;
background: #fff;
color: var(--p3-text-2);
font-size: 11px;
font-weight: 750;
cursor: pointer;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-preset-actions button:hover,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-preset-actions button.active {
border-color: var(--p3-blue);
background: var(--p3-blue);
color: #fff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-grid.advanced {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
align-items: end;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-grid [data-p3-span="wide"] { grid-column: span 2; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-field,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-field > span { min-width: 0; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-field > span {
margin-bottom: 6px;
color: #4c6078;
font-size: 11px;
font-weight: 760;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-field input,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-field select,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .multi-select-trigger,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .search-input {
min-height: 43px;
border-color: #d6e1ec;
border-radius: 11px;
background: #fbfdff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .search-input:focus-within,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .multi-select-trigger:focus-visible,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-field input:focus,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-field select:focus {
border-color: var(--p3-blue);
box-shadow: 0 0 0 3px rgba(23,105,224,.11);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .multi-select-menu {
z-index: 80;
min-width: 320px;
padding: 10px;
border: 1px solid #d4e1ee;
border-radius: 14px;
background: #fff;
box-shadow: 0 20px 56px rgba(30, 65, 103, .18);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .multi-select-options label {
min-height: 38px;
border-radius: 8px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .inline-check {
min-height: 43px;
padding: 9px 12px;
align-items: center;
border: 1px solid #dbe6f0;
border-radius: 11px;
background: #f8fbfe;
color: var(--p3-text-2);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .inline-check input,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-select input,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] [data-candidate-select] {
width: 17px;
height: 17px;
accent-color: var(--p3-blue);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-panel #search-btn,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-panel #clear-search,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-advanced-toggle { min-height: 43px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-panel.p3-advanced-collapsed [data-p3-filter-tier="advanced"] { display: none; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .active-filter-summary {
margin-top: 14px;
padding: 14px;
border: 1px solid #d5e5f4;
border-radius: 13px;
background: #f5f9fe;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .active-filter-chips span,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .active-filter-chips button {
border-color: #cfe0f1;
border-radius: 999px;
background: #fff;
}
/* Risk navigation and pagers */
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .risk-legend {
margin: 15px 0 10px;
padding: 11px 14px;
border: 1px solid var(--p3-line);
border-radius: 12px;
background: rgba(255,255,255,.82);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .search-risk-navigation {
margin: 10px 0 14px;
padding: 15px;
border: 1px solid var(--p3-line);
border-radius: 14px;
background: #fff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .search-risk-nav-buttons {
display: grid;
grid-template-columns: repeat(9, minmax(0, 1fr));
gap: 7px;
margin-top: 10px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .search-risk-nav-buttons button {
min-height: 54px;
border: 1px solid #dbe5ef;
border-radius: 11px;
background: #f9fbfd;
color: var(--p3-text-2);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .search-risk-nav-buttons button.active {
border-color: var(--p3-blue);
background: #edf5ff;
color: var(--p3-blue-dark);
box-shadow: inset 0 0 0 1px var(--p3-blue);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .results-toolbar {
margin: 12px 0;
padding: 11px 13px;
border: 1px solid var(--p3-line);
border-radius: 13px;
background: rgba(255,255,255,.96);
box-shadow: 0 5px 18px rgba(27,63,101,.05);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .results-toolbar-top {
position: sticky;
top: 72px;
z-index: 18;
backdrop-filter: blur(12px);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .pager-controls { gap: 6px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .page-jump {
padding-left: 8px;
border-left: 1px solid var(--p3-line);
}
/* Result cards */
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-list {
display: grid;
gap: 13px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card {
position: relative;
overflow: hidden;
padding: 20px;
border: 1px solid var(--p3-line);
border-left: 4px solid #8090a4;
border-radius: var(--p3-radius-md);
background: #fff;
box-shadow: 0 7px 24px rgba(37,72,109,.055);
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card:hover {
transform: translateY(-2px);
border-color: #c5d7ea;
box-shadow: 0 16px 38px rgba(37,72,109,.10);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card[data-risk="reach"] { border-left-color: #e5774f; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card[data-risk="match"] { border-left-color: #dda52d; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card[data-risk="stable"] { border-left-color: #2b87c7; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card[data-risk="safe"],
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card[data-risk="bottom"] { border-left-color: #29956f; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card.selected {
border-color: #8cb9ef;
background: linear-gradient(180deg, #fff, #f6faff);
box-shadow: 0 0 0 2px rgba(23,105,224,.12), var(--p3-shadow-sm);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card-top {
align-items: flex-start;
padding-bottom: 14px;
border-bottom: 1px solid #edf2f7;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-title-block { gap: 13px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-school-badge {
width: 48px;
height: 48px;
border-radius: 14px;
background: linear-gradient(145deg, #edf5ff, #dcecff);
color: var(--p3-blue-dark);
box-shadow: inset 0 0 0 1px #cfe0f2;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card h4 { color: var(--p3-text); font-size: 17px; letter-spacing: -.02em; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .major-name { margin-top: 4px; color: #334f6d; font-weight: 720; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-risk-side {
min-width: 92px;
padding: 9px 10px;
border: 1px solid #e0e8f0;
border-radius: 12px;
background: #f9fbfd;
text-align: center;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-stats-grid {
gap: 0;
margin-top: 14px;
overflow: hidden;
border: 1px solid #e3ebf3;
border-radius: 13px;
background: #f9fbfd;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-stat {
padding: 13px 14px;
border-right: 1px solid #e3ebf3;
background: transparent;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-stat:last-child { border-right: 0; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-stat b { color: var(--p3-text); font-size: 14px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .intel-history-grid,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .supply-card-strip,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .risk-calibration-strip { border-radius: 12px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-footer {
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid #e8eef5;
align-items: center;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .card-actions { gap: 7px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .card-actions button {
min-height: 36px;
padding: 0 13px;
border-radius: 9px;
font-size: 11px;
font-weight: 760;
}
/* Candidate pool */
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .candidate-summary-bar {
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 10px;
margin: -36px 20px 16px;
position: relative;
z-index: 4;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .candidate-summary-item {
min-height: 82px;
padding: 13px 14px;
border: 1px solid #dce7f1;
border-radius: 14px;
background: rgba(255,255,255,.97);
box-shadow: var(--p3-shadow-sm);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .candidate-summary-item span,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .candidate-summary-item small { display: block; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .candidate-summary-item b { margin-top: 5px; color: var(--p3-text); font-size: 22px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .candidate-summary-item small { margin-top: 3px; color: var(--p3-text-3); font-size: 9px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-selected-summary { background: linear-gradient(145deg, #eef6ff, #fff); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-selected-summary b { color: var(--p3-blue); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .collection-batch-bar {
position: sticky;
top: 72px;
z-index: 20;
padding: 13px 15px;
border: 1px solid #d8e4ef;
border-radius: 14px;
background: rgba(255,255,255,.96);
box-shadow: 0 10px 28px rgba(35,70,106,.08);
backdrop-filter: blur(14px);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .candidate-persistence-note {
margin: 9px 0 13px;
padding: 9px 12px;
border-radius: 10px;
background: #f1f8f5;
color: #39705d;
}
/* 96-wish workspace */
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-counter {
display: grid;
grid-template-columns: auto auto;
align-items: center;
gap: 8px;
padding: 12px 14px;
border: 1px solid rgba(255,255,255,.28);
border-radius: 16px;
background: rgba(255,255,255,.12);
color: #fff;
backdrop-filter: blur(10px);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-counter b { color: #fff; font-size: 30px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-counter span { color: rgba(255,255,255,.78); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-export-actions { grid-column: 1 / -1; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-export-actions .ghost {
border-color: rgba(255,255,255,.28);
background: rgba(255,255,255,.10);
color: #fff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-wish-workspace-nav {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 10px;
margin: -36px 20px 16px;
position: relative;
z-index: 4;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-wish-workspace-nav button {
position: relative;
min-height: 92px;
padding: 14px 13px 13px 44px;
text-align: left;
border: 1px solid #dce7f1;
border-radius: 14px;
background: rgba(255,255,255,.98);
color: var(--p3-text);
box-shadow: var(--p3-shadow-sm);
cursor: pointer;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-wish-workspace-nav button:hover { border-color: #98bde7; transform: translateY(-1px); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-wish-workspace-nav button > span {
position: absolute;
left: 12px;
top: 13px;
width: 24px;
height: 24px;
display: grid;
place-items: center;
border-radius: 8px;
background: #eaf3ff;
color: var(--p3-blue);
font-size: 9px;
font-weight: 850;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-wish-workspace-nav b,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-wish-workspace-nav small { display: block; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-wish-workspace-nav b { font-size: 12px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-wish-workspace-nav small { margin-top: 5px; color: var(--p3-text-2); font-size: 9.5px; line-height: 1.45; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-command-bar,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-sorter-toolbar,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .qualification-batch-bar,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-validation,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .finalization-center {
border: 1px solid var(--p3-line);
border-radius: var(--p3-radius-md);
background: #fff;
box-shadow: 0 8px 25px rgba(35,70,106,.055);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-command-bar {
padding: 15px 17px;
background: linear-gradient(90deg, #f7fbff, #fff);
border-left: 4px solid var(--p3-blue);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-sorter-toolbar {
grid-template-columns: minmax(220px,.75fr) minmax(560px,2fr);
padding: 17px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-sorter-actions button,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-sorter-actions select { min-height: 38px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .qualification-batch-bar {
display: grid;
grid-template-columns: minmax(260px, .8fr) minmax(520px, 1.5fr);
gap: 16px;
padding: 16px;
border-left: 4px solid var(--p3-gold);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .qualification-batch-actions { justify-content: flex-end; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-slot-map {
grid-template-columns: repeat(16, minmax(36px, 1fr)) !important;
gap: 7px;
padding: 14px;
border: 1px solid var(--p3-line);
border-radius: 15px;
background: #fff;
box-shadow: var(--p3-shadow-sm);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-slot {
min-height: 34px;
border-radius: 9px;
font-size: 11px;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.08);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-validation {
grid-template-columns: minmax(150px,.45fr) minmax(320px,1fr) minmax(380px,1.35fr);
gap: 15px;
padding: 16px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-validation-score {
border-radius: 13px;
background: linear-gradient(145deg, #edf6ff, #f9fcff);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .finalization-center {
padding: 20px;
border-top: 4px solid var(--p3-success);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-overview {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-health-card {
border: 1px solid var(--p3-line);
border-radius: 15px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-legend {
padding: 11px 14px;
border: 1px solid var(--p3-line);
border-radius: 12px;
background: #fff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-list {
display: grid;
gap: 9px;
counter-reset: wish-card;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item {
counter-increment: wish-card;
display: grid;
grid-template-columns: 30px 58px minmax(320px,1fr) 86px 108px 64px;
gap: 12px;
align-items: center;
min-height: 104px;
padding: 13px 14px;
border: 1px solid var(--p3-line);
border-left: 4px solid #8998aa;
border-radius: 14px;
background: #fff;
box-shadow: 0 5px 18px rgba(35,70,106,.045);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item[data-qstatus="pending_verification"],
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item[data-qstatus="rule_pending"] { border-left-color: var(--p3-gold); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item[data-qstatus="ineligible"] { border-left-color: var(--p3-danger); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item.selected {
border-color: #8eb9eb;
background: #f6faff;
box-shadow: 0 0 0 2px rgba(23,105,224,.10);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item .drag-handle {
min-height: 58px;
display: grid;
place-items: center;
align-content: center;
gap: 3px;
border-radius: 11px;
background: #f0f5fa;
color: var(--p3-blue-dark);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item .drag-handle button { font-size: 15px; font-weight: 850; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item h4 { color: var(--p3-text); font-size: 14px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item > button[data-remove] {
min-height: 34px;
border: 1px solid #efd2d2;
border-radius: 9px;
background: #fff7f7;
color: #b44a4a;
}
/* Free school exploration center */
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-header {
position: sticky;
top: 0;
z-index: 90;
min-height: 68px;
display: grid;
grid-template-columns: minmax(280px,1fr) auto minmax(220px,1fr);
align-items: center;
gap: 20px;
padding: 9px clamp(20px, 4vw, 64px);
border-bottom: 1px solid rgba(215,227,239,.92);
background: rgba(255,255,255,.94);
box-shadow: 0 8px 25px rgba(30,65,103,.05);
backdrop-filter: blur(16px);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-brand {
display: flex;
gap: 11px;
align-items: center;
color: var(--p3-text);
text-decoration: none;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-brand img { width: 38px; height: 38px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-brand b,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-brand small { display: block; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-brand b { font-size: 13px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-brand small { margin-top: 2px; color: var(--p3-text-2); font-size: 9.5px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-header nav { display: flex; gap: 5px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-header nav a {
padding: 9px 12px;
border-radius: 9px;
color: var(--p3-text-2);
text-decoration: none;
font-size: 11px;
font-weight: 720;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-header nav a:hover,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-header nav a.active { background: #eaf3ff; color: var(--p3-blue-dark); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-data-state {
justify-self: end;
display: flex;
gap: 9px;
align-items: center;
padding: 8px 11px;
border: 1px solid #dbe7f1;
border-radius: 11px;
background: #f8fbfd;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-data-state i { width: 8px; height: 8px; border-radius: 50%; background: #29a774; box-shadow: 0 0 0 4px rgba(41,167,116,.12); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-data-state b,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-data-state small { display: block; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-data-state b { color: var(--p3-text); font-size: 10px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-data-state small { color: var(--p3-text-3); font-size: 8.5px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-center { max-width: 1480px; padding-top: 22px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-hero {
min-height: 310px;
overflow: hidden;
border-radius: 24px;
background:
radial-gradient(circle at 82% 15%, rgba(93,210,219,.26), transparent 17rem),
linear-gradient(122deg, #092f6a 0%, #0d5fc1 52%, #0b8c9d 100%);
box-shadow: 0 24px 60px rgba(20,72,128,.18);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-hero h1 { max-width: 760px; font-size: clamp(30px,4vw,49px); letter-spacing: -.055em; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-hero p { max-width: 760px; color: rgba(235,247,255,.86); line-height: 1.85; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-data-horizon {
border: 1px solid rgba(255,255,255,.22);
background: rgba(255,255,255,.12);
backdrop-filter: blur(14px);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-kpis { gap: 11px; margin-top: -34px; position: relative; z-index: 4; padding: 0 22px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-kpis article {
border: 1px solid #dce7f1;
border-radius: 15px;
background: rgba(255,255,255,.98);
box-shadow: var(--p3-shadow-sm);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-query-panel {
margin-top: 18px;
border: 1px solid var(--p3-line);
border-radius: 22px;
background: #fff;
box-shadow: var(--p3-shadow-sm);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-query-head {
padding-bottom: 16px;
border-bottom: 1px solid #e8eef5;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-mode-tabs {
padding: 4px;
border: 1px solid #dbe6f0;
border-radius: 11px;
background: #f4f8fb;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-mode-tabs button { min-height: 38px; border-radius: 8px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-mode-tabs button.active { background: #fff; color: var(--p3-blue-dark); box-shadow: 0 4px 12px rgba(38,72,108,.09); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-mode-copy {
margin: 14px 0;
border: 1px solid #dce9f6;
border-radius: 12px;
background: #f5f9fe;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-filter-grid {
grid-template-columns: repeat(4, minmax(0,1fr));
gap: 12px;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-filter-grid label.wide { grid-column: span 2; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-filter-grid input,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-filter-grid select,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-search-input { min-height: 44px; border-radius: 11px; background: #fbfdff; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #school-query-form.p3-school-advanced-collapsed [data-p3-school-field="advanced"] { display: none; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-query-actions {
position: sticky;
bottom: 10px;
z-index: 12;
margin-top: 16px;
padding: 12px;
border: 1px solid #dbe6f0;
border-radius: 13px;
background: rgba(255,255,255,.95);
box-shadow: 0 12px 30px rgba(30,65,103,.10);
backdrop-filter: blur(12px);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-context-bar {
border: 1px solid #d9e6f2;
border-left: 4px solid var(--p3-blue);
border-radius: 14px;
background: #fff;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-results-head { padding: 4px 2px 12px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-card-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-card {
border: 1px solid var(--p3-line);
border-radius: 17px;
background: #fff;
box-shadow: 0 7px 24px rgba(35,70,106,.055);
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-card:hover { transform: translateY(-3px); border-color: #bdd3e9; box-shadow: var(--p3-shadow-md); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-card-metrics { overflow: hidden; border: 1px solid #e2eaf2; border-radius: 12px; background: #f8fbfd; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-history-strip { border-radius: 12px; background: #f1f7fd; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-compare-tray {
border: 1px solid #d5e2ee;
border-radius: 16px;
background: rgba(255,255,255,.96);
box-shadow: 0 18px 50px rgba(25,58,94,.18);
backdrop-filter: blur(16px);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-drawer-panel { border-radius: 22px 0 0 22px; }
@media (max-width: 1280px) {
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-grid.advanced,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-filter-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .candidate-summary-bar { grid-template-columns: repeat(4, minmax(0,1fr)); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item { grid-template-columns: 28px 54px minmax(260px,1fr) 78px 96px 58px; }
}
@media (max-width: 980px) {
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-wish-workspace-nav { grid-template-columns: repeat(2,minmax(0,1fr)); margin-left: 8px; margin-right: 8px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain { grid-template-columns: repeat(2,minmax(0,1fr)); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain > div:nth-child(2) { border-right: 0; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain > div:nth-child(-n+2) { border-bottom: 1px solid var(--p3-line); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .search-risk-nav-buttons { grid-template-columns: repeat(5,minmax(0,1fr)); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-stat:nth-child(2) { border-right: 0; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-stat:nth-child(-n+2) { border-bottom: 1px solid #e3ebf3; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-sorter-toolbar,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .qualification-batch-bar,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-validation { grid-template-columns: 1fr; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-slot-map { grid-template-columns: repeat(12,minmax(34px,1fr)) !important; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item { grid-template-columns: 28px 52px minmax(0,1fr) auto; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item .wish-extra { grid-column: auto; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item > button[data-remove] { grid-column: 4; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-header { grid-template-columns: 1fr auto; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-header nav { display: none; }
}
@media (max-width: 720px) {
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-search > .section-intro,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-candidates > .section-intro,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] #page-wishes > .section-intro { padding: 23px 18px 62px; align-items: flex-start; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-wish-workspace-nav { grid-template-columns: 1fr; margin-top: -48px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-grid.advanced,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-filter-grid,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .candidate-summary-bar,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-card-grid { grid-template-columns: 1fr; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain > div { border-right: 0; border-bottom: 1px solid var(--p3-line); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-explain > div:last-child { border-bottom: 0; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .filter-grid [data-p3-span="wide"],
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-filter-grid label.wide { grid-column: auto; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-presets { align-items: flex-start; flex-direction: column; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-filter-preset-actions { justify-content: flex-start; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .search-risk-nav-buttons { grid-template-columns: repeat(3,minmax(0,1fr)); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .results-toolbar-top,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .collection-batch-bar { position: static; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card { padding: 15px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card-top,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-footer { align-items: stretch; flex-direction: column; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-stats-grid { grid-template-columns: 1fr; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-stat { border-right: 0; border-bottom: 1px solid #e3ebf3; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-stat:last-child { border-bottom: 0; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-slot-map { grid-template-columns: repeat(8,minmax(32px,1fr)) !important; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item { grid-template-columns: 28px 48px minmax(0,1fr); }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item .wish-extra,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-item > button[data-remove] { grid-column: 3; justify-self: start; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-header { padding: 8px 14px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-school-data-state { display: none; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-center { padding: 12px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-kpis { grid-template-columns: 1fr 1fr; padding: 0 8px; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-query-actions { position: static; }
}
@media (prefers-reduced-motion: reduce) {
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .result-card,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-card,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-wish-workspace-nav button { transition: none; }
}
/* P3 visual hardening: preserve readable hero contrast and prevent filter action overlap. */
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-hero h1 { color: #ffffff; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-hero .school-eyebrow { color: #8de6ee; }
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .school-query-actions { position: static; bottom: auto; }
/* P6-R2 HF5 — accessible high-contrast 96-slot risk palette */
/*
* Horizon's generic .reach/.match/.safe badge tokens are deliberately pale.
* The 96-position workbench is not a badge: each cell must remain legible at a
* glance.  These page-scoped selectors therefore restore the same solid risk
* palette used by the rest of the decision workbench and meet text contrast.
*/
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-slot.filled.reach,
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-slot.filled.high {
background:#b94e35 !important;
color:#fff !important;
border-color:#a9442e !important;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-slot.filled.match {
background:#a86600 !important;
color:#fff !important;
border-color:#925900 !important;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-slot.filled.stable {
background:#2f78a8 !important;
color:#fff !important;
border-color:#28678f !important;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-slot.filled.safe {
background:#238466 !important;
color:#fff !important;
border-color:#1b7056 !important;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-slot.filled.bottom {
background:#155c4b !important;
color:#fff !important;
border-color:#104b3d !important;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-slot.filled:hover {
filter:brightness(1.07);
transform:translateY(-1px);
box-shadow:0 5px 13px rgba(23,54,95,.18), inset 0 -1px 0 rgba(0,0,0,.12);
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .wish-slot.empty {
background:#f4f7fb !important;
color:#8290a3 !important;
border-color:#d9e3ee !important;
}
/* HF14: compact, readable search status cards. Never copy the full diagnostic sentence into a headline. */
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview article {
min-height: 112px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview b {
font-size: 17px;
line-height: 1.42;
overflow-wrap: anywhere;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
html[data-hbv-ui="horizon-v1"][data-hbv-workbench-ui="p3"] .p3-search-overview small {
margin-top: auto;
padding-top: 5px;
font-size: 11px;
line-height: 1.55;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

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

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

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

/* [12] /assets/hf21-workbench-s3.css sha256=07178272f0b272690225ed4d1dd49e6fb898b6a6213dffdeab292a51d0b5ae7a */
/* HF21-S3 · Batch selection, comparison and candidate workbench */
.hf21-s3-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:13px 15px;border:1px solid var(--hf21-line,#dbe5f0);border-radius:14px;background:linear-gradient(135deg,#fff 0%,#f6faff 100%);box-shadow:0 8px 22px rgba(30,64,175,.06)}
.hf21-s3-toolbar-copy{display:grid;gap:3px;min-width:0}.hf21-s3-toolbar-copy b{font-size:14px;color:var(--hf21-text,#172033)}.hf21-s3-toolbar-copy span{font-size:12px;color:var(--hf21-muted,#64748b)}
.hf21-s3-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.hf21-s3-toolbar-actions button{min-height:38px}.hf21-s3-count{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 11px;border-radius:999px;background:#eaf2ff;color:#174ea6;font-weight:800;font-size:12px}.hf21-s3-count strong{font-size:15px}
.result-card.hf21-s3-selectable{position:relative}.hf21-s3-selection-control{position:relative;z-index:4;display:inline-flex!important;align-items:center!important;justify-self:end;align-self:start;gap:6px!important;width:max-content;max-width:100%;margin:0 0 10px auto!important;padding:8px 11px!important;border:1px solid #cbd9eb;border-radius:999px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.06);cursor:pointer;color:#36506f;font-size:12px!important;font-weight:800!important;line-height:1!important}.hf21-s3-selection-control input{width:17px!important;height:17px!important;min-width:17px!important;margin:0!important;accent-color:#2563eb}.result-card.hf21-s3-selected{border-color:#4f86e8!important;box-shadow:0 0 0 3px rgba(37,99,235,.10),0 15px 32px rgba(30,64,175,.10)!important}.result-card.hf21-s3-selected .hf21-s3-selection-control{background:#eaf2ff;border-color:#6e9bed;color:#174ea6}
.hf21-s3-compare-modal{position:fixed;inset:0;z-index:12000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.62);backdrop-filter:blur(5px)}.hf21-s3-compare-modal.open{display:flex}.hf21-s3-compare-card{position:relative;width:min(1180px,100%);max-height:90vh;overflow:auto;border-radius:22px;background:#f7f9fc;box-shadow:0 30px 90px rgba(15,23,42,.35);padding:24px}.hf21-s3-compare-close{position:absolute;right:16px;top:13px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#334155;font-size:25px;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.10)}.hf21-s3-compare-head{padding-right:50px}.hf21-s3-compare-head .eyebrow{display:block;color:#2563eb;font-size:11px;font-weight:900;letter-spacing:.12em}.hf21-s3-compare-head h3{margin:5px 0 4px;font-size:22px;color:#172033}.hf21-s3-compare-head p{margin:0;color:#64748b;line-height:1.6}.hf21-s3-compare-grid{display:grid;grid-template-columns:repeat(var(--hf21-compare-count,2),minmax(220px,1fr));gap:12px;margin-top:18px}.hf21-s3-compare-column{display:grid;align-content:start;gap:12px;padding:17px;border:1px solid #dce5f0;border-radius:16px;background:#fff}.hf21-s3-compare-column header{display:grid;gap:5px;padding-bottom:12px;border-bottom:1px solid #e7edf5}.hf21-s3-compare-column header b{font-size:16px;color:#172033}.hf21-s3-compare-column header span{color:#375a86;font-weight:750}.hf21-s3-compare-risk{display:inline-flex;width:max-content;padding:4px 9px;border-radius:999px;background:#fff3df;color:#8b5700;font-size:12px;font-weight:900}.hf21-s3-compare-row{display:grid;gap:4px}.hf21-s3-compare-row span{font-size:11px;color:#7a889b}.hf21-s3-compare-row b{font-size:14px;color:#23344d;line-height:1.5}.hf21-s3-boundary{margin-top:15px;padding:11px 13px;border-radius:12px;background:#eef5ff;color:#36506f;font-size:12px;line-height:1.65}
#candidate-compare-selected{white-space:nowrap}
@media(max-width:900px){.hf21-s3-toolbar{align-items:flex-start;flex-direction:column}.hf21-s3-toolbar-actions{justify-content:flex-start;width:100%}.hf21-s3-compare-grid{grid-template-columns:repeat(2,minmax(220px,1fr));overflow-x:auto}.hf21-s3-compare-card{padding:20px 14px}}
@media(max-width:640px){.hf21-s3-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.hf21-s3-toolbar-actions .hf21-s3-count{grid-column:1/-1;width:max-content}.hf21-s3-toolbar-actions button{width:100%}.hf21-s3-selection-control{width:100%;justify-content:center;margin-bottom:12px!important}.result-card.hf21-s3-selectable{padding-top:inherit}.hf21-s3-compare-modal{padding:0}.hf21-s3-compare-card{width:100%;height:100%;max-height:none;border-radius:0}.hf21-s3-compare-grid{grid-template-columns:minmax(260px,1fr);overflow:visible}}
@media(prefers-reduced-motion:reduce){.hf21-s3-compare-modal{backdrop-filter:none}}
@media(forced-colors:active){.hf21-s3-toolbar,.hf21-s3-selection-control,.hf21-s3-compare-column{border:1px solid CanvasText}.result-card.hf21-s3-selected{outline:3px solid Highlight}}

/* [13] /assets/hf21-governance-s4.css sha256=edd401084e7bf6f8cc5d1b0b68eb093a4df9f01bbb1254d70f5d951b5a598312 */
/* HF21-S4 · audit, scenario comparison and immutable-report governance */
.hf21-s4-audit{display:grid;gap:16px}.hf21-s4-audit-hero{display:grid;grid-template-columns:minmax(190px,.62fr) minmax(0,1.7fr);gap:20px;align-items:stretch}.hf21-s4-grade{display:grid;place-items:center;min-height:210px;border-radius:20px;background:radial-gradient(circle at 50% 38%,#fff 0 27%,transparent 28%),conic-gradient(#2667d8 var(--hf21-audit-angle,0deg),#dbe7f4 0);box-shadow:inset 0 0 0 14px #f7faff}.hf21-s4-grade>div{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:#fff;box-shadow:0 10px 30px rgba(21,52,94,.13)}.hf21-s4-grade b{font-size:40px;line-height:1;color:#173a72}.hf21-s4-grade span{font-size:12px;font-weight:900;color:#64748b}.hf21-s4-audit-summary{display:grid;align-content:center;gap:11px;padding:22px;border:1px solid #dce6f1;border-radius:20px;background:linear-gradient(135deg,#fff,#f6faff)}.hf21-s4-audit-summary h3{margin:0;font-size:24px;color:#172033}.hf21-s4-audit-summary p{margin:0;color:#64748b;line-height:1.7}.hf21-s4-audit-tags{display:flex;gap:7px;flex-wrap:wrap}.hf21-s4-audit-tags span{padding:5px 9px;border-radius:999px;background:#edf4ff;color:#315d98;font-size:12px;font-weight:800}
.hf21-s4-dimensions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.hf21-s4-dimension{display:grid;gap:8px;padding:14px;border:1px solid #dfe7f1;border-radius:14px;background:#fff}.hf21-s4-dimension header{display:flex;align-items:center;justify-content:space-between;gap:8px}.hf21-s4-dimension header span{font-size:12px;color:#64748b}.hf21-s4-dimension header b{font-size:16px;color:#233d63}.hf21-s4-meter{height:7px;border-radius:999px;background:#e8eef6;overflow:hidden}.hf21-s4-meter i{display:block;height:100%;width:var(--value,0%);border-radius:inherit;background:linear-gradient(90deg,#4a83df,#33a379)}.hf21-s4-dimension small{color:#7a889b;line-height:1.45}
.hf21-s4-issue-list{display:grid;gap:10px}.hf21-s4-issue{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px;border:1px solid #e1e7ef;border-left:5px solid #7b91ab;border-radius:13px;background:#fff}.hf21-s4-issue.block{border-left-color:#d84b4b;background:#fff8f8}.hf21-s4-issue.warning{border-left-color:#d89524;background:#fffaf0}.hf21-s4-issue.info{border-left-color:#3181ca;background:#f7fbff}.hf21-s4-issue-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef3f8;font-weight:900;color:#435a76}.hf21-s4-issue-copy{display:grid;gap:4px}.hf21-s4-issue-copy b{color:#243750}.hf21-s4-issue-copy p{margin:0;color:#64748b;line-height:1.6;font-size:13px}.hf21-s4-issue button{min-height:36px;white-space:nowrap}.hf21-s4-next{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border-radius:15px;background:#173a72;color:#fff}.hf21-s4-next div{display:grid;gap:3px}.hf21-s4-next span{font-size:12px;color:#ccdcf2}.hf21-s4-next b{font-size:15px}.hf21-s4-next button{background:#fff!important;color:#173a72!important;border-color:#fff!important}
.hf21-s4-compare{display:grid;gap:13px}.hf21-s4-compare-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.hf21-s4-compare-summary article{display:grid;gap:4px;padding:13px;border-radius:13px;background:#f3f7fc}.hf21-s4-compare-summary span{font-size:11px;color:#64748b}.hf21-s4-compare-summary b{font-size:16px;color:#223b60}.hf21-s4-scenario-grid{display:grid;grid-template-columns:repeat(var(--hf21-scenario-count,2),minmax(245px,1fr));gap:12px;overflow-x:auto}.hf21-s4-scenario{display:grid;align-content:start;gap:12px;padding:16px;border:1px solid #dfe7f1;border-radius:16px;background:#fff}.hf21-s4-scenario header{display:grid;gap:4px;padding-bottom:11px;border-bottom:1px solid #e7edf4}.hf21-s4-scenario header b{font-size:16px;color:#172033}.hf21-s4-scenario header span{font-size:12px;color:#547093}.hf21-s4-scenario-health{display:flex;align-items:baseline;gap:7px}.hf21-s4-scenario-health b{font-size:28px;color:#1c579e}.hf21-s4-scenario-health span{font-size:12px;color:#64748b}.hf21-s4-scenario-risks{display:flex;gap:5px;flex-wrap:wrap}.hf21-s4-scenario-risks span{padding:4px 7px;border-radius:999px;background:#eef3f8;color:#475b73;font-size:11px;font-weight:800}.hf21-s4-scenario dl{display:grid;gap:7px;margin:0}.hf21-s4-scenario dl div{display:flex;justify-content:space-between;gap:10px}.hf21-s4-scenario dt{font-size:12px;color:#77869a}.hf21-s4-scenario dd{margin:0;font-size:12px;font-weight:800;color:#2e405b}
.hf21-s4-report-readiness{display:grid;gap:15px;margin-bottom:16px;padding:18px;border:1px solid #dbe5f0;border-radius:17px;background:linear-gradient(135deg,#fff,#f5f9ff)}.hf21-s4-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.hf21-s4-report-head div{display:grid;gap:4px}.hf21-s4-report-head h3{margin:0;color:#172033}.hf21-s4-report-head p{margin:0;color:#64748b;line-height:1.6}.hf21-s4-report-state{padding:5px 10px;border-radius:999px;background:#fff0d8;color:#875500;font-size:12px;font-weight:900}.hf21-s4-report-state.ready{background:#e8f7ef;color:#17734c}.hf21-s4-report-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hf21-s4-report-step{position:relative;display:grid;gap:4px;padding:13px;border:1px solid #dfe7f1;border-radius:12px;background:#fff}.hf21-s4-report-step span{font-size:11px;color:#77869a}.hf21-s4-report-step b{font-size:13px;color:#314866}.hf21-s4-report-step.done{border-color:#9fd6ba;background:#f3fbf7}.hf21-s4-report-step.current{border-color:#8db4ed;background:#f4f8ff}.hf21-s4-report-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1000px){.hf21-s4-dimensions{grid-template-columns:repeat(3,minmax(0,1fr))}.hf21-s4-report-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hf21-s4-audit-hero{grid-template-columns:1fr}.hf21-s4-grade{min-height:180px}.hf21-s4-dimensions{grid-template-columns:1fr 1fr}.hf21-s4-issue{grid-template-columns:auto 1fr}.hf21-s4-issue button{grid-column:2;width:100%}.hf21-s4-next,.hf21-s4-report-head{align-items:flex-start;flex-direction:column}.hf21-s4-compare-summary{grid-template-columns:1fr 1fr}.hf21-s4-scenario-grid{grid-template-columns:minmax(270px,1fr)}.hf21-s4-report-steps{grid-template-columns:1fr}}
@media print{.hf21-s4-issue button,.hf21-s4-next button,.hf21-s4-report-actions{display:none!important}.hf21-s4-grade{background:none!important;box-shadow:none!important;border:2px solid #777}}

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

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

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

/* [17] /assets/hf21-r55-r1.css sha256=eb3ca1844c1593184bf63a78b98a435bd7868c8adf639121e06335cb83c37afb */
/* HBV R5.5-R1 final visual closure: auth forms, password fields and selection controls. */
html[data-hbv-r55-r1="ready"]{--r55-r1-line:#d8e3ef;--r55-r1-soft:#f5f8fc;--r55-r1-blue:#245fae;--r55-r1-text:#172b47;--r55-r1-muted:#66768b}
html[data-hbv-r55-r1="ready"] .login-card{justify-content:flex-start;max-height:calc(100dvh - 68px);overflow:auto;scrollbar-gutter:stable;padding:36px 38px 40px}
html[data-hbv-r55-r1="ready"] .auth-card-heading{margin-bottom:16px}
html[data-hbv-r55-r1="ready"] .auth-card-heading>b{font-size:24px;line-height:1.3}
html[data-hbv-r55-r1="ready"] .auth-panel{padding-top:22px}
html[data-hbv-r55-r1="ready"] .auth-panel h2{margin:0 0 8px;font-size:25px;line-height:1.3;letter-spacing:-.35px}
html[data-hbv-r55-r1="ready"] .auth-panel>p{margin:0 0 20px;font-size:13px;line-height:1.75}
html[data-hbv-r55-r1="ready"] .auth-panel form{display:grid;gap:16px}
html[data-hbv-r55-r1="ready"] .auth-panel label:not(.terms-check){display:grid;gap:8px;min-width:0;margin:0}
html[data-hbv-r55-r1="ready"] .auth-panel label>span{font-size:13px;line-height:1.35;color:#334862}
html[data-hbv-r55-r1="ready"] .auth-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
html[data-hbv-r55-r1="ready"] .auth-panel input:not([type="checkbox"]){width:100%;min-width:0;height:50px;padding:0 14px;border:1px solid var(--r55-r1-line);border-radius:12px;background:#fff;color:var(--r55-r1-text);font-size:14px;box-sizing:border-box}
html[data-hbv-r55-r1="ready"] .auth-panel input::placeholder{color:#8b99aa}
html[data-hbv-r55-r1="ready"] .activation-card-hint{display:grid;gap:7px;padding:16px 18px;border:1px solid #d5e2f0;border-radius:15px;background:linear-gradient(135deg,#f9fbfe,#f1f6fc)}
html[data-hbv-r55-r1="ready"] .activation-card-hint>span{width:max-content;padding:5px 10px;border-radius:999px;background:#153f73;color:#fff;font-size:11px;font-weight:850}
html[data-hbv-r55-r1="ready"] .activation-card-hint>b{font-size:17px;color:#213751}
html[data-hbv-r55-r1="ready"] .activation-card-hint>small{font-size:12px;line-height:1.65;color:var(--r55-r1-muted)}
html[data-hbv-r55-r1="ready"] .password-visibility-toggle{display:none!important}
html[data-hbv-r55-r1="ready"] .login-card label.password-field{position:static!important}
html[data-hbv-r55-r1="ready"] .hf21-s6-password-field{display:block!important;position:relative!important;width:100%}
html[data-hbv-r55-r1="ready"] .hf21-s6-password-field>input{display:block!important;padding-right:76px!important}
html[data-hbv-r55-r1="ready"] .hf21-s6-password-toggle{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:54px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 9px!important;border:1px solid #d5e0ec!important;border-radius:8px!important;background:#f4f7fb!important;color:#31547d!important;line-height:1!important}
html[data-hbv-r55-r1="ready"] .hf21-s6-password-toggle:hover{background:#eaf2fc!important;border-color:#b9cee5!important}
html[data-hbv-r55-r1="ready"] .hf21-s6-caps-hint{margin-top:6px}
html[data-hbv-r55-r1="ready"] .hf21-s6-password-strength{display:grid;grid-template-columns:max-content minmax(90px,1fr);gap:10px;align-items:center;margin-top:7px;color:#617187;font-size:11px;line-height:1.4}
html[data-hbv-r55-r1="ready"] .hf21-s6-password-strength>i{height:6px}
html[data-hbv-r55-r1="ready"] .hf21-s6-password-match{display:block;margin-top:7px;font-size:11px;line-height:1.45;color:#7a8798}
html[data-hbv-r55-r1="ready"] .hf21-s6-password-match[data-state="match"]{color:#14734a;font-weight:750}
html[data-hbv-r55-r1="ready"] .hf21-s6-password-match[data-state="mismatch"]{color:#b42318;font-weight:750}
html[data-hbv-r55-r1="ready"] .terms-check{display:grid!important;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;margin:0;padding:4px 0;color:#41546b}
html[data-hbv-r55-r1="ready"] .terms-check input[type="checkbox"]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:0!important;accent-color:var(--r55-r1-blue)}
html[data-hbv-r55-r1="ready"] .terms-check>span{padding-top:1px;font-size:12px!important;line-height:1.55!important}
html[data-hbv-r55-r1="ready"] .auth-panel .primary{width:100%;min-height:50px;margin-top:2px;font-size:14px;font-weight:800}
html[data-hbv-r55-r1="ready"] .auth-panel .primary:disabled{opacity:1;background:#dce5f0!important;border-color:#dce5f0!important;color:#718096!important;box-shadow:none!important;cursor:not-allowed}
html[data-hbv-r55-r1="ready"] .hf21-s3-selection-control{position:relative!important;inset:auto!important;float:none!important;clear:both}
html[data-hbv-r55-r1="ready"] .result-card.hf21-s3-selectable{overflow:visible}
html[data-hbv-r55-r1="ready"] .hf21-family-avatar{width:38px;height:38px;border:1px solid #cfe0f4;background:linear-gradient(145deg,#eff6ff,#dfeeff);box-shadow:0 4px 12px rgba(36,95,174,.10);font-size:14px}
html[data-hbv-r55-r1="ready"] .s20-runtime-strip{max-width:min(460px,100%);padding:8px 12px;border-radius:12px;white-space:normal}
html[data-hbv-r55-r1="ready"] .s20-runtime-detail{line-height:1.45}
html[data-hbv-r55-r1="ready"] .report-card.member-export-link>span{font-weight:800;color:#41638e}
html[data-hbv-r55-r1="ready"] .report-card.member-export-link h3{line-height:1.35}
@media(max-width:900px){
html[data-hbv-r55-r1="ready"] .login-card{max-height:none;overflow:visible;margin:20px;padding:30px}
html[data-hbv-r55-r1="ready"] .auth-form-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
html[data-hbv-r55-r1="ready"] .login-card{margin:0;padding:24px 18px 34px}
html[data-hbv-r55-r1="ready"] .auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-hbv-r55-r1="ready"] .auth-panel h2{font-size:22px}
html[data-hbv-r55-r1="ready"] .hf21-s6-password-strength{grid-template-columns:1fr;gap:5px}
html[data-hbv-r55-r1="ready"] .hf21-s3-selection-control{width:100%!important;margin:0 0 12px!important;justify-content:center!important}
html[data-hbv-r55-r1="ready"] .s20-runtime-strip{width:100%;border-radius:10px}
}

/* [18] /assets/hf21-r55-r2.css sha256=e5ced10966d370f85a655d25a80b61e03c3a74d321c2e3785f12e20ceed8e6d0 */
/* HBV R5.5-R2 cumulative visual and evidence closure. */
html[data-hbv-r55-r2="ready"]{--r2-ink:#142b49;--r2-muted:#65768d;--r2-line:#d8e4f1;--r2-soft:#f6f9fd;--r2-blue:#176bfe;--r2-blue-soft:#eef5ff;--r2-green:#16845e;--r2-shadow:0 12px 32px rgba(28,55,92,.08)}
html[data-hbv-r55-r2="ready"] .page{max-width:1760px}
html[data-hbv-r55-r2="ready"] #page-search>.section-intro,
html[data-hbv-r55-r2="ready"] #page-recommend>.section-intro{margin-bottom:14px;padding:22px 24px;border:1px solid var(--r2-line);border-radius:18px;background:linear-gradient(135deg,#fff 0,#f7fbff 68%,#edf5ff 100%);box-shadow:0 8px 24px rgba(22,55,99,.055)}
html[data-hbv-r55-r2="ready"] .p3-search-overview{grid-template-columns:1.15fr .8fr 1fr;gap:12px;margin:12px 0 16px}
html[data-hbv-r55-r2="ready"] .p3-search-overview article{min-height:108px;padding:18px 20px;border-radius:16px;box-shadow:none}
html[data-hbv-r55-r2="ready"] .p3-search-overview article b{font-size:19px;line-height:1.35}
html[data-hbv-r55-r2="ready"] .filter-explain{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:14px;padding:0;overflow:hidden}
html[data-hbv-r55-r2="ready"] .filter-explain>div{padding:16px 18px;border-right:1px solid #e6edf6;background:#fff}
html[data-hbv-r55-r2="ready"] .filter-explain>div:last-child{border-right:0}
html[data-hbv-r55-r2="ready"] .p3-filter-panel{padding:20px 22px 22px;border-radius:20px;box-shadow:var(--r2-shadow)}
html[data-hbv-r55-r2="ready"] .p3-filter-presets{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:18px;margin:-2px 0 18px;padding:14px 16px;border:1px solid #d7e6f7;border-radius:15px;background:linear-gradient(90deg,#f6faff,#fbfdff)}
html[data-hbv-r55-r2="ready"] .p3-filter-presets>div:first-child b{display:block;color:var(--r2-ink);font-size:14px}
html[data-hbv-r55-r2="ready"] .p3-filter-presets>div:first-child span{display:block;margin-top:4px;color:var(--r2-muted);font-size:11px}
html[data-hbv-r55-r2="ready"] .p3-filter-preset-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
html[data-hbv-r55-r2="ready"] .p3-filter-preset-actions button{min-height:38px;padding:0 15px;border-radius:999px;font-size:12px}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;align-items:start!important;gap:14px 16px!important}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced>.filter-field{grid-column:span 2;min-width:0}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced>.search-box{grid-column:span 3!important}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced>.multi-filter-field{grid-column:span 3}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced>.filter-field[data-r2-wide="1"]{grid-column:span 3}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced>label>span,
html[data-hbv-r55-r2="ready"] .filter-grid.advanced>.filter-field>span{min-height:18px;margin-bottom:7px;color:#4c6079;font-size:11px;font-weight:800;letter-spacing:.02em}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced :where(input:not([type=checkbox]),select,.multi-select-trigger,.r2-select-button){height:48px;min-height:48px;border-radius:12px!important}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced .filter-help{display:block;margin-top:7px;color:#718197;font-size:10px;line-height:1.55}
html[data-hbv-r55-r2="ready"] .r2-search-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,1fr) auto auto minmax(150px,180px) minmax(150px,180px);align-items:center;gap:12px;margin-top:2px;padding-top:16px;border-top:1px solid #e6edf6}
html[data-hbv-r55-r2="ready"] .r2-search-actions .inline-check{min-height:48px;padding:0 14px;white-space:normal;line-height:1.45}
html[data-hbv-r55-r2="ready"] .r2-search-actions button{width:100%;min-height:48px}
html[data-hbv-r55-r2="ready"] .r2-search-actions #search-btn{order:4}
html[data-hbv-r55-r2="ready"] .r2-search-actions #clear-search{order:5}
html[data-hbv-r55-r2="ready"] .r2-search-actions .inline-check{order:1}
html[data-hbv-r55-r2="ready"] .r2-search-actions #p3-toggle-advanced-filters{order:3}
html[data-hbv-r55-r2="ready"] .r2-search-actions::before{content:"查询操作";order:2;color:#718197;font-size:10px;font-weight:800;text-align:right}
/* Accessible custom select used only on decision workbench controls. */
html[data-hbv-r55-r2="ready"] .r2-select{position:relative;display:block;min-width:0}
html[data-hbv-r55-r2="ready"] .r2-select>select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
html[data-hbv-r55-r2="ready"] .r2-select-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0 14px;border:1px solid var(--r2-line);background:#fff;color:var(--r2-ink);font-size:13px;font-weight:750;text-align:left;cursor:pointer}
html[data-hbv-r55-r2="ready"] .r2-select-button::after{content:"⌄";color:#6c82a0;font-size:15px;transition:transform .16s ease}
html[data-hbv-r55-r2="ready"] .r2-select.open .r2-select-button{border-color:#6ea0ef;box-shadow:0 0 0 3px rgba(23,107,254,.12)}
html[data-hbv-r55-r2="ready"] .r2-select.open .r2-select-button::after{transform:rotate(180deg)}
html[data-hbv-r55-r2="ready"] .r2-select-menu{position:absolute;z-index:220;top:calc(100% + 7px);left:0;min-width:100%;width:max-content;max-width:min(360px,calc(100vw - 32px));max-height:320px;overflow:auto;padding:7px;border:1px solid #cddbeb;border-radius:13px;background:rgba(255,255,255,.985);box-shadow:0 20px 48px rgba(15,36,68,.2);backdrop-filter:blur(12px)}
html[data-hbv-r55-r2="ready"] .r2-select-menu[hidden]{display:none!important}
html[data-hbv-r55-r2="ready"] .r2-select-option{display:flex;align-items:center;gap:9px;width:100%;min-height:39px;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:#253b57;font-size:13px;text-align:left;cursor:pointer;white-space:normal}
html[data-hbv-r55-r2="ready"] .r2-select-option:hover,
html[data-hbv-r55-r2="ready"] .r2-select-option:focus-visible{background:#eef5ff;outline:none}
html[data-hbv-r55-r2="ready"] .r2-select-option[aria-selected="true"]{background:#e8f1ff;color:#1556bd;font-weight:850}
html[data-hbv-r55-r2="ready"] .r2-select-option[aria-selected="true"]::before{content:"✓";font-weight:900}
html[data-hbv-r55-r2="ready"] .r2-select-option:not([aria-selected="true"])::before{content:"";width:12px}
/* Recommendation hierarchy and journey readability. */
html[data-hbv-r55-r2="ready"] #page-recommend>.section-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
html[data-hbv-r55-r2="ready"] #page-recommend .section-actions{display:grid;grid-template-columns:auto auto;gap:8px;max-width:520px}
html[data-hbv-r55-r2="ready"] #page-recommend .section-actions #generate-recommend{grid-row:1/3;min-width:150px}
html[data-hbv-r55-r2="ready"] #page-recommend .section-actions button{min-height:44px;padding:0 15px;font-size:11px}
html[data-hbv-r55-r2="ready"] .recommend-controls{grid-template-columns:repeat(4,minmax(180px,1fr));align-items:end;padding:18px 20px}
html[data-hbv-r55-r2="ready"] .recommend-method{grid-column:1/-1;margin-top:2px;padding-top:14px;border-top:1px solid #e6edf5}
html[data-hbv-r55-r2="ready"] .hf21-journey-rail{grid-template-columns:minmax(260px,1.15fr) minmax(0,3.85fr);gap:14px;padding:14px 16px}
html[data-hbv-r55-r2="ready"] .hf21-journey-steps{grid-template-columns:repeat(6,minmax(118px,1fr));gap:8px}
html[data-hbv-r55-r2="ready"] .hf21-journey-step{min-height:64px;padding:9px 10px}
html[data-hbv-r55-r2="ready"] .hf21-journey-step b{font-size:12px;white-space:normal;line-height:1.25}
html[data-hbv-r55-r2="ready"] .hf21-journey-step small{display:-webkit-box;margin-top:3px;white-space:normal;line-height:1.25;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Candidate selection belongs in the result-card header and never overlaps evidence. */
html[data-hbv-r55-r2="ready"] .result-card .result-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:12px}
html[data-hbv-r55-r2="ready"] .hf21-s3-selection-control{position:static!important;align-self:start!important;display:inline-flex!important;min-height:38px!important;padding:7px 11px!important;border-radius:11px!important;box-shadow:none!important;background:#f8fbff!important}
html[data-hbv-r55-r2="ready"] .result-card.hf21-s3-selectable{padding-top:16px!important;overflow:hidden!important}
html[data-hbv-r55-r2="ready"] .result-card .result-risk-side{min-width:76px}
/* Formal decision evidence: history projection, model, final reference and stress range. */
html[data-hbv-r55-r2="ready"] .r2-decision-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html[data-hbv-r55-r2="ready"] .r2-decision-reference-grid .result-stat.emphasis{border-color:#a9c9fb;background:linear-gradient(145deg,#f6faff,#edf5ff)}
html[data-hbv-r55-r2="ready"] .r2-decision-reference-grid .result-stat.emphasis b{color:#145cc8}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence{margin:0 18px 14px;border:1px solid #dce7f3;border-radius:12px;background:#fbfdff;overflow:hidden}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;cursor:pointer;list-style:none;color:#284462}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence summary::-webkit-details-marker{display:none}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence summary span{font-size:11px;font-weight:850}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence summary small{color:#708198;font-size:9px;text-align:right}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence[open] summary{border-bottom:1px solid #e4ebf4;background:#f5f9fe}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence-grid{display:grid;grid-template-columns:repeat(6,minmax(82px,1fr));padding:8px 12px 4px;overflow-x:auto}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence-head,
html[data-hbv-r55-r2="ready"] .r2-rank-evidence-row{display:contents}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence-grid :is(b,span,strong){padding:7px 8px;border-bottom:1px solid #e8eef6;font-size:9px;white-space:nowrap}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence-grid b{color:#65778e;background:#f7f9fc;font-weight:850}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence-grid strong{color:#145cc8}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence>p{margin:7px 13px 12px;color:#6b7d93;font-size:9px;line-height:1.55}
@media(max-width:1250px){
html[data-hbv-r55-r2="ready"] .filter-grid.advanced{grid-template-columns:repeat(8,minmax(0,1fr))!important}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced>.filter-field{grid-column:span 2}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced>.search-box,
html[data-hbv-r55-r2="ready"] .filter-grid.advanced>.multi-filter-field{grid-column:span 4!important}
html[data-hbv-r55-r2="ready"] .r2-search-actions{grid-template-columns:1fr auto auto 150px 150px}
html[data-hbv-r55-r2="ready"] .hf21-journey-rail{grid-template-columns:1fr}
}
@media(max-width:900px){
html[data-hbv-r55-r2="ready"] .p3-search-overview{grid-template-columns:1fr}
html[data-hbv-r55-r2="ready"] .filter-explain{grid-template-columns:1fr 1fr}
html[data-hbv-r55-r2="ready"] .filter-explain>div:nth-child(2){border-right:0}
html[data-hbv-r55-r2="ready"] .p3-filter-presets{grid-template-columns:1fr}
html[data-hbv-r55-r2="ready"] .p3-filter-preset-actions{justify-content:flex-start}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced>*{grid-column:auto!important}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced>.search-box,
html[data-hbv-r55-r2="ready"] .filter-grid.advanced>.multi-filter-field{grid-column:1/-1!important}
html[data-hbv-r55-r2="ready"] .r2-search-actions{grid-template-columns:1fr 1fr}
html[data-hbv-r55-r2="ready"] .r2-search-actions::before{display:none}
html[data-hbv-r55-r2="ready"] .r2-search-actions .inline-check{grid-column:1/-1}
html[data-hbv-r55-r2="ready"] #page-recommend>.section-intro{grid-template-columns:1fr}
html[data-hbv-r55-r2="ready"] #page-recommend .section-actions{max-width:none;width:100%;grid-template-columns:1fr 1fr}
html[data-hbv-r55-r2="ready"] #page-recommend .section-actions #generate-recommend{grid-row:auto;grid-column:1/-1}
html[data-hbv-r55-r2="ready"] .r2-decision-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-hbv-r55-r2="ready"] .result-card .result-card-top{grid-template-columns:minmax(0,1fr) auto}
html[data-hbv-r55-r2="ready"] .hf21-s3-selection-control{grid-column:1/-1;grid-row:1;justify-self:end;margin-bottom:2px!important}
}
@media(max-width:640px){
html[data-hbv-r55-r2="ready"] #page-search>.section-intro,
html[data-hbv-r55-r2="ready"] #page-recommend>.section-intro{padding:18px}
html[data-hbv-r55-r2="ready"] .filter-explain{grid-template-columns:1fr}
html[data-hbv-r55-r2="ready"] .filter-explain>div{border-right:0;border-bottom:1px solid #e6edf6}
html[data-hbv-r55-r2="ready"] .filter-grid.advanced{grid-template-columns:1fr!important}
html[data-hbv-r55-r2="ready"] .r2-search-actions{grid-template-columns:1fr}
html[data-hbv-r55-r2="ready"] .r2-search-actions>*{grid-column:auto!important;order:initial!important}
html[data-hbv-r55-r2="ready"] .r2-select-menu{position:fixed;left:12px;right:12px;top:18vh;width:auto;max-width:none;max-height:62vh}
html[data-hbv-r55-r2="ready"] .r2-decision-reference-grid{grid-template-columns:1fr!important}
html[data-hbv-r55-r2="ready"] .r2-rank-evidence{margin-left:12px;margin-right:12px}
}

/* [19] /assets/hf21-r55-r4.css sha256=bcdec0e0e4844cbda3c5e9b1d50c7095d6692d4c731d9242c141481295ff72d3 */
/* HBV R5.5-R4 member action stability and selection overlap closure. */
html[data-hbv-r55-r4="ready"] #page-recommend>.section-intro{align-items:start!important}
html[data-hbv-r55-r4="ready"] #page-recommend .section-actions{
display:grid!important;grid-template-columns:repeat(2,minmax(190px,1fr))!important;
grid-auto-rows:minmax(52px,auto)!important;gap:10px!important;width:min(560px,100%)!important;max-width:560px!important
}
html[data-hbv-r55-r4="ready"] #page-recommend .recommend-action-status{
grid-column:1/-1;display:flex;align-items:center;gap:9px;min-height:38px;padding:8px 11px;
border:1px solid #dce7f4;border-radius:11px;background:#f8fbff;color:#58708a;font-size:10px;line-height:1.45
}
html[data-hbv-r55-r4="ready"] #page-recommend .recommend-action-status::before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:999px;background:#8ba1b7;box-shadow:0 0 0 4px rgba(139,161,183,.12)}
html[data-hbv-r55-r4="ready"] #page-recommend .section-actions[data-mode="busy"] .recommend-action-status::before{background:#2d78f4;animation:r4Pulse 1.1s ease-in-out infinite}
html[data-hbv-r55-r4="ready"] #page-recommend .section-actions[data-mode="formal"] .recommend-action-status::before{background:#21a878}
html[data-hbv-r55-r4="ready"] #page-recommend .section-actions[data-mode="research"] .recommend-action-status::before{background:#d99421}
html[data-hbv-r55-r4="ready"] #page-recommend .section-actions button{
grid-row:auto!important;grid-column:auto!important;width:100%!important;min-width:0!important;min-height:52px!important;
height:auto!important;padding:10px 14px!important;border-radius:12px!important;white-space:normal!important;line-height:1.35!important;text-align:center!important
}
html[data-hbv-r55-r4="ready"] #page-recommend .section-actions #generate-recommend{grid-row:auto!important;grid-column:auto!important;min-width:0!important}
html[data-hbv-r55-r4="ready"] #page-recommend .section-actions button:disabled{opacity:.58!important;filter:saturate(.72);cursor:not-allowed!important;transform:none!important}
html[data-hbv-r55-r4="ready"] .result-card.hf21-s3-selectable{overflow:visible!important}
html[data-hbv-r55-r4="ready"] .result-card.hf21-s3-selectable .result-card-top{
display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"title risk" "select select"!important;align-items:start!important;gap:10px 12px!important
}
html[data-hbv-r55-r4="ready"] .result-card.hf21-s3-selectable .result-title-block{grid-area:title!important;min-width:0!important}
html[data-hbv-r55-r4="ready"] .result-card.hf21-s3-selectable .result-risk-side{grid-area:risk!important}
html[data-hbv-r55-r4="ready"] .result-card.hf21-s3-selectable .hf21-s3-selection-control{
grid-area:select!important;position:static!important;inset:auto!important;float:none!important;justify-self:end!important;
width:max-content!important;max-width:100%!important;margin:0!important;z-index:auto!important
}
@keyframes r4Pulse{50%{transform:scale(.76);opacity:.55}}
@media(max-width:760px){
html[data-hbv-r55-r4="ready"] #page-recommend .section-actions{grid-template-columns:1fr!important;max-width:none!important}
html[data-hbv-r55-r4="ready"] #page-recommend .recommend-action-status{grid-column:auto!important}
html[data-hbv-r55-r4="ready"] .result-card.hf21-s3-selectable .result-card-top{grid-template-columns:1fr!important;grid-template-areas:"select" "title" "risk"!important}
html[data-hbv-r55-r4="ready"] .result-card.hf21-s3-selectable .hf21-s3-selection-control{justify-self:stretch!important;width:100%!important;justify-content:center!important}
html[data-hbv-r55-r4="ready"] .result-card.hf21-s3-selectable .result-risk-side{align-items:flex-start!important}
}
@media(prefers-reduced-motion:reduce){html[data-hbv-r55-r4="ready"] #page-recommend .section-actions[data-mode="busy"] .recommend-action-status::before{animation:none}}

/* [20] /assets/degree-intelligence.css sha256=f6ef75b52f66b5782ec8a17a694b1e15de612ba9dd4d8d57ef498cd920530675 */
.degree-intelligence-badges {
display: inline-flex;
align-items: center;
margin: 4px 4px 0 0;
vertical-align: middle;
}
.degree-intelligence-badges.compact {
margin-top: 2px;
}
.degree-intelligence-chip {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 3px 9px;
border: 1px solid #c9dafb;
border-radius: 999px;
background: linear-gradient(135deg, #f5f8ff, #eef4ff);
color: #25569d;
font-size: 11px;
font-weight: 760;
line-height: 1.35;
letter-spacing: .01em;
box-shadow: 0 4px 12px rgba(41, 92, 172, .08);
}
.degree-intelligence-chip::before {
width: 6px;
height: 6px;
margin-right: 6px;
border-radius: 50%;
background: #3975dc;
box-shadow: 0 0 0 3px rgba(57, 117, 220, .12);
content: "";
}
.degree-intelligence-chip.related {
border-color: #ddcfaa;
background: linear-gradient(135deg, #fffdf7, #fff8e8);
color: #805e12;
}
.degree-intelligence-chip.related::before {
background: #d29b24;
box-shadow: 0 0 0 3px rgba(210, 155, 36, .12);
}
.degree-intelligence-chip.unresolved {
border-color: #dce3eb;
background: #f7f9fb;
color: #677487;
box-shadow: none;
}
.degree-intelligence-chip.unresolved::before {
background: #92a0b2;
box-shadow: none;
}
.degree-intelligence-panel {
position: relative;
overflow: hidden;
margin: 18px 0;
padding: 22px;
border: 1px solid #ccdafa;
border-radius: 20px;
background:
radial-gradient(circle at 100% 0, rgba(65, 117, 221, .13), transparent 32%),
linear-gradient(150deg, #fbfdff 0%, #f4f8ff 58%, #f8fbff 100%);
box-shadow: 0 16px 38px rgba(28, 66, 127, .09);
}
.degree-intelligence-panel::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
background: linear-gradient(#3978df, #6fa3f4);
content: "";
}
.degree-intelligence-panel.related {
border-color: #eadbb5;
background:
radial-gradient(circle at 100% 0, rgba(212, 163, 52, .12), transparent 32%),
linear-gradient(150deg, #fffefb 0%, #fffaf0 100%);
}
.degree-intelligence-panel.related::before {
background: linear-gradient(#ca9320, #e2bb5d);
}
.degree-intelligence-panel.unresolved {
border-color: #dfe5ec;
background: linear-gradient(150deg, #fbfcfd, #f6f8fa);
box-shadow: 0 10px 26px rgba(46, 60, 78, .06);
}
.degree-intelligence-panel.unresolved::before {
background: #a7b2c0;
}
.degree-intelligence-panel > header {
display: flex;
gap: 18px;
align-items: flex-start;
justify-content: space-between;
}
.degree-intelligence-panel h3 {
margin: 5px 0 6px;
color: #162e50;
font-size: 20px;
letter-spacing: -.02em;
}
.degree-intelligence-panel header p {
max-width: 720px;
margin: 0;
color: #63738a;
font-size: 13px;
line-height: 1.75;
}
.degree-evidence-grade {
flex: 0 0 auto;
padding: 7px 10px;
border: 1px solid #cddbf4;
border-radius: 10px;
background: rgba(255, 255, 255, .82);
color: #355c91;
font-size: 11px;
font-weight: 760;
white-space: nowrap;
}
.degree-evidence-grade.grade-A2 {
border-color: #e4d39e;
color: #775b18;
}
.degree-evidence-grade.grade-NONE {
border-color: #dfe4ea;
color: #697689;
}
.degree-discipline-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 17px;
}
.degree-discipline-chip {
display: inline-flex;
gap: 6px;
align-items: center;
padding: 7px 10px;
border: 1px solid rgba(189, 207, 240, .86);
border-radius: 10px;
background: rgba(255, 255, 255, .88);
color: #2d486c;
font-size: 12px;
}
.degree-discipline-chip b {
color: #2866c4;
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 11px;
}
.degree-discipline-chip em {
padding-left: 6px;
border-left: 1px solid #dce5f3;
color: #728299;
font-size: 10px;
font-style: normal;
}
.degree-boundary {
display: grid;
gap: 5px;
margin-top: 16px;
padding: 13px 15px;
border: 1px solid rgba(202, 215, 236, .78);
border-radius: 12px;
background: rgba(255, 255, 255, .72);
}
.degree-boundary b {
color: #244a7b;
font-size: 12px;
}
.degree-boundary span {
color: #64738a;
font-size: 11px;
line-height: 1.65;
}
.degree-intelligence-panel details {
margin-top: 12px;
color: #68778c;
font-size: 11px;
}
.degree-intelligence-panel details summary {
cursor: pointer;
color: #42668f;
font-weight: 700;
}
.degree-intelligence-panel details ul {
margin: 8px 0 0;
padding-left: 18px;
line-height: 1.65;
}
.degree-source-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin-top: 14px;
}
.degree-source-list article {
display: flex;
gap: 12px;
align-items: center;
justify-content: space-between;
min-width: 0;
padding: 10px 12px;
border: 1px solid #dbe5f4;
border-radius: 11px;
background: rgba(255, 255, 255, .84);
}
.degree-source-list article > div {
display: grid;
min-width: 0;
}
.degree-source-list article b {
overflow: hidden;
color: #334b6d;
font-size: 11px;
text-overflow: ellipsis;
white-space: nowrap;
}
.degree-source-list article span,
.degree-source-list article em {
color: #8190a4;
font-size: 10px;
font-style: normal;
}
.degree-source-list article a {
flex: 0 0 auto;
padding: 5px 8px;
border-radius: 8px;
background: #eaf2ff;
color: #2c68bc;
font-size: 10px;
font-weight: 700;
text-decoration: none;
}
.degree-intelligence-panel > footer {
display: grid;
grid-template-columns: auto 1fr;
gap: 4px 10px;
margin-top: 14px;
padding-top: 13px;
border-top: 1px solid rgba(198, 212, 233, .72);
color: #68788e;
}
.degree-intelligence-panel > footer b {
color: #2d4f7d;
font-size: 11px;
}
.degree-intelligence-panel > footer span {
font-size: 11px;
line-height: 1.6;
}
.degree-intelligence-panel > footer em {
grid-column: 2;
color: #50735f;
font-size: 10px;
font-style: normal;
font-weight: 700;
}
@media (max-width: 760px) {
.degree-intelligence-panel {
padding: 17px;
border-radius: 16px;
}
.degree-intelligence-panel > header {
display: grid;
}
.degree-evidence-grade {
justify-self: start;
white-space: normal;
}
.degree-source-list {
grid-template-columns: 1fr;
}
.degree-intelligence-panel > footer {
grid-template-columns: 1fr;
}
.degree-intelligence-panel > footer em {
grid-column: 1;
}
}

/* [21] /assets/ai-advisor-v34.css sha256=1c140b94583ac703a33585b271e16519908b1fa5115ffc23abf1657de85976fb */
.ai-nav-badge {
margin-left: auto;
padding: 2px 6px;
border: 1px solid rgba(91, 145, 255, .32);
border-radius: 999px;
color: #77a6ff;
font-size: 9px;
font-style: normal;
letter-spacing: .04em;
}
.ai-advisor-intro {
align-items: flex-start;
}
.ai-status-panel {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 16px;
padding: 16px 18px;
border-color: rgba(63, 122, 224, .2);
background: linear-gradient(120deg, rgba(32, 76, 148, .08), rgba(255, 255, 255, .97));
}
.ai-status-main,
.ai-status-facts,
.ai-card-heading,
.ai-conversation-head {
display: flex;
align-items: center;
}
.ai-status-main {
gap: 12px;
}
.ai-status-main i {
width: 11px;
height: 11px;
flex: 0 0 auto;
border-radius: 50%;
background: #9aa7b8;
box-shadow: 0 0 0 5px rgba(154, 167, 184, .15);
}
.ai-status-panel.is-ready .ai-status-main i {
background: #159a6c;
box-shadow: 0 0 0 5px rgba(21, 154, 108, .14);
}
.ai-status-panel.is-blocked .ai-status-main i {
background: #c77a20;
box-shadow: 0 0 0 5px rgba(199, 122, 32, .14);
}
.ai-status-main div,
.ai-conversation-head div,
.ai-card-heading div {
display: grid;
gap: 3px;
}
.ai-status-main span,
.ai-conversation-head p {
color: var(--v4-text-2, #66758b);
font-size: 12px;
}
.ai-status-facts {
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
}
.ai-status-facts span {
padding: 7px 10px;
border: 1px solid rgba(30, 60, 100, .1);
border-radius: 9px;
background: rgba(255, 255, 255, .75);
color: var(--v4-text-2, #66758b);
font-size: 11px;
}
.ai-status-facts b {
margin-left: 4px;
color: var(--v4-text, #16243a);
}
.ai-advisor-layout {
display: grid;
grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr);
align-items: start;
gap: 16px;
}
.ai-conversation-panel {
min-height: 670px;
padding: 0;
overflow: hidden;
}
.ai-conversation-head {
justify-content: space-between;
gap: 16px;
padding: 18px 20px;
border-bottom: 1px solid rgba(28, 54, 86, .09);
}
.ai-conversation-head h3,
.ai-conversation-head p {
margin: 0;
}
#ai-advisor-conversation-state,
#ai-draft-status {
padding: 5px 9px;
border-radius: 999px;
background: rgba(58, 112, 201, .09);
color: #315f9f;
font-size: 10px;
white-space: nowrap;
}
.ai-message-list {
display: flex;
min-height: 370px;
max-height: 520px;
flex-direction: column;
gap: 14px;
padding: 22px;
overflow-y: auto;
background: linear-gradient(180deg, rgba(247, 250, 255, .72), rgba(255, 255, 255, .95));
}
.ai-message {
width: min(86%, 680px);
padding: 13px 15px;
border: 1px solid rgba(27, 62, 104, .1);
border-radius: 14px 14px 14px 4px;
background: #fff;
box-shadow: 0 6px 18px rgba(31, 58, 92, .05);
}
.ai-message.user {
align-self: flex-end;
border-color: rgba(50, 105, 196, .18);
border-radius: 14px 14px 4px 14px;
background: #edf4ff;
}
.ai-message.error {
border-color: rgba(187, 71, 71, .22);
background: #fff5f4;
}
.ai-message b {
display: block;
margin-bottom: 5px;
color: #244a82;
font-size: 11px;
}
.ai-message p {
margin: 0;
color: var(--v4-text, #16243a);
font-size: 13px;
line-height: 1.75;
white-space: pre-wrap;
}
.ai-message-meta,
.ai-citation-list,
.ai-warning-list {
margin-top: 9px;
color: var(--v4-text-2, #66758b);
font-size: 10px;
line-height: 1.6;
}
.ai-citation-list details {
margin-top: 6px;
}
.ai-citation-list code,
.ai-draft-card code,
.ai-rollback-card code {
overflow-wrap: anywhere;
white-space: normal;
}
.ai-quick-prompts {
display: flex;
flex-wrap: wrap;
gap: 7px;
padding: 12px 20px 0;
}
.ai-quick-prompts button {
padding: 7px 10px;
border: 1px solid rgba(45, 92, 161, .16);
border-radius: 999px;
background: rgba(242, 247, 255, .75);
color: #315f9f;
cursor: pointer;
font-size: 11px;
}
.ai-quick-prompts button:disabled {
cursor: not-allowed;
opacity: .5;
}
.ai-compose {
display: grid;
gap: 8px;
padding: 16px 20px 20px;
}
.ai-compose label {
color: var(--v4-text, #16243a);
font-size: 12px;
font-weight: 700;
}
.ai-compose textarea {
min-height: 100px;
resize: vertical;
}
.ai-compose > div {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.ai-compose small {
color: var(--v4-text-2, #66758b);
}
.ai-advisor-side {
display: grid;
gap: 16px;
}
.ai-boundary-card,
.ai-draft-card,
.ai-rollback-card {
padding: 18px;
}
.ai-boundary-card h3,
.ai-draft-card h3,
.ai-rollback-card h3 {
margin: 5px 0 11px;
}
.ai-boundary-card ul {
display: grid;
gap: 8px;
margin: 0;
padding-left: 18px;
color: var(--v4-text, #16243a);
font-size: 12px;
line-height: 1.55;
}
.ai-boundary-card p,
.ai-rollback-card p {
margin: 13px 0 0;
padding-top: 12px;
border-top: 1px solid rgba(30, 60, 100, .09);
color: var(--v4-text-2, #66758b);
font-size: 11px;
line-height: 1.65;
}
.ai-card-heading {
justify-content: space-between;
gap: 12px;
}
.ai-draft-card dl {
display: grid;
gap: 7px;
margin: 12px 0;
}
.ai-draft-card dl div {
display: grid;
grid-template-columns: 105px minmax(0, 1fr);
gap: 9px;
padding: 7px 0;
border-bottom: 1px solid rgba(30, 60, 100, .07);
font-size: 10px;
}
.ai-draft-card dt {
color: var(--v4-text-2, #66758b);
}
.ai-draft-card dd {
margin: 0;
overflow-wrap: anywhere;
color: var(--v4-text, #16243a);
font-weight: 700;
}
.ai-draft-summary {
display: grid;
gap: 7px;
margin: 12px 0;
padding: 11px;
border-radius: 10px;
background: rgba(241, 246, 254, .8);
color: var(--v4-text, #16243a);
font-size: 11px;
line-height: 1.55;
}
.ai-confirm-zone {
display: grid;
gap: 9px;
padding-top: 13px;
border-top: 1px solid rgba(30, 60, 100, .09);
}
.ai-confirm-zone p {
margin: 0;
color: var(--v4-text-2, #66758b);
font-size: 10px;
line-height: 1.6;
}
.ai-confirm-zone code,
.ai-rollback-card code {
display: block;
padding: 9px;
border-radius: 8px;
background: #f2f5f9;
color: #334965;
font-size: 10px;
}
.ai-confirm-zone input,
.ai-rollback-card input {
width: 100%;
}
.ai-rollback-card {
border-color: rgba(190, 113, 39, .25);
background: linear-gradient(145deg, #fff, #fffaf2);
}
.ai-rollback-card code,
.ai-rollback-card input,
.ai-rollback-card button {
margin-top: 10px;
}
@media (max-width: 1050px) {
.ai-advisor-layout {
grid-template-columns: 1fr;
}
.ai-conversation-panel {
min-height: 0;
}
}
@media (max-width: 700px) {
.ai-status-panel,
.ai-conversation-head,
.ai-compose > div {
align-items: stretch;
flex-direction: column;
}
.ai-status-facts {
justify-content: flex-start;
}
.ai-message {
width: 94%;
}
.ai-message-list {
min-height: 330px;
padding: 15px;
}
.ai-compose,
.ai-conversation-head {
padding-right: 15px;
padding-left: 15px;
}
}

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

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

/* [24] /assets/commercial-member.css sha256=8ef6f50d0c4bdc86e364212e6ec469aadea890240fa9450910769c2d05f52001 */
/* Commercial experience: one member navigation, honest metrics, responsive layout. */
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] { --commercial-ink:#172437; --commercial-muted:#596b82; --commercial-blue:var(--hbv-brand-primary,#2457d6); --commercial-line:#e4e9f0; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body { background:#f6f8fb!important; color:var(--commercial-ink); font-family:Inter,"PingFang SC","Microsoft YaHei UI",sans-serif; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] *,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] *::before,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] *::after { box-sizing:border-box; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .sr-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; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #527de2!important; outline-offset:3px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .primary { background:var(--commercial-blue)!important; border:1px solid transparent!important; color:white!important; border-radius:10px!important; box-shadow:none!important; min-height:44px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .primary:hover:not(:disabled) { filter:brightness(1.06); transform:translateY(-1px); }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] button:disabled { opacity:.55; cursor:not-allowed; transform:none; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { border:1px solid #dce3ed!important; border-radius:9px!important; background:#fff!important; color:var(--commercial-ink)!important; min-height:44px; box-shadow:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .login-screen#login-screen { padding:0!important; margin:0!important; width:100%!important; max-width:none!important; background:#fff!important; min-height:100dvh!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-portal { padding:0!important; max-width:none!important; width:100%!important; min-height:100dvh; margin:0!important; display:grid!important; grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)!important; gap:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:#fff!important; overflow:hidden; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-intro { background:#eff4fc!important; color:var(--commercial-ink)!important; border:0!important; border-radius:0!important; padding:42px clamp(32px,5.5vw,92px) 24px!important; min-height:100dvh; display:flex!important; flex-direction:column!important; gap:0!important; position:relative; overflow:hidden; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-intro::before,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-intro::after { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-brand { margin:0!important; display:flex!important; align-items:center; gap:12px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-brand img { width:40px!important; height:40px!important; background:none!important; border:0!important; padding:0!important; box-shadow:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-brand b { color:#1d3251!important; font-size:21px!important; letter-spacing:2px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-brand span { color:#65758d!important; font-size:12px!important; margin-top:5px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-hero-copy { padding-top:68px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .eyebrow { color:#5072a8!important; font-size:12px!important; font-weight:600; letter-spacing:.08em; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen #public-intro-title { max-width:630px!important; font-size:clamp(33px,3.55vw,56px)!important; line-height:1.43!important; letter-spacing:-1.8px!important; font-weight:650!important; color:#152f53!important; margin:22px 0 18px!important; text-wrap:balance; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen #public-intro-text { font-size:14px!important; line-height:1.95!important; max-width:500px!important; margin:0!important; color:var(--commercial-muted)!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .path-illustration { height:290px; min-height:250px; position:relative; margin:22px -12px 12px; overflow:hidden; background-image:radial-gradient(#a8bbdb66 1px,transparent 1px); background-size:22px 22px; mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent); }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .path-orbit { position:absolute; width:500px; height:165px; border:1px solid #b7c7e2; border-radius:50%; transform:rotate(-22deg); left:-18px; top:54px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .orbit-two { top:90px; left:12px; border-color:#d4dfef; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .orbit-three { top:125px; left:40px; border-color:#d4dfef; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .path-node { position:absolute; background:#ffffffed; border:1px solid #e0e7f3; padding:17px 20px; border-radius:12px; box-shadow:0 12px 30px #254a8410; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .path-node span { font-size:12px; color:#708bb1; letter-spacing:1.6px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .path-node b { display:block; margin:10px 0 8px; font-size:17px; font-weight:600; letter-spacing:1px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .path-node small { font-size:12px; color:var(--commercial-muted); }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .node-one { top:30px; left:15px; transform:rotate(-5deg); }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .node-two { top:10px; right:16px; transform:rotate(5deg); }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .node-three { top:133px; left:27%; background:#2857cc; border-color:#2857cc; color:#fff; min-width:235px; transform:rotate(-4deg); }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .node-three :is(span,small) { color:#d1dfff; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .node-three b { font-size:20px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .node-three i { font-style:normal; margin-left:12px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .path-star { position:absolute; color:#7f9fe1; font-size:26px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .star-one { top:0; left:49%; }.star-two { bottom:40px; left:9%; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .path-caption { position:absolute; bottom:4px; left:12px; font-size:12px; color:var(--commercial-muted); letter-spacing:2px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen #login-data-status { margin:10px 0 0!important; padding:0!important; background:transparent!important; border:0!important; color:#617794!important; min-height:0!important; font-size:12px!important; box-shadow:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen #login-data-status b { font-weight:400!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .public-boundary { display:block!important; background:none!important; border:0!important; padding:0!important; color:var(--commercial-muted)!important; font-size:12px!important; line-height:1.8!important; margin:14px 0 0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-card { width:min(440px,100%)!important; padding:24px!important; margin:auto!important; border:0!important; border-radius:0!important; background:#fff!important; box-shadow:none!important; align-self:center!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .auth-card-heading { padding:0!important; margin-bottom:30px!important; border:0!important; background:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .auth-card-heading b { color:#1b2b43!important; font-size:27px!important; font-weight:600!important; margin:14px 0 12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .auth-card-heading small { font-size:13px!important; color:var(--commercial-muted)!important; line-height:1.7; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .auth-tabs { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; padding:4px!important; gap:2px!important; background:#f3f5f9!important; border:0!important; border-radius:10px!important; margin-bottom:30px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .auth-tabs button { min-height:44px!important; padding:8px 2px!important; border:0!important; color:var(--commercial-muted)!important; background:transparent!important; border-radius:7px!important; font-size:13px!important; box-shadow:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .auth-tabs button.active { background:#fff!important; color:#2457d6!important; box-shadow:0 2px 5px #2337540d!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen #login-form { gap:22px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen #login-form label { font-size:13px!important; gap:10px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen #login-form input { height:49px!important; padding:12px 15px!important; font-size:13px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen #login-form .primary { width:100%; min-height:49px!important; margin-top:8px; display:flex; justify-content:space-between; align-items:center; padding:0 18px; font-size:13px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .auth-assist-row { font-size:12px!important; margin-top:18px!important; color:var(--commercial-muted)!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .auth-security-note { background:none!important; border:0!important; border-top:1px solid #edf0f5!important; padding:22px 0 0!important; margin-top:32px!important; font-size:12px!important; color:var(--commercial-muted)!important; line-height:1.8; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen #login-support { font-size:12px!important; line-height:1.8; color:var(--commercial-muted)!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-error:empty { display:none; }
/* Keep the actual application navigation, retire generated duplicate navigation. */
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .app-shell { display:block!important; padding:0!important; max-width:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .app-shell>.sidebar { display:flex!important; position:fixed!important; inset:0 auto 0 0!important; width:224px!important; height:100dvh!important; padding:28px 15px 20px!important; background:#14243a!important; border:0!important; box-shadow:none!important; transform:none; z-index:80; flex-direction:column; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .sidebar .brand { padding:0 12px 30px!important; gap:11px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .sidebar .brand-logo-image { width:32px!important; height:32px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .sidebar .brand strong { font-size:18px!important; color:#fff!important; letter-spacing:1px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .sidebar .brand span { color:#8d9fb8!important; font-size:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body #nav { overflow-y:auto!important; flex:1; scrollbar-width:thin; scrollbar-color:#425168 transparent; display:block!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body #nav .nav-section-title { color:#7186a3!important; padding:22px 14px 8px!important; font-size:12px!important; letter-spacing:1px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body #nav .nav-item { width:100%; min-height:42px!important; display:flex; align-items:center; text-align:left; gap:12px!important; margin:3px 0!important; padding:10px 13px!important; color:#b9c7d9!important; border:0!important; border-radius:8px!important; background:none!important; font-size:13px!important; line-height:1.5; box-shadow:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body #nav .nav-item.active { background:#2a4263!important; color:white!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body #nav .nav-item:hover { background:#223751!important; color:#fff!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body #nav .nav-item:before { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body #nav .nav-icon { width:17px!important; height:17px!important; filter:brightness(0) invert(.8)!important; opacity:.8; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body #nav .nav-item b { background:#314764!important; color:#b9d0ee!important; font-size:12px!important; margin-left:auto; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .sidebar-foot { background:#ffffff06!important; border:1px solid #ffffff0c!important; border-radius:10px; padding:13px 10px!important; margin-top:18px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .sidebar-foot b { font-size:12px!important; color:#b1c1d5!important; }.sidebar-foot small { font-size:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .app-shell>.main { margin:0 0 0 224px!important; width:calc(100% - 224px)!important; max-width:none!important; padding:0 clamp(22px,3vw,48px) 32px!important; background:#f6f8fb!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .topbar { display:flex!important; min-height:94px!important; padding:22px 0!important; gap:20px!important; border-bottom:1px solid var(--commercial-line)!important; background:none!important; box-shadow:none!important; align-items:center; flex-wrap:wrap; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .topbar-heading { flex:1; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .topbar h1 { font-size:19px!important; font-weight:600; margin:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .topbar-breadcrumb,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body #page-subtitle { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .top-status-cluster { display:flex!important; margin-left:auto; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .top-status-chip { font-size:12px!important; min-height:30px; background:transparent!important; border:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .top-exam-context { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .profile-chip { display:flex!important; background:none!important; padding:0!important; border:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .profile-chip .avatar { width:32px!important; height:32px!important; border-radius:50%!important; background:#e8edf6!important; color:#58769c!important; font-size:13px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .profile-chip b { font-size:12px!important; }html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .profile-chip small { font-size:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .workspace-bar { display:flex!important; flex-wrap:wrap; min-height:62px!important; padding:12px 0!important; border:0!important; border-bottom:1px solid var(--commercial-line)!important; margin:0 0 28px!important; background:none!important; box-shadow:none!important; border-radius:0!important; gap:14px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .workspace-bar label { display:flex!important; align-items:center; gap:8px!important; font-size:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .workspace-bar select { min-height:32px!important; height:32px!important; max-width:180px; font-size:12px!important; background:transparent!important; border:0!important; padding:0 23px 0 3px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .workspace-user { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .workspace-bar .autosave-chip { margin-left:auto!important; font-size:12px!important; background:transparent!important; border:0!important; min-height:24px!important; padding:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .workspace-bar .autosave-chip small { display:none; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body #logout-btn { min-height:30px!important; font-size:12px!important; padding:3px 8px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .page { padding:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .section-intro { box-shadow:none!important; border:0!important; background:none!important; padding:0 0 24px!important; margin:0!important; border-radius:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .section-intro h2 { font-size:25px!important; letter-spacing:-.5px; line-height:1.5; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .section-intro p { color:var(--commercial-muted)!important; font-size:13px!important; line-height:1.9!important; max-width:760px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .panel { background:#fff!important; border:1px solid var(--commercial-line)!important; border-radius:12px!important; box-shadow:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .panel-head { padding:0!important; margin-bottom:18px!important; border:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .panel-head h3 { font-size:14px!important; font-weight:600!important; color:#273c58!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .panel-head p { font-size:12px!important; color:var(--commercial-muted)!important; margin-top:7px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-hero { display:grid!important; grid-template-columns:1fr auto!important; gap:24px!important; padding:10px 0 28px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-hero::before,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-hero::after { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-hero .eyebrow { font-size:12px!important; color:var(--commercial-muted)!important; letter-spacing:.08em!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-hero h2 { color:#193352!important; margin:12px 0!important; font-size:30px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-hero p { max-width:600px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-kicker { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-hero-side { display:flex!important; flex-direction:column; justify-content:center; align-items:flex-end; padding:0!important; border:0!important; background:none!important; gap:0!important; min-width:220px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-hero-kpi { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .decision-head-actions { display:flex!important; flex-direction:column; gap:6px!important; margin:0!important; width:100%; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body :is(.decision-head-actions button,.card-actions button,.ghost.small,.school-link) { min-height:44px!important; font-size:13px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; border:1px solid var(--commercial-line); border-radius:12px; background:white; margin:0 0 24px!important; overflow:hidden; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card { display:flex!important; flex-direction:column; background:none!important; padding:23px 24px!important; border:0!important; border-right:1px solid var(--commercial-line)!important; box-shadow:none!important; border-radius:0!important; min-height:126px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card:last-child { border-right:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card::before,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card::after { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card>span { font-size:12px!important; color:var(--commercial-muted)!important; margin-bottom:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card>b,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card>b i { font-size:29px!important; color:#263d5b!important; font-weight:550!important; line-height:1.1!important; font-style:normal; letter-spacing:-1px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card>b em { font-size:12px!important; color:var(--commercial-muted); font-style:normal; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card small { font-size:12px!important; color:var(--commercial-muted)!important; margin-top:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-main-grid,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-lower-grid { display:grid!important; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important; gap:24px!important; margin-bottom:24px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body :is(.next-task-card,.scheme-health-card,.recent-card,.coverage-card) { padding:24px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .journey-list { display:grid; gap:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .journey-list button { padding:16px 0!important; min-height:76px; background:none!important; border:0!important; border-bottom:1px solid #eef1f5!important; border-radius:0!important; box-shadow:none!important; display:flex; align-items:center; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .journey-list button:last-child { border-bottom:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .journey-list button>span { width:30px!important; height:30px!important; border-radius:50%!important; background:#f0f4fb!important; color:#7690b7!important; font-size:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .journey-list button b { font-size:13px!important; font-weight:500!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .journey-list button small { font-size:12px!important; line-height:1.7; color:var(--commercial-muted)!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .journey-list button em { color:#6486c0!important; font-size:12px!important; white-space:nowrap; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .scheme-summary { display:grid!important; grid-template-columns:100px 1fr!important; gap:22px!important; align-items:center; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .scheme-summary>.coverage-note { grid-column:1/-1; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .scheme-count { width:95px!important; height:95px!important; border:8px solid #f0f3f8!important; border-radius:50%!important; background:#fff!important; box-shadow:none!important; display:flex; align-items:center; justify-content:center; flex-direction:column; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .scheme-count span { font-size:26px!important; color:#314969!important; }.scheme-count small { font-size:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .risk-stack { gap:13px!important; display:grid; }.risk-row { font-size:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .risk-track { height:5px!important; background:#f2f4f8!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .risk-row>span { min-width:58px; font-size:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .risk-row>b { font-size:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .empty-state { background:none!important; border:1px dashed #e1e7f0!important; border-radius:8px!important; padding:26px!important; min-height:120px; color:var(--commercial-muted)!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .empty-state b { font-size:13px!important; color:#6e7f97!important; }.empty-state p { font-size:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-data-counts { display:grid; grid-template-columns:1fr 1fr; margin:0; gap:20px 26px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-data-counts div { display:flex; justify-content:space-between; align-items:baseline; border-bottom:1px solid #f0f2f6; padding-bottom:10px; gap:8px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-data-counts dt { font-size:12px; color:var(--commercial-muted); }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-data-counts dd { font-size:19px; color:#3b5375; margin:0; font-variant-numeric:tabular-nums; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .coverage-note { background:none!important; border:0!important; margin:18px 0 0!important; padding:0!important; font-size:12px!important; color:var(--commercial-muted)!important; line-height:1.8; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .global-footer-notice { font-size:12px!important; color:var(--commercial-muted)!important; border:0!important; background:none!important; text-align:center; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .s20-runtime-strip { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #menu-btn { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-nav-group { margin-top:10px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-nav-group summary { padding:12px 14px; color:#aabbd1; font-size:12px; cursor:pointer; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-nav-group summary::marker { color:#647c9c; font-size:12px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-nav-backdrop { display:none; }
@media(min-width:1600px) { html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .app-shell>.main { padding-left:60px!important; padding-right:60px!important; } }
@media(max-width:1180px) {
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .app-shell>.sidebar { width:194px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .app-shell>.main { margin-left:194px!important; width:calc(100% - 194px)!important; padding-left:22px!important; padding-right:22px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card { padding:20px 16px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-main-grid,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-lower-grid { gap:16px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .scheme-summary { grid-template-columns:1fr!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .scheme-count { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-intro { padding-left:35px!important; padding-right:35px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .node-three { left:17%; }
}
@media(max-width:900px) {
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-portal { grid-template-columns:1fr!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-intro { min-height:0!important; padding:26px 28px 24px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-hero-copy { padding-top:26px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen #public-intro-title { font-size:32px!important; max-width:650px!important; margin:12px 0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen #public-intro-text { font-size:13px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .path-illustration { display:none; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .public-boundary { margin-top:10px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .login-card { padding:32px 24px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .app-shell>.sidebar { transform:translateX(-100%)!important; width:248px!important; transition:transform .18s ease; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .app-shell>.sidebar.open { transform:translateX(0)!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .app-shell>.main { margin-left:0!important; width:100%!important; padding:0 22px 90px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #menu-btn { display:block!important; background:#edf1f8!important; min-width:44px; min-height:44px; border:0; border-radius:8px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .topbar { min-height:78px!important; padding:16px 0!important; flex-wrap:nowrap; gap:14px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .top-status-cluster { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-nav-backdrop.active { display:block; position:fixed; inset:0; background:#0b1e3b55; border:0; z-index:79; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .mobile-bottom-nav { background:#fffffff7!important; border-top:1px solid #e2e8f1!important; box-shadow:0 -4px 24px #14243a06!important; padding-bottom:env(safe-area-inset-bottom); }
}
@media(max-width:600px) {
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .app-shell>.main { padding:0 16px 90px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .workspace-bar { gap:6px 12px!important; margin-bottom:22px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .workspace-bar select { max-width:130px; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .workspace-bar .autosave-chip { margin-left:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-hero { grid-template-columns:1fr!important; gap:18px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-hero h2 { font-size:27px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-hero-side { align-items:stretch; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .decision-head-actions { flex-direction:row; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .decision-head-actions .primary { flex:1; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card { min-height:120px!important; padding:18px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card:nth-child(2) { border-right:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card:nth-child(-n+2) { border-bottom:1px solid var(--commercial-line)!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card>b,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .stat-card>b i { font-size:24px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-main-grid,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-lower-grid { grid-template-columns:1fr!important; gap:16px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body :is(.next-task-card,.scheme-health-card,.recent-card,.coverage-card) { padding:20px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .section-intro h2 { font-size:23px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .profile-chip small { display:none!important; }
}
@media(prefers-reduced-motion:reduce) { html[data-commercial-experience][data-commercial-experience][data-commercial-experience] *,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] *::before,html[data-commercial-experience][data-commercial-experience][data-commercial-experience] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
/* Visibility boundaries always win over presentation rules. */
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body :is(.app-shell,.login-screen,.mobile-bottom-nav)[aria-hidden="true"],
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .hidden.hidden { display:none!important; }
html[data-commercial-experience] body * { text-shadow:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body #nav .nav-item span { font-size:13px!important; font-weight:500!important; width:auto!important; flex:1; text-align:left!important; white-space:normal!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .dashboard-hero { min-height:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body :is(.next-task-card,.scheme-health-card,.recent-card,.coverage-card) { min-height:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .panel-head { background:none!important; min-height:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .commercial-membership-ribbon { display:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body #login-screen { inset:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .auth-panel { border:0!important; padding:0!important; background:none!important; box-shadow:none!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] #login-screen .node-three b { color:#fff!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body .journey-list button:last-child em { background:#2457d6!important; color:white!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-explainer { margin:0 0 18px; border:1px solid #dde5f0; border-radius:12px; background:#fff; overflow:hidden; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-explainer>summary { padding:15px 18px; color:#425b7c; font-size:13px; font-weight:600; cursor:pointer; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-explainer>p { padding:0 18px 18px; margin:0; line-height:1.9; color:#61738b; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .commercial-explainer .risk-gradient-guide { margin:0!important; border:0!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] .recommend-controls .commercial-explainer { display:block; grid-column:1/-1; width:100%; margin:0; border:0; border-top:1px solid #e3e9f2; border-radius:0; padding:0; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body :is(.tag,.risk,.outcome-tag,.flag-chip,.chip,.meta-cell small,.result-meta,.trust-meta,.plan-hint,.list-head) { font-size:12px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body :is(.result-table,.wish-table,.compare-table) :is(td,th) { font-size:13px!important; }
html[data-commercial-experience][data-commercial-experience][data-commercial-experience] body :is(.stat-card b,.stat-card b i,.scheme-count span,.wish-counter b,.meta-cell b,.result-table td,.wish-table td,.commercial-data-counts dd) { font-variant-numeric:tabular-nums; }