/* HypeBPO WN6 — the Community / Workspace visual language.
   Additive presentation only. No authentication, business logic, media or record changes. */
:root[data-hb-theme="wn6"]{
 --hb-forest:#203c32;--hb-forest-deep:#172e26;--hb-paper:#f5f5f2;--hb-white:#fff;--hb-olive:#e3e9d1;--hb-olive-soft:#f0f3e8;--hb-ink:#263c30;--hb-muted:#65725f;--hb-line:#dfe4d9;--hb-orange:#bd5424;--hb-radius:22px;
 --ink:var(--hb-ink);--ink-2:#34483a;--ink-soft:#34483a;--muted:var(--hb-muted);--muted-2:#778370;--paper:var(--hb-white);--white:var(--hb-white);--canvas:var(--hb-paper);--surface:var(--hb-white);--soft:var(--hb-olive-soft);--soft-2:#e7ecd9;--line:var(--hb-line);--line-strong:#ccd5c4;--orange:var(--hb-orange);--orange-dark:#98421b;--orange-bright:#d66d36;--orange-light:#e79767;--orange-soft:#fff2e9;--accent:var(--hb-orange);--accent-dark:#98421b;--accent-soft:#fff2e9;--sidebar:var(--hb-forest);--sidebar-2:var(--hb-forest-deep);--cream:var(--hb-paper);
 --shadow-sm:0 3px 12px #203c3206;--shadow:0 12px 36px #203c320b;--shadow-lg:0 26px 70px #203c3229;--radius:16px;--radius-lg:24px;
 --home-ink:var(--hb-ink);--home-charcoal:var(--hb-forest);--home-orange:var(--hb-orange);--home-ivory:var(--hb-paper);--home-line:var(--hb-line);--home-muted:var(--hb-muted);
 --visitor-ink:var(--hb-ink);--visitor-charcoal:var(--hb-forest);--visitor-orange:var(--hb-orange);--visitor-ivory:var(--hb-paper);--visitor-line:var(--hb-line);--visitor-muted:var(--hb-muted);
 font-family:Inter,Arial,sans-serif;color-scheme:light;background:var(--hb-paper);
}
[data-hb-theme="wn6"] body{background:var(--hb-paper);color:var(--hb-ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
[data-hb-theme="wn6"] :is(button,input,select,textarea){font-family:inherit}
[data-hb-theme="wn6"] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #6c8953;outline-offset:3px}
[data-hb-theme="wn6"] :is(input,select,textarea){accent-color:var(--hb-forest)}
[data-hb-theme="wn6"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea){border-color:#ccd5c4;border-radius:11px;color:var(--hb-ink);background:#fdfefa}
[data-hb-theme="wn6"] :is(input,select,textarea):focus{border-color:#6c8953;box-shadow:0 0 0 3px #6c89531a}
[data-hb-theme="wn6"] :is(input,textarea)::placeholder{color:#778370}
[data-hb-theme="wn6"] :is(.primary,.button-primary,.button.primary,.primary-button,.generate){background:var(--hb-orange);border-color:var(--hb-orange);color:#fff;box-shadow:none;border-radius:12px}
[data-hb-theme="wn6"] :is(.primary,.button-primary,.button.primary,.primary-button,.generate):hover{background:#a7471e;border-color:#a7471e;box-shadow:0 4px 15px #203c320d}
[data-hb-theme="wn6"] :is(.panel,.card,.metric,.stat,.stat-card,.policy-card,.login-card,.auth-card,.detail-panel){border-color:var(--hb-line);border-radius:var(--hb-radius);box-shadow:var(--shadow-sm)}
[data-hb-theme="wn6"] :is(.panel-head,.table-toolbar,.filter-bar){border-color:var(--hb-line)}
[data-hb-theme="wn6"] :is(th,thead){background:var(--hb-olive-soft);color:var(--hb-forest)}
[data-hb-theme="wn6"] :is(.table-wrap,.table-container){border-color:var(--hb-line);border-radius:14px}
[data-hb-theme="wn6"] :is(.tab.active,.tabs button.active,.nav-tabs button.active){background:var(--hb-olive);color:var(--hb-forest);border-color:#c9d5b6}
[data-hb-theme="wn6"] :is(.modal,.modal-panel,.dialog-panel,dialog){border-color:var(--hb-line);border-radius:22px}
[data-hb-theme="wn6"] ::selection{background:#d7e3be;color:#203c32}
/* Public website */
[data-hb-app="website"] :is(.site-header,.visitor-header,.portal-header){background:#fff;border-bottom:1px solid var(--hb-line);box-shadow:none}
[data-hb-app="website"] .header-inner{min-height:82px}
[data-hb-app="website"] .site-header .brand img{width:190px;height:auto;max-width:38vw}
[data-hb-app="website"] :is(.desktop-nav>a,.nav-primary-row>a,.portal-header-links a){color:var(--hb-ink)}
[data-hb-app="website"] .desktop-nav{gap:18px}
[data-hb-app="website"] .nav-submenu-toggle{color:var(--hb-muted)}
[data-hb-app="website"] :is(.nav-submenu-toggle:hover,.nav-group.submenu-open .nav-submenu-toggle){color:var(--hb-forest);background:var(--hb-olive-soft)}
[data-hb-app="website"] .subnav{background:#fff;border:1px solid var(--hb-line);box-shadow:0 18px 50px #203c3219}
[data-hb-app="website"] .subnav strong{color:var(--hb-forest)}
[data-hb-app="website"] .subnav small{color:var(--hb-muted)}
[data-hb-app="website"] .subnav a:hover{background:var(--hb-olive-soft)}
[data-hb-app="website"] .subnav a:hover small{color:var(--hb-ink)}
[data-hb-app="website"] :is(.header-cta,.community-nav-link){background:var(--hb-olive)!important;color:var(--hb-forest)!important;border:1px solid #d4ddc6!important;border-radius:11px}
[data-hb-app="website"] .header-cta{padding:10px 16px;font-weight:700}
[data-hb-app="website"] .menu-toggle{background:var(--hb-olive-soft);border-color:var(--hb-line)}
[data-hb-app="website"] .menu-toggle span{background:var(--hb-forest)}
[data-hb-app="website"] :is(.home-hero,.visitor-hero){width:min(1360px,calc(100% - 56px));margin:30px auto 22px;padding:58px 0;background:var(--hb-forest);border-radius:28px;isolation:isolate;color:#fff}
[data-hb-app="website"] :is(.home-hero,.visitor-hero)::after{border-color:#92a7823d;box-shadow:0 0 0 50px #93a37808,0 0 0 100px #93a37805}
[data-hb-app="website"] :is(.home-hero-pattern,.visitor-hero-pattern){background-image:none;opacity:.2;border:1px solid #c4d2ba42;border-radius:50%;width:450px;height:450px;left:auto;right:-80px;top:-180px;box-shadow:0 0 0 70px #c4d2ba13}
[data-hb-app="website"] .home-hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:45px;align-items:center}
[data-hb-app="website"] :is(.home-hero,.visitor-hero) .content-shell{width:calc(100% - 80px)}
[data-hb-app="website"] :is(.home-hero h1,.visitor-hero h1){font-size:clamp(36px,4.4vw,65px);line-height:1.08;letter-spacing:-.047em;font-weight:600;max-width:780px;margin:16px 0 24px}
[data-hb-app="website"] :is(.home-hero-lead,.visitor-hero-lead){color:#d8e2d4;font-size:15px;line-height:1.8;max-width:670px}
[data-hb-app="website"] :is(.home-hero,.visitor-hero) .eyebrow{color:#d7e0c7;letter-spacing:.18em;font-size:10px}
[data-hb-app="website"] :is(.home-hero-actions,.visitor-hero-actions){display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}
[data-hb-app="website"] :is(.home-hero-actions,.visitor-hero-actions) .button{min-height:46px;font-size:12px;padding:12px 18px;border-radius:11px}
[data-hb-app="website"] :is(.home-hero-aside,.visitor-hero-aside){background:var(--hb-olive);color:var(--hb-forest);border:0;border-radius:22px;padding:30px;box-shadow:none;backdrop-filter:none}
[data-hb-app="website"] :is(.home-hero-aside,.visitor-hero-aside) small{color:#526343;font-size:10px;letter-spacing:.16em}
[data-hb-app="website"] :is(.home-hero-aside,.visitor-hero-aside) strong{font-size:25px;line-height:1.2;font-weight:600}
[data-hb-app="website"] :is(.home-hero-aside,.visitor-hero-aside) p{color:#53634a;font-size:12px;line-height:1.75}
[data-hb-app="website"] :is(.home-check-list,.hero-mini-list) li{color:#415638;font-size:11px}
[data-hb-app="website"] :is(.home-check-list,.hero-mini-list) li:before{background:#60784b;color:#fff}
[data-hb-app="website"] .wn6-hero-mark{display:block;width:42px;height:42px;margin:0 0 26px;color:#60784b}
[data-hb-app="website"] :is(.home-section,.visitor-section){padding:52px 0;background:var(--hb-paper)}
[data-hb-app="website"] :is(.home-section-head h2,.visitor-section-head h2){color:var(--hb-forest);font-weight:600;font-size:clamp(27px,3.2vw,43px);line-height:1.13;letter-spacing:-.04em}
[data-hb-app="website"] :is(.home-grid,.visitor-grid){gap:20px}
[data-hb-app="website"] :is(.home-card,.visitor-card,.channel-card,.guide-article,.guide-toc,.location-factor,.employer-step,.jobs-board-shell,.job-card,.post-job-form,.apply-form,.faq-card){border:1px solid var(--hb-line);border-radius:22px;background:#fff;box-shadow:none}
[data-hb-app="website"] :is(.home-card,.visitor-card){padding:27px}
[data-hb-app="website"] :is(.home-card,.visitor-card)::before{background:transparent}
[data-hb-app="website"] :is(.home-card h3,.visitor-card h3){color:var(--hb-forest);font-weight:600;font-size:22px;line-height:1.22}
[data-hb-app="website"] :is(.home-card-kicker,.visitor-card-kicker){color:#6a795d;font-size:9px}
[data-hb-app="website"] :is(.home-icon,.visitor-icon,.home-process-number,.guide-article-number){background:var(--hb-olive-soft);color:#5d764b;border:1px solid #e0e6d4;box-shadow:none;border-radius:13px}
[data-hb-app="website"] :is(.home-tags,.track-tags,.location-badge-row) span{background:var(--hb-olive-soft);color:#586b4c}
[data-hb-app="website"] :is(.home-card-link,.visitor-card-link){color:var(--hb-forest);border-color:#91a879}
[data-hb-app="website"] :is(.home-section-dark,.visitor-section-dark){background:var(--hb-forest);color:#fff}
[data-hb-app="website"] :is(.home-section-dark,.visitor-section-dark) h2{color:#fff}
[data-hb-app="website"] :is(.home-section-dark,.visitor-section-dark) .home-section-head p{color:#d0dccc}
[data-hb-app="website"] :is(.home-trust-panel,.visitor-cta,.location-guide-panel,.report-panel){background:var(--hb-forest);border-radius:24px;box-shadow:none}
[data-hb-app="website"] :is(.home-trust-panel,.visitor-cta,.location-guide-panel,.report-panel) p{color:#d0dcc9}
[data-hb-app="website"] :is(.success-stories-feature,.success-stories-shell){background:var(--hb-paper)}
[data-hb-app="website"] .success-stories-shell{border:1px solid var(--hb-line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:none}
[data-hb-app="website"] .success-stories-copy{color:var(--hb-ink);padding:34px}
[data-hb-app="website"] .success-stories-copy h2{color:var(--hb-forest);font-weight:600;font-size:clamp(25px,3vw,37px)}
[data-hb-app="website"] .success-stories-copy>p{color:var(--hb-muted)}
[data-hb-app="website"] .success-stories-copy .eyebrow{color:#6c7f57}
[data-hb-app="website"] .success-stories-actions .button-ghost-light{color:var(--hb-forest)!important;border-color:#cbd7bf!important;background:var(--hb-olive-soft)!important}
[data-hb-app="website"] .success-stories-points li{color:#61744f}
[data-hb-app="website"] :is(.site-footer,.visitor-footer){background:var(--hb-forest-deep);color:#e4ebdf;border-top:0}
[data-hb-app="website"] :is(.site-footer,.visitor-footer) :is(p,a,.footer-disclaimer,.footer-bottom){color:#c4d0bd}
[data-hb-app="website"] :is(.site-footer,.visitor-footer) h3{color:#fff}
[data-hb-app="website"] :is(.portal-login,.apply-main){background:var(--hb-paper)}
[data-hb-app="website"] :is(.portal-login-card,.application-panel,.application-form-panel){background:#fff;border:1px solid var(--hb-line);border-radius:24px;box-shadow:var(--shadow-sm)}
[data-hb-app="website"] .portal-login-mark{background:var(--hb-olive);color:var(--hb-forest);box-shadow:none}
[data-hb-app="website"] .portal-login-features span{background:var(--hb-olive-soft);border-color:var(--hb-line);color:#536743}
[data-hb-app="website"] .portal-brand span{color:#5d7050}
/* Management workspaces: keep existing grids, controls, states, and dense tables. */
:root[data-hb-app="command"] .auth-showcase,:root[data-hb-app="importer"] .login-brand{background:var(--hb-forest);color:#fff}
[data-hb-app="command"] .auth-showcase:before,[data-hb-app="importer"] .login-brand:before{background:none;border:1px solid #afc39436;border-radius:50%;inset:auto -180px -160px auto;width:520px;height:520px;opacity:1}
[data-hb-app="command"] .auth-showcase:after,[data-hb-app="importer"] .login-brand:after{background:none;border:1px solid #afc39424;border-radius:50%;inset:-160px -140px auto auto;width:420px;height:420px;opacity:1;mask-image:none}
[data-hb-app="command"] :is(.showcase-kicker,.auth-showcase .eyebrow){color:#d4dfc3}
[data-hb-app="command"] :is(.showcase-copy,.showcase-stats span){color:#c8d5bf}
[data-hb-app="command"] .auth-stage,[data-hb-app="importer"] .login-form-wrap{background:var(--hb-paper)}
[data-hb-app="command"] .auth-card{box-shadow:none;background:#fff;padding:36px}
[data-hb-app="command"] :is(.showcase-logo,.brand-mark){background:#d76a30;color:#fff;box-shadow:none}
:is([data-hb-app="command"],[data-hb-app="recruitment"],[data-hb-app="importer"],[data-hb-app="hype"]) .sidebar{background:var(--hb-forest);color:#fff;box-shadow:none;border-right:1px solid #294b3c}
:is([data-hb-app="command"],[data-hb-app="recruitment"],[data-hb-app="importer"],[data-hb-app="hype"]) .sidebar:before{background:#a5b587;height:3px}
:is([data-hb-app="command"],[data-hb-app="recruitment"],[data-hb-app="importer"]) .sidebar nav :is(a,button){color:#cbd7c4;box-shadow:none;border-color:transparent}
:is([data-hb-app="command"],[data-hb-app="recruitment"],[data-hb-app="importer"]) .sidebar nav :is(a,button).active{background:var(--hb-olive);color:var(--hb-forest);box-shadow:none}
:is([data-hb-app="command"],[data-hb-app="recruitment"],[data-hb-app="importer"]) .sidebar nav :is(a,button):before{color:inherit}
:is([data-hb-app="command"],[data-hb-app="recruitment"],[data-hb-app="importer"]) :is(.workspace-label,.sidebar-links p){color:#b8caaa}
:is([data-hb-app="command"],[data-hb-app="recruitment"],[data-hb-app="importer"]) :is(.sidebar-links a,.brand-row span){color:#cedbc6}
:is([data-hb-app="command"],[data-hb-app="recruitment"],[data-hb-app="importer"]) :is(.topbar,.toolbar){background:#fff;border-color:var(--hb-line);box-shadow:none}
:is([data-hb-app="command"],[data-hb-app="recruitment"],[data-hb-app="importer"]) :is(.metric,.stat-card){background:#fff;border:1px solid var(--hb-line);border-radius:20px;box-shadow:none}
:is([data-hb-app="command"],[data-hb-app="recruitment"],[data-hb-app="importer"]) :is(.metric,.stat-card):first-child{background:var(--hb-olive)}
[data-hb-app="command"] :is(.metric b,.panel h3,.topbar h2){color:var(--hb-forest)}
[data-hb-app="command"] .policy-card{background:var(--hb-olive-soft)}
[data-hb-app="command"] :is(.hero-panel,.welcome-panel,.scope-banner){background:var(--hb-forest);color:#fff}
[data-hb-app="command"] :is(.f2-panel,.f2-card){border-color:var(--hb-line);border-radius:20px;box-shadow:none}
[data-hb-app="recruitment"] .login-screen{background:var(--hb-forest)}
[data-hb-app="recruitment"] .login-card{border:1px solid var(--hb-line);box-shadow:none;border-radius:25px}
[data-hb-app="recruitment"] :is(.sso-access-gate,.portal-boot-screen){background:var(--hb-paper);color:var(--hb-ink)}
[data-hb-app="recruitment"] :is(.sso-access-card,.portal-boot-card){background:#fff;color:var(--hb-ink);border-color:var(--hb-line);box-shadow:var(--shadow)}
[data-hb-app="recruitment"] .sso-access-card p{color:var(--hb-muted)}
[data-hb-app="recruitment"] :is(.view-head h2,.stat strong,.profile-name){color:var(--hb-forest)}
[data-hb-app="importer"] .login-shell{background:var(--hb-paper)}
[data-hb-app="importer"] :is(.preview-panel,.form-panel,.queue-card,.login-card){border-color:var(--hb-line);background:#fff;box-shadow:none;border-radius:22px}
/* TA launcher, referral forms, and account generator. */
[data-hb-app="launcher"] body{background:var(--hb-paper)}
[data-hb-app="launcher"] .shell{border:1px solid var(--hb-line);box-shadow:none}
[data-hb-app="launcher"] .hero{background:var(--hb-forest)}
[data-hb-app="launcher"] .hero h1 em{color:#c7d7b0}
[data-hb-app="launcher"] :is(.eyebrow,.step){color:#657d4c}
[data-hb-app="launcher"] .hero .eyebrow{color:#d1ddc1}
[data-hb-app="launcher"] :is(.route-box,.safety-note){background:#dfe8d31a;border-color:#dfe8d333}
[data-hb-app="launcher"] .route-box{background:var(--hb-olive-soft);color:var(--hb-forest)}
:is([data-hb-app="referral"],[data-hb-app="sal"]) :is(.brand-panel,.rail){background:var(--hb-forest);color:#fff}
[data-hb-app="referral"] .brand-panel:before{background:none;border:1px solid #cfdfb835;border-radius:50%;inset:-200px -200px auto auto;width:550px;height:550px;opacity:1;mask-image:none}
[data-hb-app="referral"] .brand-panel:after{content:"";border:1px solid #cfdfb825;border-radius:50%;width:500px;height:500px;left:-250px;bottom:-180px;transform:none}
:is([data-hb-app="referral"],[data-hb-app="sal"]) :is(.hero-copy h1,.hero h1){font-weight:600}
:is([data-hb-app="referral"],[data-hb-app="sal"]) :is(.hero-copy p,.hero p,.hero-stats span,.rail .brand span){color:#cbd8c3}
:is([data-hb-app="referral"],[data-hb-app="sal"]) :is(.hero-copy em,.hero h1 em,.hero small,.brand-panel .eyebrow){color:#c5d7ac}
:is([data-hb-app="referral"],[data-hb-app="sal"]) :is(.hero-stats>div,.rail .stats>div){background:#d5e2c710;border-color:#a6be8b40}
:is([data-hb-app="referral"],[data-hb-app="sal"]) :is(.form-card,.panel,.session-toolbar){border-color:var(--hb-line);box-shadow:none;border-radius:22px}
[data-hb-app="generator"] body{background:var(--hb-paper)}
[data-hb-app="generator"] body:before{background:none}
[data-hb-app="generator"] .intro{background:var(--hb-forest);border-radius:24px;padding:32px;color:#fff}
[data-hb-app="generator"] .intro h1{font-size:clamp(35px,4.6vw,58px);font-weight:600;line-height:1.05}
[data-hb-app="generator"] .intro h1 em{color:#c5d7ac}
[data-hb-app="generator"] :is(.intro>p:not(.eyebrow),.step){color:#d0ddc7}
[data-hb-app="generator"] .step b{background:#d5e2c71c;color:#cadbb3}
[data-hb-app="generator"] .eyebrow{color:#a7bd8e}
[data-hb-app="generator"] .panel{box-shadow:none;border:1px solid var(--hb-line)}
[data-hb-app="generator"] :is(.sso-access-gate){background:var(--hb-paper);color:var(--hb-ink)}
[data-hb-app="generator"] .sso-access-card{background:#fff;color:var(--hb-forest);border-color:var(--hb-line);box-shadow:none}
[data-hb-app="generator"] .sso-access-card p{color:var(--hb-muted)}
[data-hb-app="generator"] .accent{background:#90a56f;height:5px}
[data-hb-app="generator"] .cc-back{background:var(--hb-forest);box-shadow:none;border:1px solid #d3deca}
/* Messenger shell. Camera, shared screens, media and call controls keep their native state colours. */
[data-hb-app="messenger"] body{background:var(--hb-paper)}
[data-hb-app="messenger"] .login-shell{background:var(--hb-paper)}
[data-hb-app="messenger"] .login-card{border:1px solid var(--hb-line);box-shadow:none;background:#fff}
[data-hb-app="messenger"] .topbar{background:var(--hb-forest);border-color:#385543;box-shadow:none}
[data-hb-app="messenger"] :is(.topbar-brand span,.profile-summary span){color:#c9d8c0}
[data-hb-app="messenger"] .topbar .quiet-link{color:#d6e1cb}
[data-hb-app="messenger"] :is(.sidebar,.chat-panel){background:#fff;border-color:var(--hb-line)}
[data-hb-app="messenger"] :is(.chat-head,.composer,.sidebar-head){background:#fff;border-color:var(--hb-line)}
[data-hb-app="messenger"] :is(.messages,.empty-chat){background:var(--hb-paper)}
[data-hb-app="messenger"] :is(.conversation.active,.conversation-item.active,.chat-list-item.active){background:var(--hb-olive-soft);border-color:#cbd8bc}
[data-hb-app="messenger"] .message.mine .bubble{background:#e5edd9;color:var(--hb-forest);border-color:#d5e1c7}
[data-hb-app="messenger"] .brand-mark{background:#d76a30;color:#fff;border:0;box-shadow:none}
[data-hb-app="guest"] body{background:var(--hb-paper)}
[data-hb-app="guest"] :is(.tm30-heading,.tm30-card){border-color:var(--hb-line);border-radius:22px;box-shadow:none}
[data-hb-app="guest"] .tm30-heading{background:var(--hb-forest);color:#fff}
[data-hb-app="guest"] .tm30-heading p{color:#d1ddc8}
[data-hb-app="guest"] :is(.tm34-entry-tabs button.active,.tm34-entry-tabs button[aria-selected=true]){background:var(--hb-olive);color:var(--hb-forest);border-color:#cad8b7}
/* On-demand training, including the Messenger overlay. */
[data-hb-theme="wn6"] .tr-app{--tr-ink:var(--hb-ink);--tr-muted:var(--hb-muted);--tr-border:var(--hb-line);--tr-brand:var(--hb-forest);--tr-accent:#a4b987;background:var(--hb-paper);font-family:inherit}
[data-hb-theme="wn6"] .tr-app :is(.tr-overview,.tr-course-card,.tr-lesson,.tr-course-outline,.tr-quiz,.tr-login){border-color:var(--hb-line);border-radius:22px;box-shadow:none}
[data-hb-theme="wn6"] .tr-app .tr-overview{background:var(--hb-forest);color:#fff;border:0;padding:32px}
[data-hb-theme="wn6"] .tr-app .tr-overview :is(h2,.tr-eyebrow,.tr-progress-summary strong){color:#fff}
[data-hb-theme="wn6"] .tr-app .tr-overview p:not(.tr-eyebrow),[data-hb-theme="wn6"] .tr-app .tr-overview .tr-progress-summary strong span{color:#d0dec5}
[data-hb-theme="wn6"] .tr-app .tr-badge{background:var(--hb-olive-soft);color:#586c49}
[data-hb-theme="wn6"] .tr-app .tr-tabs button{border-radius:11px}
[data-hb-theme="wn6"] .tr-app .tr-login{border-top:5px solid #8caa6a}
[data-hb-app="training"] .tr-site-header a{color:var(--hb-forest)}
/* Hype: light working surface, forest navigation, original private agent functionality. */
:root[data-hb-app="hype"]{--bg:var(--hb-paper);--panel:#fff;--panel2:var(--hb-olive-soft);--text:var(--hb-ink);--danger:#b42318;--orange2:#d66d36}
[data-hb-app="hype"] .login-view{background:var(--hb-forest)}
[data-hb-app="hype"] .login-card{background:#fff;color:var(--hb-ink);border-color:var(--hb-line);box-shadow:none}
[data-hb-app="hype"] .login-card :is(p,label){color:var(--hb-muted)}
[data-hb-app="hype"] .login-card input{background:#fbfcf8;color:var(--hb-ink);border-color:#cbd5c2}
[data-hb-app="hype"] .orb{background:#d76a30;color:#fff;box-shadow:none}
[data-hb-app="hype"] .sidebar :is(.brand span,.section-title,.status){color:#bfceb4}
[data-hb-app="hype"] .sidebar :is(.ghost,.conversation){color:#dce5d4;background:transparent}
[data-hb-app="hype"] .sidebar :is(.ghost:hover,.conversation:hover){background:#d3dfbd17}
[data-hb-app="hype"] .sidebar .conversation.active{background:var(--hb-olive);color:var(--hb-forest)}
[data-hb-app="hype"] .main>header{background:#fff;border-color:var(--hb-line)}
[data-hb-app="hype"] :is(.composer,.message-content,.assistant-message,.modal-card){background:#fff;border-color:var(--hb-line);color:var(--hb-ink)}
[data-hb-app="hype"] .composer textarea{background:#fff;color:var(--hb-ink)}
[data-hb-app="hype"] :is(.model-select,.tool-chip,.chip,.pill){background:var(--hb-olive-soft);color:var(--hb-forest);border-color:var(--hb-line)}
[data-hb-app="hype"] :is(pre,code){color:inherit}
@media(min-width:1101px) and (max-width:1320px){[data-hb-app="website"] .desktop-nav{gap:12px}[data-hb-app="website"] .site-header .brand img{width:168px}[data-hb-app="website"] .header-cta{font-size:11px;padding:9px 12px}}
@media(max-width:980px){[data-hb-app="website"] .home-hero-grid{grid-template-columns:1fr;gap:28px}[data-hb-app="website"] .home-hero-aside{max-width:100%}[data-hb-app="generator"] .intro{padding:27px}}
@media(max-width:620px){
 [data-hb-app="website"] :is(.home-hero,.visitor-hero){width:calc(100% - 24px);margin:16px auto 12px;padding:30px 0;border-radius:22px}
 [data-hb-app="website"] :is(.home-hero,.visitor-hero) .content-shell{width:calc(100% - 40px)}
 [data-hb-app="website"] :is(.home-hero h1,.visitor-hero h1){font-size:36px;line-height:1.1;letter-spacing:-.04em;margin:16px 0 19px}
 [data-hb-app="website"] :is(.home-hero-lead,.visitor-hero-lead){font-size:13px;line-height:1.75}
 [data-hb-app="website"] :is(.home-hero-aside,.visitor-hero-aside){padding:23px;border-radius:18px}
 [data-hb-app="website"] :is(.home-hero-aside,.visitor-hero-aside) strong{font-size:23px}
 [data-hb-app="website"] :is(.home-hero-actions,.visitor-hero-actions){display:grid;grid-template-columns:1fr}
 [data-hb-app="website"] :is(.home-hero-actions,.visitor-hero-actions) .button{font-size:12px;justify-content:center;width:100%}
 [data-hb-app="website"] :is(.home-section,.visitor-section){padding:32px 0}
 [data-hb-app="website"] :is(.home-card,.visitor-card,.success-stories-copy){padding:22px}
 [data-hb-app="website"] .header-inner{min-height:70px}
 [data-hb-app="website"] .wn6-hero-mark{width:32px;height:32px;margin-bottom:18px}
 [data-hb-app="generator"] .intro{padding:24px;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){[data-hb-theme="wn6"] *{scroll-behavior:auto!important;transition:none!important}}
/* Hype's review consoles retain high-contrast dark evidence surfaces. */
[data-hb-app="hype"] .sidebar .conv{color:#cbd8c1;background:transparent}
[data-hb-app="hype"] .sidebar :is(.conv.active,.conv:hover){background:var(--hb-olive);color:var(--hb-forest)}
[data-hb-app="hype"] .welcome h2{color:var(--hb-forest)}
[data-hb-app="hype"] :is(.agent-state,.footnote){color:var(--hb-muted)}
[data-hb-app="hype"] .capabilities span{background:var(--hb-olive-soft);color:#5e7250;border-color:var(--hb-line)}
[data-hb-app="hype"] .user .bubble{background:#e4ecd8;color:var(--hb-forest)}
[data-hb-app="hype"] .modal-card{background:var(--hb-forest-deep);color:#eef4e8;--muted:#bbccb1;--text:#eef4e8;--line:#3a5747;--panel2:#294438;border-color:#3a5747}
[data-hb-app="hype"] .approval-command code{color:#ffc18a}
[data-hb-app="hype"] .sidebar .intelligence-nav{background:#d3dfbd17!important;border-color:#80916a!important}
[data-hb-app="hype-setup"] :is(.card){background:#fff;color:var(--hb-ink);border-color:var(--hb-line);box-shadow:none;border-radius:22px}
[data-hb-app="hype-setup"] :is(a,.muted){color:var(--hb-muted)}
[data-hb-app="hype-setup"] button{background:var(--hb-orange);color:#fff;border-radius:11px}
[data-hb-app="hype-setup"] .secondary{background:var(--hb-olive);color:var(--hb-forest)}
[data-hb-app="hype-setup"] .error{color:#b42318}
[data-hb-app="messenger"] .message-list{background:var(--hb-paper)}
[data-hb-app="messenger"] .message-row.own .message-card{background:#e4ecd8;border-color:#d3dfc4;color:var(--hb-forest)}
[data-hb-app="messenger"] .message-row.own :is(.message-meta,.message-meta strong,.message-meta span,.message-footer,.message-footer time){color:#4c6240}
[data-hb-app="messenger"] .conversation-item.active{box-shadow:inset 0 0 0 1px #cbd8bc}
[data-hb-app="command"] .scope-banner strong{color:#e1ecd6}
@media(max-width:760px){[data-hb-app="hype"] .sidebar{max-width:100%;overflow-x:auto;overflow-y:hidden}[data-hb-app="hype"] .sidebar-bottom{flex:none}}
[data-hb-app="recruitment"] :is(.hero-panel,.caretaker-hero){background:var(--hb-forest);color:#fff;box-shadow:none;border-radius:22px}
[data-hb-app="recruitment"] :is(.hero-panel,.caretaker-hero) :is(p,.hero-facts){color:#cad8bf}
[data-hb-app="recruitment"] .hero-panel .eyebrow{color:#c3d4ac}
[data-hb-app="messenger"] :is(.conversation-list,.member-list){align-content:start;grid-auto-rows:max-content}
[data-hb-app="messenger"] .avatar.group{background:var(--hb-forest);color:#dce8ce}
@media(max-width:980px){
 [data-hb-app="website"] .desktop-nav{background:#fff;visibility:hidden;overflow:auto;border-top:1px solid var(--hb-line)}
 [data-hb-app="website"] .desktop-nav.nav-open{visibility:visible}
 [data-hb-app="website"] .desktop-nav a{border-color:var(--hb-line)}
 [data-hb-app="website"] .subnav{box-shadow:none;border-color:var(--hb-line)}
}
/* Other public-page templates use the same banner and applicant-card language. */
[data-hb-theme="wn6"] :is(h1,h2,h3,h4){font-family:inherit}
[data-hb-app="website"] :is(.content-hero,.resource-hero){background:var(--hb-forest);color:#fff;width:min(1360px,calc(100% - 56px));margin:30px auto 22px;border-radius:26px;padding:54px 0}
[data-hb-app="website"] .resource-hero-card{background:var(--hb-olive);color:var(--hb-forest);border:0;border-radius:22px;backdrop-filter:none}
[data-hb-app="website"] .resource-hero-card :is(p,li,span){color:#536746}
[data-hb-app="website"] .resource-cta-section{background:var(--hb-forest);color:#fff}
[data-hb-app="website"] .application-page{background:var(--hb-paper);color:var(--hb-ink)}
[data-hb-app="website"] .application-header{background:#fff;border-color:var(--hb-line)}
[data-hb-app="website"] .application-home-link{color:var(--hb-forest)}
[data-hb-app="website"] .application-intro{background:var(--hb-forest);border-radius:24px;padding:32px;align-self:start;color:#fff}
[data-hb-app="website"] .application-intro h1{color:#fff;font-weight:600;font-size:clamp(35px,4vw,55px);line-height:1.08;letter-spacing:-.04em}
[data-hb-app="website"] .application-intro :is(.eyebrow,.application-assurance strong){color:#d1e0c0}
[data-hb-app="website"] .application-intro :is(p:not(.eyebrow),.application-help a){color:#c9d9bd}
[data-hb-app="website"] .application-help small{color:#bdcfae}
[data-hb-app="website"] .application-card{background:#fff;border:1px solid var(--hb-line);border-radius:24px;box-shadow:none}
[data-hb-app="website"] .application-card :is(input,select,textarea){font-size:14px;min-width:0}
[data-hb-app="website"] .application-card label>span{font-size:12px}
[data-hb-app="website"] .apply-step-heading p{font-size:13px;line-height:1.65}
[data-hb-app="website"] .application-progress{background:var(--hb-olive-soft)}
[data-hb-app="hype"] .composer{box-shadow:0 8px 30px #203c3210}
@media(max-width:620px){[data-hb-app="website"] :is(.content-hero,.resource-hero){width:calc(100% - 24px);margin:16px auto 12px;border-radius:22px;padding:34px 0}[data-hb-app="website"] .application-intro{padding:25px}}

/* WN601: readable desktop dropdown choices before hover.
   The legacy desktop menu background uses !important; match that priority
   without changing visibility, mobile layout, links, or menu behavior. */
@media(min-width:981px){
 html[data-hb-theme="wn6"][data-hb-app="website"] .enhanced-nav .subnav{
  background:#172e26!important;border:1px solid #638452!important;
  box-shadow:0 18px 50px #172e2638!important;
 }
 html[data-hb-theme="wn6"][data-hb-app="website"] .enhanced-nav .subnav a{color:#d7f7a4}
 html[data-hb-theme="wn6"][data-hb-app="website"] .enhanced-nav .subnav strong{color:#d7f7a4;font-size:13px;font-weight:650}
 html[data-hb-theme="wn6"][data-hb-app="website"] .enhanced-nav .subnav small{color:#d7e2cf;font-size:11px;line-height:1.5}
 html[data-hb-theme="wn6"][data-hb-app="website"] .enhanced-nav .subnav a:is(:hover,:focus-visible){background:#2d4d3b}
 html[data-hb-theme="wn6"][data-hb-app="website"] .enhanced-nav .subnav a:is(:hover,:focus-visible) strong{color:#efffd7}
 html[data-hb-theme="wn6"][data-hb-app="website"] .enhanced-nav .subnav a:is(:hover,:focus-visible) small{color:#eff4e9}
 html[data-hb-theme="wn6"][data-hb-app="website"] .enhanced-nav .subnav a:focus-visible{outline:2px solid #d7f7a4;outline-offset:-2px}
}
