/* Readable FPOA portal: Times New Roman, 12–16 pt, calm contrast. */
:root,:root[data-theme=light]{color-scheme:light;--bg:#f1efe9;--surface:#faf9f5;--surface2:#eae8e0;--surface3:#e0e2d9;--text:#303b37;--muted:#505d56;--muted2:#5b655e;--blue:#385f51;--violet:#5e5d75;--mint:#355f53;--amber:#775926;--danger:#8e3640;--line:#b8bdb4;--line2:#d4d6cd;--shadow:0 10px 28px #283b3010;--sans:'Times New Roman',Times,serif;--mono:'Times New Roman',Times,serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#252d2a;--surface:#303a35;--surface2:#37423c;--surface3:#435048;--text:#e8e7dd;--muted:#d0d3c7;--muted2:#c4cbbd;--blue:#c3d7c7;--violet:#d4cedd;--mint:#c1d5c5;--amber:#ead4aa;--danger:#f1bfc3;--line:#718276;--line2:#58675e;--shadow:0 10px 28px #00000010}
html,body{background:var(--bg);font-family:var(--sans);font-size:12pt;line-height:1.6}
body *,body *::before,body *::after{font-family:var(--sans)!important;font-size:12pt!important;letter-spacing:normal!important;text-transform:none!important;text-shadow:none!important;animation:none!important;transition:none!important}
h1,h1 span,.journey-copy h1,.journey-copy h1 span,.login-hero h1,.login-hero h1 span{font-size:16pt!important;line-height:1.4!important;font-weight:700!important;letter-spacing:normal!important}
h2,.panel-head h2,.section-intro h2,.community-invite h2,.login-box h2,.brand-name{font-size:15pt!important;line-height:1.4!important}h3,.quick-card h3,.document-description h3{font-size:13pt!important;line-height:1.5!important}.metric strong{font-size:16pt!important}.brand-symbol{font-size:15pt!important}.brand-symbol span{font-size:12pt!important}
body{background:var(--bg)}.brand-symbol{color:var(--text);background:var(--surface3);box-shadow:none;border-radius:12px;letter-spacing:normal!important}.brand-symbol span{color:var(--text)}.brand-sub{font-size:12pt!important}.brand-name{letter-spacing:normal!important}.brand .brand-sub{max-width:360px}.fpoa-logo{width:145px;height:40px}.btn,.btn.primary,.btn.ghost,.icon-btn{background:var(--surface3);color:var(--text);box-shadow:none;filter:none;border:1px solid transparent;min-height:44px;border-radius:14px}.btn.primary{background:#426353;color:#faf9f3}.btn.primary:hover{background:#354e43;filter:none;box-shadow:none}.btn:hover,.icon-btn:hover{transform:none;background:var(--surface3);box-shadow:none}.btn.primary:hover{background:#354e43}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.btn.small{min-height:44px;padding:10px 14px}.icon-btn{min-width:44px;min-height:44px}.text-button{min-height:44px;padding:7px 0}.topbar .btn,.topbar-right .btn{font-size:12pt!important;min-height:44px}.topbar{background:var(--bg);backdrop-filter:none;border:0;min-height:96px;padding:18px 28px;position:relative}.topbar .brand-name{font-size:15pt!important}.topbar .brand-sub{font-size:12pt!important}.topbar .brand-symbol{width:44px;height:44px}.user-chip{max-width:240px!important}.user-chip>span{white-space:normal!important}.topbar-right{flex-wrap:wrap;justify-content:flex-end}.sidebar{top:0;height:auto;position:relative;overflow:visible;padding:24px 14px;background:transparent}.workspace{grid-template-columns:255px minmax(0,1fr);grid-template-rows:auto 1fr}.sidebar-info{padding-top:25px}.sidebar-info p,.sidebar-info>span{overflow-wrap:anywhere}.nav-button{padding:12px;line-height:1.5;border-radius:15px;min-height:48px}.nav-button[aria-current=page]{background:var(--surface3);color:var(--text);box-shadow:none}.nav-button .count{background:var(--surface2);font-size:12pt!important}.section-label,.eyebrow{color:var(--blue);font-weight:600;line-height:1.6;letter-spacing:normal!important}.main{padding:24px 30px;max-width:1550px}.page-heading h1{font-size:16pt!important}.page-heading>div>p{max-width:800px}.page-heading{align-items:start}.panel,.card,.quick-card{background:var(--surface);box-shadow:var(--shadow);border:0;border-radius:20px}.panel-head{padding:23px 26px 10px;align-items:start;flex-wrap:wrap}.panel-body{padding:22px 26px}.panel::before,.login-box::before{display:none}.journey-hero{min-height:0;background:var(--surface2);padding:32px;border-radius:24px;box-shadow:none;margin-bottom:15px}.journey-copy{width:100%;max-width:760px}.journey-copy h1,.journey-copy h1 span,.journey-copy .eyebrow,.journey-copy p{color:var(--text)!important}.journey-copy h1{margin:12px 0 17px}.journey-copy>p:not(.welcome-note){line-height:1.8!important}.journey-art,.login-constellation,.community-orbs,.orbit-glow,.orbit-sphere,.orbit-spark{display:none!important}.hero-secondary{color:var(--text);background:var(--surface3)}.hero-refresh{position:static;margin-top:18px;color:var(--text);background:var(--surface3)}.journey-copy .actions{margin-top:22px}.metrics{flex-wrap:wrap;padding:8px 0 18px;gap:12px}.metric{flex:1 1 190px;padding:14px 8px;gap:14px;align-items:start;min-width:0}.metric strong{font-weight:700}.metric small{line-height:1.5;margin-top:6px}.metric .icon{color:var(--blue);background:var(--surface2);width:44px;height:44px;padding:11px;flex-shrink:0}.section-intro{margin-bottom:20px}.section-intro h2{margin-bottom:8px}.quick-grid{display:flex;flex-wrap:wrap;gap:18px}.quick-card{flex:1 1 230px;min-height:210px;padding:25px;transform:none!important;box-shadow:var(--shadow)}.quick-card:hover{background:var(--surface2);box-shadow:var(--shadow)}.quick-icon,.quick-card.violet .quick-icon,.quick-card.green .quick-icon{color:var(--blue);background:var(--surface2);margin-bottom:19px}.quick-number{color:var(--muted2);opacity:1}.quick-arrow{bottom:18px;right:18px}.quick-card p{font-size:12pt!important;line-height:1.7;max-width:100%;padding-right:15px}.home-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}.update-list{padding:0 26px 16px}.update-row{padding:22px 0}.update-row p{line-height:1.8;overflow-wrap:anywhere}.update-row h3{font-size:13pt!important}.update-meta{gap:10px;line-height:1.6}.community-invite{background:var(--surface2);box-shadow:none;padding:30px}.community-invite .eyebrow,.community-invite h2,.community-invite p,.community-invite .text-button{color:var(--text)}.community-invite h2{margin:16px 0}.community-invite p{line-height:1.8}.community-invite .btn{margin-top:10px}.pill,.pill.blue,.pill.green,.pill.amber,.pill.violet{background:var(--surface2);color:var(--text);white-space:normal;font-size:12pt!important;padding:5px 10px;line-height:1.5;border-radius:9px}.error-box{background:var(--surface);color:var(--danger);border:1px solid var(--danger);line-height:1.7}.notice{background:var(--surface2);color:var(--text);border:0;line-height:1.8}.empty{padding:35px 25px;line-height:1.8}.empty .icon{color:var(--blue)}.field label,.form-note,.check,.muted,.small,.login-intro{color:var(--muted)}input,textarea,select,.login-box input{font-size:12pt!important;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:none;border-radius:11px;min-height:46px;padding:11px 13px;line-height:1.6}input[readonly]{opacity:1;background:var(--surface2)}input::placeholder,textarea::placeholder{color:var(--muted2);opacity:1}.form-note{line-height:1.7}.check{align-items:start;gap:12px}.check input{width:19px;height:19px;min-height:19px;margin-top:4px;accent-color:#426353}.form-status{line-height:1.7;min-height:24px}.login-page{max-width:1500px;background:var(--bg)}.login-art{min-height:100vh;padding:42px 5vw;overflow:visible;background:transparent}.login-hero{padding:65px 0;max-width:650px}.login-hero h1,.login-hero h1 span{font-size:16pt!important;color:var(--text)!important;background:none!important;-webkit-text-fill-color:var(--text)!important}.login-hero>p{color:var(--muted);max-width:530px}.login-feature{background:var(--surface2);color:var(--text);border-radius:13px;backdrop-filter:none;padding:12px 14px}.login-feature .icon{width:20px;height:20px;color:var(--blue)}.login-bottom{padding-top:25px;flex-wrap:wrap}.org-name{max-width:500px;line-height:1.7}.login-side{padding:35px 4vw 35px 0}.login-box,:root[data-theme=light] .login-box{background:var(--surface);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.login-tabs,:root[data-theme=light] .login-tabs{background:var(--surface2);border-radius:15px;padding:5px;display:flex}.login-tabs button{font-size:12pt!important;white-space:normal;flex:1;padding:12px;line-height:1.4;color:var(--muted)}.login-tabs button[aria-selected=true],:root[data-theme=light] .login-tabs button[aria-selected=true]{background:var(--surface3);color:var(--text);border-radius:11px}.login-security{color:var(--muted);line-height:1.7;gap:10px}.login-security .icon{width:20px;height:20px;flex-shrink:0;margin-top:4px}.login-box h2{font-size:15pt!important}.login-box .btn{min-height:46px}.otp-input{letter-spacing:.2em!important;font-size:14pt!important}.toolbar input,.toolbar select{max-width:420px}.document-item{align-items:start;gap:18px}.document-description h3{font-size:13pt!important}.document-description p{font-size:12pt!important;line-height:1.7}.document-item>.btn{flex-shrink:0}.document-glyph{background:var(--surface2);color:var(--blue)}.document-upload{padding:26px}.case-details,.raffle-deadline{background:var(--surface2);color:var(--text)}.case-details{gap:26px}.case-details small{font-weight:700}.case-notes li{border-color:var(--line)}.case-notes li:before{background:var(--blue)}.raffle-symbol{background:var(--surface2);color:var(--violet);flex-shrink:0}.raffle-head{align-items:start}.result-box{background:var(--surface2);color:var(--text);border:0}.result-box strong{color:var(--blue)}.chat-panel{min-height:650px}.chat-heading{align-items:start;flex-wrap:wrap}.chat-heading small{max-width:none;text-align:left;color:var(--muted)}.messages{height:430px;padding:26px}.message{grid-template-columns:36px minmax(0,1fr);gap:12px}.message-avatar{background:var(--surface2);color:var(--blue);width:34px;height:34px}.message-body,.message.staff .message-body{background:var(--surface2);color:var(--text);padding:13px 16px;line-height:1.7}.message-meta{line-height:1.6}.message-controls{flex-wrap:wrap;gap:15px}.message-controls button{padding:8px 0;min-height:44px;color:var(--blue)}.chat-composer .actions>span{max-width:none;line-height:1.7}.room-button{font-size:12pt!important;white-space:normal;min-height:48px}.room-button[aria-current=true]{background:var(--surface3);color:var(--text)}.room-note{line-height:1.8}.support-message,.support-message.staff{background:var(--surface2);color:var(--text)}.support-message>div{flex-wrap:wrap}.support-message p{line-height:1.8}.ticket-card>div{min-width:0}.ticket-card h3,.ticket-card p{overflow-wrap:anywhere}.ticket-card{flex-wrap:wrap}.account-summary dl{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);line-height:1.7;gap:20px}.account-summary dd{max-width:none}.admin-badge{background:var(--surface2);color:var(--text)}.admin-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.admin-layout form{padding:26px}.admin-layout .quick-grid{padding:20px}.admin-record p{line-height:1.8}.code-block,.diagnostics{background:var(--surface2);color:var(--text);line-height:1.8;padding:15px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.code-block{overflow-wrap:anywhere}.diagnostics:empty{display:none}th,td{font-size:12pt!important;line-height:1.6;padding:15px 18px}.table-scroll table{min-width:700px}.table-scroll tbody tr{background:var(--surface2)}.workspace-footer{color:var(--muted);line-height:1.8;font-size:12pt!important}.workspace-footer span{color:var(--blue);font-size:12pt!important}.dialog-head h2{font-size:15pt!important}dialog{background:var(--surface);color:var(--text);max-width:760px}.dialog-body .prose{color:var(--text);line-height:1.8}.dialog-body h3{font-size:13pt!important}#toast{background:var(--surface3);color:var(--text);border-radius:15px;line-height:1.6;font-size:12pt!important}.prose{line-height:1.8}.brand-sub,.section-label,.eyebrow,.sidebar-info>span,.workspace-footer span{text-transform:none!important}.quick-card>.icon{color:var(--blue)}
@media(max-width:1200px){.workspace{grid-template-columns:235px minmax(0,1fr)}.main{padding:24px}.home-layout,.admin-layout,.support-layout,.account-grid{grid-template-columns:minmax(0,1fr)}.login-art{padding:35px}.login-side{padding:30px 30px 30px 0}.login-box{padding:28px}.topbar{flex-wrap:wrap}.topbar-right{margin-left:auto}.user-chip{display:none}.topbar .brand{flex:1}.metrics{gap:10px}.metric{flex-basis:40%}}
@media(max-width:850px){.workspace{display:block}.sidebar{display:none}.mobile-menu{display:inline-grid}.topbar{min-height:0;padding:18px 20px;gap:14px}.topbar .brand{min-width:0}.brand-name{overflow-wrap:anywhere}.brand-sub{max-width:300px}.topbar-right{width:100%;justify-content:flex-end;gap:12px}.workspace.nav-open .sidebar{display:flex;position:relative;top:auto;left:auto;bottom:auto;height:auto;width:100%;background:var(--surface);border-radius:0;box-shadow:none;z-index:1}.workspace.nav-open .sidebar-info{margin-top:15px}.main{padding:20px}.login-page{display:block;max-width:800px}.login-art{min-height:0;padding:28px}.login-hero{padding:36px 0 25px}.login-bottom{display:flex}.login-side{padding:0 25px 35px}.login-box{padding:30px}.login-features{max-width:none}.page-heading{gap:18px}.page-heading .actions{justify-content:start}.document-item{flex-wrap:wrap}.document-item>.btn{margin-left:66px}.lounge-layout{grid-template-columns:minmax(0,1fr)}.rooms{flex-wrap:wrap;overflow:visible;gap:10px;padding:14px}.room-button{flex:1 1 40%;text-align:center;justify-content:center}.chat-heading small{max-width:none}.chat-composer .actions>span{max-width:none}.support-layout .panel-body{padding:25px}}
@media(max-width:520px){.main{padding:16px}.topbar{padding:17px 16px}.topbar .brand-name{font-size:15pt!important}.topbar .brand-sub{font-size:12pt!important}.brand{gap:10px}.brand-symbol{flex-shrink:0}.mobile-menu{min-width:44px;min-height:44px}.topbar-right .btn,.topbar-right .icon-btn{min-height:44px;min-width:44px}.topbar-right .icon-btn .icon{width:20px;height:20px}.journey-hero{padding:26px 23px;border-radius:20px}.journey-copy h1,.journey-copy h1 span{font-size:16pt!important}.journey-copy>p:not(.welcome-note){max-width:none}.journey-copy .actions{align-items:stretch;gap:12px;flex-direction:column}.journey-copy .btn{width:100%;font-size:12pt!important}.metrics{display:flex;gap:8px;padding-bottom:18px}.metric{flex-basis:100%;padding:10px 6px}.metric small{font-size:12pt!important}.metric .icon{width:44px;height:44px}.next-steps{margin-bottom:25px}.quick-grid{gap:16px}.quick-card{flex-basis:100%;min-height:0;padding:24px}.quick-card p{padding-right:20px;font-size:12pt!important}.quick-icon{margin-bottom:17px}.quick-number{right:23px;top:22px}.quick-arrow{bottom:20px;right:20px}.panel-head{padding:23px 22px 10px}.panel-body{padding:22px}.update-list{padding:0 22px 16px}.community-invite{padding:26px}.page-heading{padding:8px 2px 0}.page-heading h1{font-size:16pt!important}.page-heading>div>p{font-size:12pt!important}.document-upload{padding:23px}.document-collection{padding:0 21px}.document-glyph{width:40px;height:46px}.document-item{gap:14px}.document-description{flex-basis:calc(100% - 60px)}.document-item>.btn{margin-left:54px}.document-description h3{font-size:13pt!important}.document-description p{font-size:12pt!important}.case-card,.raffle-card{padding:24px}.case-top{flex-wrap:wrap;gap:15px}.case-details{gap:20px}.raffle-head{flex-wrap:wrap}.raffle-deadline{line-height:1.7}.login-art{padding:25px 22px}.login-top{align-items:start}.login-top .brand-name{font-size:15pt!important}.login-top .brand-sub{font-size:12pt!important}.login-top .icon-btn{min-width:44px;min-height:44px}.login-top .brand-symbol{width:40px;height:40px}.login-hero{padding:32px 0 23px}.login-hero h1,.login-hero h1 span{font-size:16pt!important;max-width:none}.login-hero>p{font-size:12pt!important;max-width:none}.login-features{gap:12px}.login-feature{width:100%;font-size:12pt!important;padding:12px 15px}.login-side{padding:0 16px 28px}.login-box{padding:26px 22px;border-radius:20px}.login-box h2{font-size:15pt!important}.login-tabs{margin-bottom:26px;flex-wrap:wrap;gap:5px}.login-tabs button{flex-basis:100%;font-size:12pt!important;padding:12px}.login-security{align-items:start}.login-bottom .org-name{font-size:12pt!important}.dialog-head{padding:23px 22px 10px}.dialog-body{padding:22px}.messages{padding:20px;height:440px}.message{grid-template-columns:32px minmax(0,1fr);gap:10px}.message-avatar{width:30px;height:30px}.message-body{font-size:12pt!important}.message-meta strong,.message-meta time{font-size:12pt!important}.chat-composer{padding:20px}.room-button{flex-basis:100%;justify-content:start}.chat-heading{padding:21px}.chat-heading small{font-size:12pt!important}.account-summary{padding:23px}.account-summary dl{display:block}.account-summary dt{margin-top:18px;font-weight:700}.account-summary dd{text-align:left;margin-top:6px}.ticket-card .btn{margin-left:0}.admin-layout form{padding:23px}.admin-record-list{padding:0 22px}.admin-badge{font-size:12pt!important}.workspace-footer{padding:28px 3px 0;font-size:12pt!important;line-height:1.8}}
@media print{html,body{background:#fff!important;color:#111!important;font-size:12pt!important}body *{font-family:'Times New Roman',Times,serif!important;font-size:12pt!important;color:#111!important}h1,h1 span{font-size:16pt!important}h2{font-size:15pt!important}h3{font-size:13pt!important}.panel,.card,.journey-hero,.metric{background:#fff!important;box-shadow:none!important}.topbar,.sidebar,.btn,.actions,.toolbar,.next-steps,.community-invite,.hero-refresh,.chat-composer,#toast,dialog{display:none!important}.main{padding:0!important}.table-scroll{overflow:visible!important}.table-scroll table{min-width:0!important}.document-item{break-inside:avoid}.journey-copy{max-width:none}}
.connection-checks{margin:22px 0;display:flex;flex-direction:column;gap:16px}.connection-check{background:var(--surface2);border-radius:15px;padding:20px;overflow-wrap:anywhere}.connection-check>div{display:flex;justify-content:space-between;gap:14px;align-items:start;flex-wrap:wrap}.connection-check h3{margin:0}.connection-check p{margin:12px 0 0;line-height:1.8}.diagnostic-summary details{margin-top:20px}.diagnostic-summary summary{cursor:pointer;min-height:44px;padding:9px 0}.diagnostic-summary pre{max-width:100%;white-space:pre-wrap}.connection-check .pill{text-transform:capitalize!important}
/* Keep the reading surface free of decorative rules and dashboard boxes. */
.sidebar{border:0}.panel-head,.update-row,.update-row+.update-row,.chat-heading,.chat-composer,.room-note{border:0}.panel::before,.metric::before{display:none}.metric{border:0;background:none;box-shadow:none;border-radius:0}.pill,.pill.blue,.pill.green,.pill.amber,.pill.violet{border:0!important;box-shadow:none}.nav-button{border:0!important}.quick-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:flex-start}.quick-number{display:none}.quick-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;flex-shrink:0}.quick-icon .icon{width:24px;height:24px}.quick-card h3{margin:0 0 9px}.quick-arrow{display:block;position:static;margin-top:15px;color:var(--blue)}.community-invite{border-radius:20px;overflow:hidden}.community-invite>.text-button{display:block;margin-top:15px;text-align:left}.hero-refresh{border:0}.login-feature{display:flex;align-items:center;gap:12px}.login-security{border:0}.diagnostic-summary .connection-check{background:var(--surface2)}
/* Client Command Center: reference-inspired blue/violet surfaces, readable type. */
:root,:root[data-theme=dark]{color-scheme:dark;--bg:#080f1c;--surface:#101d30;--surface2:#14243b;--surface3:#1c3150;--text:#e0e9f5;--muted:#b4c5db;--muted2:#a4b9d2;--blue:#85d3f3;--violet:#c2aaf4;--mint:#a0d7c7;--amber:#e9c99d;--danger:#f0b4b9;--line:#34506b;--line2:#22384e;--shadow:0 15px 40px #00000018}
:root[data-theme=light]{color-scheme:light;--bg:#edf1f5;--surface:#f8fafc;--surface2:#e1e9f1;--surface3:#d2dfed;--text:#233449;--muted:#425971;--muted2:#4b6179;--blue:#285e7b;--violet:#655382;--mint:#2e6657;--amber:#785925;--danger:#8f3b45;--line:#9cb0c6;--line2:#c4d1df;--shadow:0 15px 40px #1c35520b}
html,body{background:var(--bg)}body{background:radial-gradient(ellipse at 85% 5%,#57498b13,transparent 50%),var(--bg)}.brand-symbol{color:var(--blue);border:1px solid var(--blue);background:var(--surface2);border-radius:12px}.brand-symbol span{color:var(--violet)}.topbar{background:var(--bg);border:0}.sidebar{background:transparent}.nav-button[aria-current=page]{color:var(--blue);background:linear-gradient(100deg,#49a5df18,#a78bdc0a);box-shadow:inset 3px 0 var(--blue);border-radius:12px}.nav-button[aria-current=page] .icon{color:var(--blue)}.nav-button:hover{background:var(--surface2)}.journey-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 90% 40%,#4d4c7d33,transparent 55%),linear-gradient(120deg,var(--surface2),var(--surface));padding:34px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.journey-copy{width:67%;position:relative;z-index:2}.journey-copy h1 span{color:var(--blue)!important}.journey-copy h1,.journey-copy h1 span{font-size:16pt!important}.journey-copy>p{max-width:660px}.journey-art{display:block!important;position:absolute;right:1%;top:0;width:31%;height:100%;pointer-events:none}.orbit-caption{position:absolute;left:0;right:0;bottom:28px;text-align:center;color:var(--muted);line-height:1.7}.orbit-caption:before{display:none}.orbit-sphere{display:block!important;position:absolute;left:10%;top:12%;width:80%;aspect-ratio:1;border:0;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);border-radius:0;background:linear-gradient(145deg,#6fbbd870,#6e5d9f60 45%,#101d3000);box-shadow:none;transform:none;animation:none!important}.orbit-sphere:before{content:'';position:absolute;inset:2px;clip-path:inherit;background:var(--surface)}.orbit-sphere:after{content:'LC';position:absolute;inset:28%;display:grid;place-items:center;clip-path:inherit;background:linear-gradient(140deg,#88c8df1c,#ba9ee718);color:var(--blue);font-size:16pt!important}.hero-refresh{background:var(--surface3);color:var(--blue);position:relative;z-index:2}.btn.primary{background:#315d79;color:#eef5fa;box-shadow:none}.btn.primary:hover{background:#396b8c}.btn.hero-secondary,.btn.ghost{background:var(--surface3);color:var(--text)}.panel,.card,.quick-card{background:linear-gradient(140deg,var(--surface2),var(--surface));box-shadow:var(--shadow)}.panel-head{border:0}.metric{border:0;box-shadow:none;background:none}.metric .icon,.quick-icon{background:var(--surface2);color:var(--blue)}.quick-card.violet .quick-icon{color:var(--violet);background:#a18ad11a}.quick-card.green .quick-icon{color:var(--mint);background:#88bda91a}.community-invite{background:linear-gradient(145deg,var(--surface2),#6d5a851a);border-radius:23px}.community-invite .eyebrow{color:var(--violet)}.pill{background:var(--surface3)!important;color:var(--text)}.pill.blue{color:var(--blue)}.pill.violet{color:var(--violet)}.pill.green{color:var(--mint)}.pill.amber{color:var(--amber)}.login-box,:root[data-theme=light] .login-box{background:linear-gradient(140deg,var(--surface2),var(--surface));box-shadow:var(--shadow)}.login-art{background:radial-gradient(ellipse at 65% 40%,#4a689520,transparent 60%)}.login-hero h1 span{color:var(--blue)!important;-webkit-text-fill-color:var(--blue)!important}.login-feature{background:var(--surface2)}.login-tabs,:root[data-theme=light] .login-tabs{background:var(--bg)}.login-tabs button[aria-selected=true],:root[data-theme=light] .login-tabs button[aria-selected=true]{background:var(--surface3);color:var(--text)}.connection-check{background:var(--surface2)}.diagnostic-summary .notice{background:var(--surface2);color:var(--text)}
@media(max-width:1200px){.journey-copy{width:74%}.journey-art{right:-5%;width:29%;opacity:.6}.orbit-caption{display:none}}
@media(max-width:850px){.journey-copy{width:100%}.journey-art{display:none!important}.journey-hero{padding:30px}}
@media(max-width:520px){.journey-hero{padding:25px 23px}.journey-copy h1,.journey-copy h1 span{font-size:16pt!important}.journey-copy .actions{gap:13px}.journey-copy .btn{min-height:46px}}
@media print{html,body{background:#fff!important;color:#111!important}.journey-art{display:none!important}.journey-hero,.panel,.card,.quick-card{background:#fff!important;box-shadow:none!important}.journey-copy{width:100%}.journey-copy h1 span{color:#111!important}}
/* Official supplied FPOA logo: original PNG, no recoloring or cropping. */
.brand-logo{display:block;width:84px;height:56px;object-fit:contain;flex:0 0 auto;background:transparent;padding:0;border:0;border-radius:0}.fpoa-logo,.sidebar-info .fpoa-logo{display:block;width:180px;height:120px;object-fit:contain;background:transparent;padding:0;border:0;border-radius:0}.login-bottom .fpoa-logo{width:150px;height:100px}.portal-insignia{display:block;width:255px;height:170px;object-fit:contain;background:transparent;padding:0;border:0;margin:0 0 25px}.journey-art{display:flex!important;align-items:center;justify-content:center;padding:20px}.hero-logo{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;background:transparent}.brand{align-items:center}.brand-sub{max-width:230px}.boot .portal-insignia{margin:0 auto 20px}.login-top{flex-wrap:wrap}.sidebar-info .fpoa-logo{max-width:100%;height:auto;aspect-ratio:3/2}
@media(max-width:1200px){.journey-art{width:27%;right:1%;opacity:1}.brand-logo{width:78px;height:52px}}
@media(max-width:850px){.journey-art{display:none!important}.brand-logo{width:72px;height:48px}.topbar .brand-sub{max-width:190px}.portal-insignia{width:240px;height:160px}.login-bottom{align-items:center}}
@media(max-width:520px){.brand-logo{width:66px;height:44px}.brand-sub,.topbar .brand-sub{max-width:175px}.login-top .brand{flex:1;min-width:0}.login-top .brand-sub{max-width:190px}.portal-insignia{width:225px;height:150px}.login-bottom .fpoa-logo{width:180px;height:120px}.topbar .brand{gap:9px}.login-hero{padding-top:30px}}
@media print{.brand-logo,.fpoa-logo{object-fit:contain}.journey-art{display:none!important}}
/* Community constellation: layered surfaces and soft light, without grid lines. */
.social-cover{position:relative;display:flex;align-items:center;gap:30px;padding:32px 38px;margin:0 0 28px;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 85% 10%,#7d57c04a,transparent 65%),linear-gradient(120deg,var(--surface2),var(--surface));box-shadow:0 24px 70px #0002}.social-cover:after{content:'';position:absolute;width:180px;height:180px;right:-60px;bottom:-100px;border-radius:50%;background:#54c9df22;filter:blur(20px);pointer-events:none}.social-cover img{width:150px;height:100px;object-fit:contain}.social-cover h2{color:var(--text);margin:9px 0}.social-cover p{color:var(--muted);max-width:680px;margin:0;line-height:1.7}.social-layout{display:flex;align-items:flex-start;gap:24px}.social-sidebar{flex:0 0 225px;padding:24px;position:sticky;top:110px}.social-sidebar h2{margin:0 0 18px}.social-sidebar .room-button{width:100%;display:flex;align-items:center;gap:12px;min-height:48px;margin:5px 0;border:0;border-radius:14px;text-align:left;background:transparent}.social-sidebar .room-button[aria-current=true]{background:var(--surface3);color:var(--blue)}.social-sidebar .room-button .icon{width:22px;height:22px}.social-sidebar .room-note{padding:18px 0;line-height:1.7}.social-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:22px}.social-composer{padding:28px;border-radius:24px}.composer-identity{display:flex;gap:14px;align-items:center;margin-bottom:20px}.composer-identity h2{margin:0}.social-composer label{display:block;margin-bottom:8px}.social-composer input{margin-bottom:16px}.social-composer textarea{min-height:110px;margin-bottom:18px;resize:vertical}.social-composer .actions{justify-content:space-between}.feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:4px}.feed-toolbar h2{margin:0 0 5px}.feed-toolbar small{color:var(--muted)}.feed-toolbar label{display:flex;align-items:center;gap:10px}.feed-toolbar select{width:auto;min-height:44px}.social-feed{display:flex;flex-direction:column;gap:24px;height:auto;overflow:visible}.social-post{padding:28px;border-radius:24px;overflow-wrap:anywhere}.post-author{display:flex;align-items:center;gap:14px;margin-bottom:20px}.post-author>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.post-author time{display:block;flex-basis:100%;color:var(--muted)}.message-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:16px;background:linear-gradient(140deg,#3a617e,#655082);color:#f0f5fa}.social-post.staff{background:radial-gradient(ellipse at 100% 0,#8a68c221,transparent 65%),linear-gradient(140deg,var(--surface2),var(--surface))}.social-post h3{margin:0 0 14px}.social-post .message-body{white-space:pre-wrap;line-height:1.8;color:var(--text)}.social-post .message-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.social-post .message-controls button{min-height:44px;padding:8px 14px;border:0;border-radius:12px;background:var(--surface3);color:var(--muted);text-decoration:none}.social-post .message-controls button[aria-pressed=true]{color:var(--blue);background:#479ac62a}.post-replies{display:flex;flex-direction:column;gap:16px}.post-replies:not(:empty){margin-top:24px}.social-reply{padding:20px;border-radius:18px;background:var(--bg)}.social-reply .post-author{margin-bottom:12px}.reply-composer{padding-top:24px}.reply-composer textarea{margin:10px 0;min-height:100px}.community-guide{flex:0 0 240px;padding:26px;border-radius:24px}.community-guide h2{margin:12px 0}.community-guide p{color:var(--muted);line-height:1.8}.community-guide .btn{margin-top:12px}.social-layout .panel{border:0}.social-layout input,.social-layout textarea,.social-layout select{max-width:100%;background:var(--bg)}
@media(min-width:1600px){.social-main{max-width:900px}}@media(max-width:1350px){.community-guide{display:none}.social-sidebar{flex-basis:200px}}@media(max-width:950px){.social-layout{flex-direction:column}.social-sidebar{position:static;width:100%;flex-basis:auto}.social-sidebar .room-button{width:auto;display:inline-flex;margin-right:8px}.social-sidebar .room-note{padding:10px 0}.social-main{width:100%}.social-sidebar>.btn{display:none}}@media(max-width:520px){.social-cover{padding:24px;gap:15px;flex-direction:column;align-items:flex-start}.social-cover img{width:120px;height:80px}.social-sidebar,.social-composer,.social-post{padding:22px}.social-sidebar .room-button{display:flex;width:100%;margin:3px 0}.feed-toolbar{align-items:flex-start}.social-composer .actions{align-items:stretch;flex-direction:column}.post-author>div{gap:6px}.social-reply{padding:16px}.social-layout{gap:20px}}
@media(prefers-reduced-motion:reduce){.social-layout *{animation:none!important;transition:none!important}}@media print{.social-sidebar,.community-guide,.social-composer,.feed-toolbar,#feedSearch,.message-controls,.reply-composer{display:none!important}.social-layout,.social-main{display:block}.social-post,.social-reply{break-inside:avoid;background:white!important;color:black!important;box-shadow:none!important}.social-cover{box-shadow:none;background:white}}
/* Client Beacon: luminous depth, curved surfaces and purposeful actions. No grid overlay. */
.client-workspace{--blue:#86e5f4;--violet:#c6adff}.client-workspace .main{background:radial-gradient(ellipse at 95% 8%,#7259b51a,transparent 40%),radial-gradient(ellipse at 5% 50%,#1b879a0c,transparent 40%)}.client-workspace .sidebar{background:linear-gradient(180deg,#0b1424,transparent)}.client-workspace .nav-button[aria-current=page]{background:linear-gradient(100deg,#2a809335,#7956ad14);box-shadow:inset 3px 0 #86e5f4,0 8px 22px #0001}.client-workspace .btn.primary{background:linear-gradient(120deg,#28687e,#455a8c);box-shadow:0 8px 25px #1d809b24;color:#fff}.client-workspace .btn.primary:hover{background:linear-gradient(120deg,#337d92,#576ba1);box-shadow:0 9px 30px #24849b38}.client-workspace .btn,.client-workspace .quick-card,.client-workspace .client-pulse button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.client-workspace .btn:hover{transform:translateY(-2px)}.client-workspace .panel{border:0;border-radius:24px;box-shadow:0 20px 45px #0002}.client-beacon{padding:40px;min-height:370px;border-radius:30px;background:radial-gradient(ellipse at 82% 35%,#7d5bb64a,transparent 45%),linear-gradient(125deg,#152f43,#161d35 70%);box-shadow:0 24px 75px #0003}.client-beacon .journey-copy{width:63%;max-width:720px}.client-beacon h1{margin:18px 0}.client-beacon .welcome-note{margin:20px 0 0;color:#d5e4f6}.client-beacon .journey-copy>p{color:#c4d3e6;line-height:1.8}.client-beacon .eyebrow{color:#98e3ed}.beacon-ambient{position:absolute;width:280px;height:280px;border-radius:50%;right:10%;top:5%;background:#29c5d51c;filter:blur(55px);pointer-events:none}.client-beacon .beacon-emblem{width:33%;right:2%;display:flex!important;flex-direction:column;justify-content:center;gap:15px;padding:30px;isolation:isolate}.beacon-emblem .hero-logo{max-height:230px;filter:drop-shadow(0 0 18px #00d9f43d)}.beacon-emblem>span{color:#bed5e8;position:relative;text-align:center}.emblem-halo{position:absolute;z-index:-1;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#1cd7f01c,transparent 65%);box-shadow:0 0 70px #8f65ff17}.beacon-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.beacon-shortcuts button{display:flex;align-items:center;gap:9px;background:#06132255;border:0;border-radius:20px;color:#c7e9ef;padding:10px 14px;min-height:44px}.beacon-shortcuts .icon{width:20px;height:20px}.client-pulse{display:flex;flex-wrap:wrap;gap:14px;margin:25px 0 38px}.client-pulse button{flex:1 1 190px;display:flex;align-items:center;text-align:left;gap:14px;padding:20px;background:linear-gradient(135deg,#142a3d,#142033);border:0;border-radius:20px;color:var(--text);min-width:0}.client-pulse button>span:nth-child(2){display:flex;flex-direction:column;gap:6px;flex:1}.client-pulse strong{color:var(--blue);font-size:16pt!important}.client-pulse button>span>span{font-size:12pt!important;color:var(--muted)}.pulse-icon{display:flex;padding:11px;border-radius:14px;color:var(--blue);background:#54bdd313}.client-pulse button>.icon{width:18px;color:var(--muted)}.client-paths{margin-bottom:32px}.client-paths .quick-grid{gap:18px}.client-paths .quick-card{position:relative;overflow:hidden;min-height:240px;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#3a82952a,transparent 70%),linear-gradient(140deg,#15293c,#111c2f);padding:27px}.client-paths .path-violet{background:radial-gradient(ellipse at 100% 0,#8c6bd336,transparent 70%),linear-gradient(140deg,#20283e,#151d30)}.client-paths .path-amber{background:radial-gradient(ellipse at 100% 0,#ad845628,transparent 70%),linear-gradient(140deg,#292b37,#151d30)}.client-paths .path-mint{background:radial-gradient(ellipse at 100% 0,#45b69e29,transparent 70%),linear-gradient(140deg,#152f38,#111d30)}.client-paths .quick-icon{background:#70d6ed15;border-radius:16px;width:50px;height:50px}.client-paths .path-violet .quick-icon{color:#c6adff;background:#b595f51a}.client-paths .path-amber .quick-icon{color:#e9c99d;background:#dcb17614}.client-paths .path-mint .quick-icon{color:#a0dfcb;background:#83d9bd14}.client-paths .quick-card h3{margin-top:20px}.client-paths .quick-card p{line-height:1.8;margin:0 0 22px;color:var(--muted)}.path-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--blue)}.path-link .icon{width:20px}.client-today{display:flex;align-items:stretch;gap:24px;margin:30px 0}.next-moments{flex:1.15;min-width:0}.next-moments .panel-head{align-items:center;gap:15px}.next-moments .panel-head>.icon{color:var(--blue)}.next-moments h2,.client-dispatch h2{margin-top:9px}.moment{display:flex;align-items:center;gap:14px;padding:18px;width:100%;margin-bottom:13px;text-align:left;background:var(--bg);border:0;border-radius:17px;color:var(--text)}.moment>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:8px;min-width:0;overflow-wrap:anywhere}.moment small{color:var(--muted)}.moment-symbol{color:var(--blue);padding:10px;background:#6bbdd314;border-radius:12px}.moment.important .moment-symbol{color:var(--amber)}.moment>.icon{width:20px}.client-community{position:relative;flex:.85;padding:32px;background:radial-gradient(ellipse at 100% 0,#9363d840,transparent 70%),linear-gradient(140deg,#202440,#142c3d)}.client-community p{line-height:1.8;max-width:440px;color:#c9d8e9}.client-community h2{margin:16px 0;color:#e6edf7}.community-mark{position:absolute;right:30px;top:30px;color:#b79ae55c}.community-mark .icon{width:50px;height:50px}.client-community .eyebrow{max-width:70%;display:block}.client-dispatch{margin-top:25px}.client-workspace .document-glyph{border:0;border-radius:15px;background:linear-gradient(140deg,#2a687a,#3d4374);color:#e6f9ff}.client-workspace .document-item{padding:23px 0;border:0}.client-workspace .case-card,.client-workspace .raffle-card{background:radial-gradient(ellipse at 100% 0,#7560ad21,transparent 65%),linear-gradient(140deg,var(--surface2),var(--surface))}.client-workspace .case-number{color:var(--blue)}.client-workspace .social-cover{box-shadow:0 22px 65px #0003;background:radial-gradient(ellipse at 85% 10%,#8056ca45,transparent 65%),linear-gradient(120deg,#163245,#202239)}.client-workspace .social-sidebar{position:static}.client-workspace .social-post{box-shadow:0 16px 45px #0002}.client-workspace .social-post .message-body{background:none;padding:0;border:0}.client-workspace .social-reply .message-body{background:none}.client-workspace .social-composer{background:radial-gradient(ellipse at 100% 0,#4b80aa1f,transparent 60%),linear-gradient(140deg,var(--surface2),var(--surface))}
@media(hover:hover){.client-paths .quick-card:hover,.client-pulse button:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0004}.client-paths .quick-card:hover .path-link{color:#c0f5fc}}
:root[data-theme=light] .client-workspace{--blue:#255b76;--violet:#644a8b}:root[data-theme=light] .client-workspace .sidebar{background:none}:root[data-theme=light] .client-workspace .main{background:none}:root[data-theme=light] .client-pulse button,:root[data-theme=light] .client-paths .quick-card{background:linear-gradient(135deg,#e1ebf2,#f6f8fc)}:root[data-theme=light] .client-beacon,:root[data-theme=light] .client-community,:root[data-theme=light] .client-workspace .social-cover{color:#e0e9f5}:root[data-theme=light] .client-beacon h1{color:#e0e9f5}:root[data-theme=light] .client-beacon h1 span{color:#97e5ed!important}:root[data-theme=light] .client-beacon .hero-secondary{background:#31435b;color:#e0e9f5}
@media(max-width:1100px){.client-beacon .journey-copy{width:70%}.client-beacon .beacon-emblem{width:28%;padding:15px}.beacon-emblem>span{display:none}.client-today{flex-direction:column}.client-pulse button{flex-basis:40%}}@media(max-width:700px){.client-beacon{min-height:0;padding:28px}.client-beacon .journey-copy{width:100%}.client-beacon .beacon-emblem{display:none!important}.client-beacon .actions{flex-direction:column;align-items:stretch}.client-pulse{gap:12px;margin:20px 0 30px}.client-pulse button{flex-basis:100%;padding:18px}.client-paths .quick-card{min-height:220px;padding:25px}.client-community{padding:27px}.client-today{gap:20px}}@media(prefers-reduced-motion:reduce){.client-workspace *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.client-workspace .btn:hover,.client-paths .quick-card:hover,.client-pulse button:hover{transform:none}}@media print{.beacon-ambient,.emblem-halo,.beacon-emblem,.client-pulse,.client-paths,.client-community,.beacon-shortcuts{display:none!important}.client-today{display:block}.client-beacon,.client-dispatch,.next-moments{background:white!important;box-shadow:none!important}.client-beacon .journey-copy{width:100%}.client-workspace .main{background:white!important}}
/* Client Nova: luminous depth and purposeful interaction, no decorative grid. */
.client-workspace .client-beacon{background:radial-gradient(ellipse at 84% 25%,#7955bd60,transparent 48%),radial-gradient(ellipse at 3% 100%,#137c9850,transparent 55%),linear-gradient(120deg,#10273c,#151b36);box-shadow:0 30px 80px #0003;min-height:340px;border:0;border-radius:32px}.client-beacon .beacon-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 66% 72%,#7de5ff12 0,transparent 28%)}.client-beacon .beacon-emblem{display:flex!important;flex-direction:column;justify-content:center;gap:20px;isolation:isolate}.beacon-emblem .emblem-halo{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#37bbd526,#7763bd12 55%,transparent 70%);filter:blur(8px);z-index:-1}.beacon-emblem .hero-logo{filter:drop-shadow(0 0 22px #4dd7e52b)}.client-beacon .hero-refresh{position:absolute;right:20px;top:18px}.client-workspace .btn.primary{background:linear-gradient(120deg,#28667f,#4d5485);color:#f4f9ff;box-shadow:0 8px 24px #0002}.client-workspace .btn.primary:hover{background:linear-gradient(120deg,#347b95,#645d9c)}.client-workspace .quick-card{transition:transform .18s ease,box-shadow .18s ease}.client-workspace .quick-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0003}.client-workspace .quick-card:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.client-workspace .path-cyan{background:radial-gradient(ellipse at 100% 0,#298ebc2b,transparent 75%),var(--surface)}.client-workspace .path-violet{background:radial-gradient(ellipse at 100% 0,#9272c62b,transparent 75%),var(--surface)}.client-workspace .path-amber{background:radial-gradient(ellipse at 100% 0,#bb93562b,transparent 75%),var(--surface)}.client-workspace .path-mint{background:radial-gradient(ellipse at 100% 0,#47a68e2b,transparent 75%),var(--surface)}.client-workspace .client-community{background:radial-gradient(ellipse at 100% 100%,#7061b14a,transparent 70%),linear-gradient(140deg,#163d4b,var(--surface));position:relative;overflow:hidden}.client-spotlight{display:flex;align-items:center;gap:24px;margin:28px 0;padding:26px 30px;border-radius:24px;background:linear-gradient(110deg,var(--surface2),#64518220);box-shadow:0 12px 40px #0001}.spotlight-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 56px;height:56px;border-radius:18px;background:#6b6a9d29;color:var(--blue)}.spotlight-symbol .icon{width:28px;height:28px}.client-spotlight>div:nth-child(2){flex:1;min-width:0}.client-spotlight h2{margin:8px 0}.client-spotlight p{margin:0;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.client-spotlight>.btn{flex-shrink:0}.update-discovery{padding:26px;margin-bottom:24px;background:var(--surface);border-radius:24px}.update-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.update-filters [aria-pressed=true]{background:var(--surface3);color:var(--blue);box-shadow:0 8px 20px #0002}.update-discovery label{display:block;margin-bottom:10px}.client-workspace .document-upload{background:radial-gradient(ellipse at 100% 0,#5479b325,transparent 65%),var(--surface)}.client-workspace .document-glyph{background:linear-gradient(140deg,#319ab228,#8274bd26);border:0;border-radius:14px}.client-workspace .case-card{background:radial-gradient(ellipse at 100% 0,#7f65ae26,transparent 65%),var(--surface)}.client-workspace .raffle-card{background:radial-gradient(ellipse at 100% 0,#bb935624,transparent 60%),var(--surface)}
:root[data-theme=light] .client-workspace .client-beacon{background:radial-gradient(ellipse at 85% 20%,#cbbce46b,transparent 55%),linear-gradient(120deg,#d7edf3,#eef0fa)}:root[data-theme=light] .client-workspace .client-community{background:linear-gradient(140deg,#d8e9ef,#e7def1)}
@media(max-width:850px){.client-beacon .beacon-emblem{display:none!important}.client-spotlight{flex-wrap:wrap}.client-spotlight>.btn{margin-left:80px}.client-beacon .journey-copy{width:100%}}@media(max-width:520px){.client-workspace .client-beacon{min-height:0;border-radius:24px;padding:30px 24px}.client-spotlight{padding:24px;gap:16px;align-items:flex-start}.spotlight-symbol{flex-basis:44px;height:44px}.client-spotlight>div:nth-child(2){flex-basis:calc(100% - 60px)}.client-spotlight>.btn{margin-left:0;width:100%}.update-discovery{padding:22px}.update-filters{gap:8px}.update-filters .btn{flex:1 1 40%}}
@media(prefers-reduced-motion:reduce){.client-workspace .quick-card{transition:none}.client-workspace .quick-card:hover{transform:none}}@media print{.client-spotlight,.update-discovery{display:none}.client-workspace .client-beacon,.client-workspace .client-community,.client-workspace .quick-card{background:white!important;box-shadow:none!important}}
/* Future Lounge: quieter contrast, one brand mark, organic light instead of grids. */
:root,:root[data-theme=dark]{--bg:#141c24;--surface:#1d2933;--surface2:#24333e;--surface3:#304450;--text:#e3e8e8;--muted:#bdcbd0;--muted2:#afc0c7;--blue:#a0d2d5;--violet:#c5bbd8;--mint:#a5cbbb;--amber:#d6c29e;--danger:#e6b6bd;--line:#52636d;--line2:#344752;--shadow:0 18px 50px #00000015}
:root[data-theme=light]{--bg:#eef0ef;--surface:#fafbf8;--surface2:#e5ece9;--surface3:#d6e1dd;--text:#293d42;--muted:#465e62;--muted2:#50686b;--blue:#2b6269;--violet:#695977;--mint:#376653;--amber:#745b32;--danger:#8c4351;--line:#92aaa7;--line2:#d1deda;--shadow:0 18px 50px #294e420a}
body,.client-workspace .main{background:radial-gradient(ellipse at 95% 5%,#897ca317,transparent 50%),var(--bg)}.client-workspace{--blue:#a0d2d5;--violet:#c5bbd8}.client-workspace .sidebar{background:transparent}.topbar{background:var(--bg)}.panel,.card,.quick-card,.social-cover,.login-box,.social-post.staff{background:linear-gradient(135deg,var(--surface2),var(--surface));box-shadow:var(--shadow);border:0}.client-workspace .client-beacon,.client-workspace .client-community{background:radial-gradient(ellipse at 90% 30%,#9381b02b,transparent 55%),radial-gradient(ellipse at 5% 95%,#65a1a52b,transparent 60%),var(--surface)}.client-workspace .btn.primary,.btn.primary{background:#426b73;color:#f5f8f7;box-shadow:none}.client-workspace .btn.primary:hover,.btn.primary:hover{background:#507f86}.client-workspace .path-cyan,.client-workspace .path-violet,.client-workspace .path-amber,.client-workspace .path-mint{background:linear-gradient(135deg,var(--surface2),var(--surface))}.client-workspace .quick-card:hover{box-shadow:0 14px 40px #0002}.client-workspace .nav-button[aria-current=page]{background:linear-gradient(100deg,#75a7ad25,#9c8ab516);box-shadow:inset 3px 0 var(--blue)}.future-orb,.lounge-orb,.portal-signal{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:180px;aspect-ratio:1;border-radius:48% 52% 62% 38%/40% 50% 50% 60%;background:radial-gradient(ellipse at 30% 20%,#cae4df70,transparent 40%),radial-gradient(ellipse at 65% 75%,#a28cb35c,transparent 60%),linear-gradient(145deg,#6b969847,#3b525f);box-shadow:inset 14px 10px 32px #d3efeb15,inset -18px -12px 35px #081c2626,0 25px 65px #0002;color:var(--text)}.future-orb:after,.lounge-orb:after,.portal-signal:after{content:'';position:absolute;inset:18%;border-radius:45% 55% 35% 65%;background:linear-gradient(135deg,#c7e9e516,#9a87aa1c);filter:blur(6px);z-index:-1}.future-orb span{font-size:14pt!important}.lounge-orb{flex:0 0 90px;width:90px}.portal-signal{width:120px;margin-bottom:30px}.beacon-emblem .emblem-halo{display:none}.client-beacon .beacon-emblem{gap:18px}.login-art{background:radial-gradient(ellipse at 60% 40%,#6b909b14,transparent 60%)}.social-sidebar{position:static}.social-composer input,.social-composer textarea,.social-composer select,.reply-composer textarea{background:var(--bg)}.emoji-picker{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.emoji-picker button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px;border:0;border-radius:12px;background:var(--surface3);font-size:16pt!important;color:var(--text)}.emoji-picker button:hover{background:var(--surface2)}.media-composer{padding:20px 0}.media-composer label{margin-top:16px}.media-composer input[type=file]{padding:12px}.media-composer select{margin-bottom:12px}.media-open{margin-top:20px}.community-media{display:block;width:100%;max-height:60vh;object-fit:contain;border-radius:16px;background:var(--bg)}.story-rail{padding:24px;background:linear-gradient(135deg,var(--surface2),var(--surface));border-radius:24px}.stories-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.stories-heading h2{margin:0}.stories-heading>span{color:var(--muted)}.story-scroll{display:flex;gap:14px;overflow-x:auto;padding:18px 0 2px}.story-tile{display:flex;flex-direction:column;gap:10px;align-items:flex-start;flex:0 0 170px;min-height:190px;border:0;border-radius:20px;padding:20px;text-align:left;background:linear-gradient(145deg,#73999a22,#9483a62b);color:var(--text);overflow-wrap:anywhere}.story-tile>span:not(.story-avatar),.story-tile small{color:var(--muted)}.story-avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;background:var(--surface3);color:var(--blue)}.social-post .message-body{background:transparent;padding:0}.social-post .message-avatar{border:0;background:var(--surface3);color:var(--blue)}.social-post .message-controls button{color:var(--text)}
:root[data-theme=light] .client-workspace{--blue:#2b6269;--violet:#695977}:root[data-theme=light] .client-workspace .client-beacon,:root[data-theme=light] .client-workspace .client-community{background:radial-gradient(ellipse at 90% 25%,#c6b9d137,transparent 60%),var(--surface2)}:root[data-theme=light] .client-pulse button,:root[data-theme=light] .client-paths .quick-card{background:var(--surface)}
@media(max-width:700px){.future-orb{width:140px}.social-cover{gap:20px}.lounge-orb{width:70px;flex-basis:70px}.story-rail{padding:22px}.stories-heading{align-items:flex-start}.story-tile{flex-basis:155px}.media-composer{padding:10px 0}.emoji-picker{gap:6px}.emoji-picker button{flex:0 0 44px}}
@media print{.future-orb,.lounge-orb,.portal-signal,.story-rail,.emoji-picker,.media-composer,.media-open{display:none!important}body,.client-workspace .main,.client-workspace .client-beacon,.client-workspace .client-community{background:white!important}}
/* Digital Ecosystem: reference-inspired cyan circuits around calm reading surfaces. */
:root,:root[data-theme=dark]{--bg:#071522;--surface:#102635;--surface2:#142f40;--surface3:#1b4052;--text:#e0eef0;--muted:#b3cbd3;--muted2:#a8c3ce;--blue:#79dce5;--violet:#bcb5e1;--mint:#9dd7c5;--line:#376170;--shadow:0 16px 48px #0003}.client-workspace{--blue:#79dce5;--violet:#bcb5e1}body,.client-workspace .main{background:var(--bg)}.workspace{background-image:url('/assets/digital-network.svg');background-size:cover;background-attachment:fixed}.client-workspace .main{background:transparent}.topbar{background:#081a29f5;backdrop-filter:blur(15px)}.sidebar{background:#081a29b3!important}.client-workspace .client-beacon,.social-cover{background:radial-gradient(ellipse at 85% 10%,#36bec52b,transparent 65%),linear-gradient(120deg,#102b3b,#0c2132);box-shadow:0 25px 70px #0003;border-radius:24px}.client-beacon .eyebrow,.social-cover .eyebrow{color:var(--blue)}.client-workspace .btn.primary,.btn.primary{background:#216d7d;color:#f0fbfc}.client-workspace .btn.primary:hover,.btn.primary:hover{background:#2a8191}.panel,.card,.quick-card,.social-post.staff,.social-composer{background:linear-gradient(140deg,#132f40,#102635);box-shadow:var(--shadow)}.future-orb,.lounge-orb{background:radial-gradient(ellipse at 28% 20%,#8bf3ec8c,transparent 45%),radial-gradient(ellipse at 75% 80%,#578aa46b,transparent 65%),#164959;box-shadow:inset 12px 10px 34px #a6ffff20,0 0 70px #28c7cb19}.social-cover{padding:28px 32px;margin-bottom:22px}.social-layout{gap:20px}.social-main{max-width:760px;margin:0 auto;gap:18px}.social-sidebar{flex-basis:200px;padding:22px}.social-composer{padding:24px}.social-composer .composer-identity{margin-bottom:14px}.social-composer #chatText{min-height:90px}.social-post{padding:24px;border-radius:20px}.social-post .post-author{margin-bottom:16px}.social-post .message-controls{gap:8px;justify-content:flex-start}.social-post .message-controls button{background:transparent;color:var(--muted);padding:10px 14px;flex:1}.social-post .message-controls button:hover{background:var(--surface3)}.social-post .message-controls button[aria-pressed=true]{color:var(--blue);background:#349ab31c}.community-guide{flex-basis:220px}.story-rail{background:#102635;padding:22px}.story-tile{flex-basis:146px;min-height:210px;background:radial-gradient(ellipse at 30% 0,#48b3c64b,transparent 80%),linear-gradient(150deg,#21475a,#152f43);justify-content:flex-end;position:relative;overflow:hidden}.story-avatar{position:absolute;top:16px;left:16px;background:#173e50;box-shadow:0 0 18px #49d3dd20}.story-tile small{color:#b9d5dd}.post-media-slot{margin:20px -24px 0;min-height:100px;background:#081d2a;display:flex;align-items:center;justify-content:center;overflow:hidden}.post-media-slot img{display:block;width:100%;max-height:560px;object-fit:contain}.post-media-slot .btn{margin:24px}.social-post .media-open{width:100%;justify-content:center;min-height:100px;margin:0}.social-reply .post-media-slot{margin:16px 0 0}.media-composer{padding:12px 0}.community-guide h2{color:var(--blue)}.client-dispatch .update-row{padding-top:20px;padding-bottom:20px}
:root[data-theme=light] .workspace{background-image:none}:root[data-theme=light] .sidebar,:root[data-theme=light] .topbar{background:var(--bg)!important}:root[data-theme=light] .panel,:root[data-theme=light] .social-composer,:root[data-theme=light] .social-post.staff,:root[data-theme=light] .story-rail{background:var(--surface)}:root[data-theme=light] .social-cover{background:var(--surface2)}:root[data-theme=light] .story-tile{background:linear-gradient(145deg,#c6dfe1,#d9d6e6)}:root[data-theme=light] .story-tile small{color:var(--muted)}
@media(max-width:1350px){.social-main{max-width:none}.community-guide{display:none}}@media(max-width:950px){.social-main{margin:0;width:100%}.social-sidebar{width:100%;flex-basis:auto}.social-sidebar .room-note{display:none}.social-sidebar{padding:16px}.social-cover{padding:24px}}@media(max-width:520px){.social-post{padding:22px}.post-media-slot{margin-left:-22px;margin-right:-22px}.story-tile{flex-basis:140px}.social-composer{padding:22px}.social-cover{flex-direction:row;align-items:center}.lounge-orb{width:52px;flex-basis:52px}.social-cover h2{margin-top:8px}.social-cover p{display:none}.social-sidebar .room-button{display:inline-flex;width:auto;min-width:45%;padding:10px}}
@media print{.workspace{background:none!important}.post-media-slot{display:none!important}}
/* Ecosystem Edition: a digital workspace with a readable center, never a background grid. */
.workspace{background-image:radial-gradient(ellipse at 100% 0,#00bbc32b,transparent 45%),url('/assets/digital-network.svg');background-size:auto,100% 100%;background-attachment:fixed}.client-workspace .main{position:relative}.client-workspace .client-beacon{background:radial-gradient(ellipse at 90% 45%,#12bec630,transparent 55%),linear-gradient(110deg,#0b283c,#081c2b);box-shadow:0 20px 65px #0003,inset 0 1px #6ddce425}.future-orb{border-radius:50%;background:radial-gradient(circle,#40e2df16 0 40%,#0b364c 41% 48%,#57d9df55 49% 50%,#072235 51% 60%,#36a7b247 61% 62%,transparent 63%);box-shadow:0 0 70px #25c7d625;aspect-ratio:1;min-width:190px}.future-orb:after{inset:8%;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 20%,#63d8e42b 20% 23%,transparent 23% 65%,#63d8e42b 65% 69%,transparent 69%);filter:none}.future-orb span{color:var(--blue)}.next-step-panel{margin:24px 0;padding:28px 32px;position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 100% 10%,#238c9b2e,transparent 60%),var(--surface);box-shadow:var(--shadow)}.next-step-panel h2{margin:10px 0}.next-step-panel p{color:var(--muted);line-height:1.8;max-width:850px}.next-step-panel:after{content:'';position:absolute;right:-30px;top:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,transparent 50%,#58cdd318 51% 52%,transparent 53% 62%,#58cdd315 63% 64%,transparent 65%);pointer-events:none}.journey-columns{display:flex;gap:24px;align-items:flex-start}.journey-columns>section,.journey-columns>.panel,.journey-columns>.stack{flex:1;min-width:0}.journey-columns>aside{flex:0 0 280px}.journey-timeline{list-style:none;padding:0;margin:25px 0;display:flex;flex-direction:column;gap:28px}.journey-timeline>li{display:flex;gap:20px;align-items:flex-start}.timeline-node{display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:44px;background:var(--surface3);color:var(--blue);border-radius:50%;box-shadow:0 0 25px #52ced018}.journey-timeline .complete .timeline-node{background:#28544f;color:#bcf3d9}.journey-timeline p{white-space:pre-wrap;line-height:1.8;color:var(--muted)}.workspace-link{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;width:100%;padding:16px;margin:10px 0;border:0;border-radius:12px;background:var(--surface2);color:var(--text)}.resource-cards{display:flex;flex-wrap:wrap;gap:24px}.resource-cards>.panel{flex:1 1 340px;min-width:0}.resource-cards p{overflow-wrap:anywhere;white-space:pre-wrap}.attach-request{margin-top:22px}.sidebar{overflow-y:auto;max-height:calc(100vh - 95px);scrollbar-width:thin}.client-workspace .panel-body form,.journey-columns form{max-width:100%}html[data-reading='14'] body :is(p,span,label,input,textarea,select,button,small,a,time,li,dt,dd){font-size:14pt!important}html[data-reading='16'] body :is(p,span,label,input,textarea,select,button,small,a,time,li,dt,dd){font-size:16pt!important}html[data-reading='14'] .nav-button,html[data-reading='16'] .nav-button{line-height:1.6;min-height:52px}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=reduced] .workspace{background-attachment:scroll}html[data-motion=reduced] .future-orb{box-shadow:none}
@media(max-width:1050px){.journey-columns{flex-direction:column}.journey-columns>aside,.journey-columns>.panel,.journey-columns>.stack,.journey-columns>section{width:100%;flex-basis:auto}.sidebar{max-height:calc(100vh - 90px)}}@media(max-width:700px){.next-step-panel{padding:25px 22px}.journey-timeline>li{gap:14px}.resource-cards>.panel{flex-basis:100%}.journey-columns{gap:20px}.sidebar{max-height:calc(100dvh - 80px)}}@media print{.workspace{background:white!important}.sidebar{display:none!important}.next-step-panel:after{display:none}.journey-columns{display:block}.journey-timeline>li{break-inside:avoid}.next-step-panel{background:white!important;box-shadow:none}}
/* Digital instrument surfaces: angled corners, cyan edge light, circuit depth. */
.workspace{background-size:auto,1400px 900px;background-repeat:no-repeat,repeat-y}.client-workspace .client-beacon{border-radius:4px 28px 4px 28px;box-shadow:inset 0 2px #68e3ec65,inset 2px 0 #68e3ec22,0 25px 70px #0004}.client-workspace .panel,.client-workspace .quick-card,.next-step-panel{border-radius:4px 22px 4px 22px;box-shadow:inset 0 1px #68d6de2a,0 16px 45px #0003}.client-workspace .quick-card:hover{box-shadow:inset 0 2px #8aecf28c,0 0 28px #26bed91a;transform:translateY(-3px)}.client-workspace .nav-button[aria-current=page]{border-radius:3px 14px 3px 14px;box-shadow:inset 3px 0 #79e1e7,0 0 22px #22a3c20d}.future-orb{width:240px;min-width:0;border-radius:50%;position:relative;background:radial-gradient(circle,transparent 0 34%,#74edf344 35% 36%,transparent 37% 45%,#53d8e58c 46% 47%,#15394c 48% 51%,#51bed850 52% 53%,transparent 54% 62%,#5fdae34a 63% 64%,transparent 65%);box-shadow:0 0 80px #2cbdd12b,inset 0 0 45px #38cce111}.future-orb:before{content:'';position:absolute;inset:4%;border-radius:50%;background:conic-gradient(from 35deg,transparent 0 12%,#88eaf355 12% 15%,transparent 15% 30%,#88eaf355 30% 43%,transparent 43% 67%,#88eaf355 67% 71%,transparent 71%);mask:radial-gradient(circle,transparent 62%,#000 63% 65%,transparent 66%)}.future-orb span{padding:18px 12px;border-radius:4px 16px;background:#0a2635;color:#9bedf0;box-shadow:0 0 20px #30c4d429}.next-step-panel{background:radial-gradient(ellipse at 95% 50%,#00b1c020,transparent 65%),linear-gradient(120deg,#123747,#102635)}.client-workspace .quick-icon{border-radius:4px 14px 4px 14px;background:linear-gradient(135deg,#1b5261,#193b50);color:var(--blue);box-shadow:0 0 24px #30b9c415}.client-workspace .eyebrow{letter-spacing:.06em}.client-pulse button{border-radius:4px 18px 4px 18px}.social-cover{border-radius:4px 24px 4px 24px;box-shadow:inset 0 2px #62d9e24a,0 15px 50px #0003}.story-tile{border-radius:5px 22px 5px 22px}.social-post{box-shadow:inset 0 1px #68d6de24,0 16px 45px #0003}.lounge-orb{background:radial-gradient(circle,#36c5d13d 0 35%,#63dfe450 36% 38%,transparent 39% 48%,#56cbdc66 49% 51%,transparent 52%);box-shadow:0 0 40px #28c7cb23;border-radius:50%}
:root[data-theme=light] .client-workspace .client-beacon,:root[data-theme=light] .next-step-panel{background:var(--surface2)}:root[data-theme=light] .client-workspace .quick-card{box-shadow:var(--shadow)}@media(max-width:700px){.workspace{background-size:auto,1000px 800px}.client-workspace .client-beacon{border-radius:4px 24px 4px 24px}}