:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e9edf6;background:#0b1020}*{box-sizing:border-box}body{margin:0}.shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#10172a;border-right:1px solid #253047;padding:27px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:.4px;padding:0 10px 46px}.brandmark{color:#66e0b4;font-size:30px}.muted{font-weight:400;color:#8a95aa}.workspace-label,.eyebrow{color:#7f8aa3;font-size:10px;letter-spacing:1.7px;font-weight:700}.workspace-label{padding:0 12px 12px}nav{display:flex;flex-direction:column;gap:5px}nav a{color:#96a3ba;text-decoration:none;padding:12px 13px;border-radius:9px;display:flex;gap:14px;font-size:13px;align-items:center}nav a.active,nav a:hover{background:#21314a;color:#e8f9ff}nav a.active{border-left:3px solid #65dfb5}.side-bottom{margin-top:auto;border-top:1px solid #283148;padding-top:20px;font-size:12px;color:#d7e0ee}.side-bottom small{display:block;margin:7px 0 0 16px;color:#7d8aa0}.status-dot{width:8px;height:8px;background:#f4b85b;border-radius:50%;display:inline-block;margin-right:7px}main{flex:1;min-width:0}.topbar{height:70px;border-bottom:1px solid #253047;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.crumb{font-size:12px;color:#aeb8c9}.crumb span{padding:0 9px;color:#637087}.topright{display:flex;align-items:center;gap:20px}.demo-pill{font-size:10px;color:#f2c078;background:#3c3025;border:1px solid #5d4930;padding:7px 11px;border-radius:20px;font-weight:800}.avatar,.person-icon{width:34px;height:34px;border-radius:50%;background:#31506a;display:grid;place-items:center;font-size:11px;font-weight:800}.content{max-width:1450px;margin:auto;padding:36px 38px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.heading h1{font-size:29px;letter-spacing:-.7px;margin:8px 0}.heading p,.panel-head p{color:#8e9bb1;font-size:13px;margin:0}.role-select{display:flex;align-items:center;gap:12px}.role-select label,.field label{font-size:12px;color:#8e9bb1}select{background:#182338;color:#e7edf7;border:1px solid #35445e;border-radius:8px;padding:10px 13px;max-width:100%}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric,.panel{background:#141e31;border:1px solid #28364e;border-radius:12px}.metric{padding:21px 22px}.metric-label{font-size:12px;color:#9caac0}.metric-value{font-size:29px;font-weight:750;margin:14px 0 8px}.metric-foot{font-size:11px;color:#6ee2b6}.columns{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:20px}.panel-head h2{font-size:16px;margin:0 0 7px}.subtle,.integration{color:#8a9ab2;font-size:11px}.chart{height:210px;display:flex;gap:20px}.chart-grid{height:180px;display:flex;flex-direction:column;justify-content:space-between;color:#63738c;font-size:11px}.bars{display:flex;align-items:end;justify-content:space-around;gap:18px;flex:1;border-bottom:1px solid #3b4860;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#27354b 45px);padding:0 8px}.bar-item{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;flex:1;position:relative}.bar{width:min(33px,100%);background:linear-gradient(0deg,#397f91,#65d5b4);border-radius:5px 5px 0 0;min-height:10px}.bar-item span{position:absolute;bottom:-23px;color:#7c8ba3;font-size:11px}.live{color:#72d9b3;font-size:11px}.agent{display:flex;align-items:center;gap:11px;border-bottom:1px solid #28354b;padding:13px 0}.person-icon.purple{background:#55426f}.agent-info{flex:1}.agent-info strong,.agent-info small{display:block;font-size:12px}.agent-info small{color:#8190a7;margin-top:5px}.available,.busy{font-size:10px;padding:6px 8px;border-radius:20px;background:#193e36;color:#6ee0b6}.busy{background:#3e3527;color:#efbd75}.mini-summary,.project-line{display:flex;justify-content:space-between;font-size:12px;margin:22px 0 10px}.mini-summary span,.hint{color:#8393ab}.capacity,.progress{height:6px;background:#29354b;border-radius:9px;overflow:hidden}.capacity div{height:100%;width:0;background:#6de0b5}.hint{display:block;margin-top:12px;font-size:11px}.dialer{margin-bottom:18px}.dialer-body{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.dialer-settings{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:8px}.mode-switch{display:flex;gap:7px;flex-wrap:wrap}button{cursor:pointer;font-family:inherit}.mode-switch button,.table-action{background:#1b2a40;border:1px solid #35435b;color:#aebcd0;border-radius:8px;padding:10px 12px;font-size:12px}.mode-switch button.selected{background:#245a56;border-color:#53c5a5;color:#aaf5d8}.dialer-action{background:#0f192a;border:1px solid #29394f;border-radius:10px;padding:23px;display:flex;flex-direction:column;justify-content:space-between}.dialer-action small,.dialer-action span{color:#8c9cb4;font-size:12px}.dialer-action h3{margin:8px 0;font-size:20px}.call-controls{display:flex;gap:8px;margin-top:25px}.call-controls button{border:0;border-radius:8px;padding:12px 14px;font-size:12px;font-weight:750}.primary{background:#62dab0;color:#09231c}.stop{background:#4a2934;color:#ffc4c4}.call-controls button:disabled{opacity:.4;cursor:not-allowed}.call-feedback{background:#19283c;border:1px solid #34445d;border-radius:7px;padding:12px;margin-top:15px;color:#b8c7d9;font-size:12px}.safeguards{display:flex;gap:17px;flex-wrap:wrap;margin-top:15px;color:#78bfa9;font-size:11px}.bottom-columns{grid-template-columns:1fr 1fr}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#7f8ea6;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:600}td,th{padding:12px 8px;border-bottom:1px solid #2b3850}td strong,td small{display:block;font-size:12px}td small{font-size:11px;color:#8392aa;margin-top:5px}.tag{font-size:10px;color:#b5d3e5;background:#223a4c;border-radius:5px;padding:5px 7px}.table-action{padding:6px 9px}.project{border-bottom:1px solid #2b3850;padding:3px 0 16px;margin-bottom:10px}.project-line{margin:5px 0}.project-line span,.project small{color:#8c9ab1;font-size:11px}.progress{margin-top:14px}.progress div{height:100%;background:#64d5b1;border-radius:8px}.footer-note{font-size:11px;color:#7888a0;text-align:center;padding:16px}@media(max-width:1050px){.sidebar{width:70px;padding:20px 10px}.brand{font-size:0;padding:0 8px 40px}.brandmark{font-size:28px}.workspace-label,nav span,.side-bottom{display:none}nav a{font-size:20px;justify-content:center}.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}}@media(max-width:650px){.topbar{padding:0 15px}.content{padding:22px 15px}.sidebar{width:54px;padding:18px 5px}.heading{align-items:start;flex-direction:column;gap:16px}.metrics{gap:9px}.metric{padding:15px}.metric-value{font-size:24px}.dialer-body{grid-template-columns:1fr}.panel{padding:16px}.integration{display:none}}

/* CDA branding additions */
.brand-logo{width:56px;height:44px;object-fit:contain;object-position:center;border-radius:9px;background:#061426} 
.brand{gap:10px} .brand .muted{font-size:10px;letter-spacing:.08em} 
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px} 
.service-grid article{padding:20px;border:1px solid #273b51;border-radius:14px;background:#102138} 
.service-grid h3{font-size:25px;color:#e9bd5a;margin:10px 0} .service-grid p{font-size:13px;color:#9fb2c8;line-height:1.5} 
@media(max-width:900px){.service-grid{grid-template-columns:1fr}}

/* Visual softphone prototype */
.softphone{gap:18px;justify-content:flex-start;max-width:390px;width:100%;justify-self:end}
.phone-display{display:flex;flex-direction:column;gap:8px}.phone-display label{font-size:11px;color:#8c9cb4}.phone-display input{width:100%;min-width:0;background:#141f33;border:1px solid #35445e;border-radius:8px;color:#e9edf6;font:600 20px inherit;font-family:inherit;font-size:20px;padding:13px 10px;text-align:center;letter-spacing:.5px}.phone-display small{font-size:10px;text-align:center;color:#8c9cb4}
.phone-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.phone-key{min-height:59px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #34455e;border-radius:10px;background:#1b2a40;color:#e9edf6;cursor:default;opacity:1}.phone-key span{font-size:23px;line-height:1.1}.phone-key small{font-size:9px;letter-spacing:1.8px;color:#91a3be}.softphone-controls{display:flex;flex-wrap:wrap;margin-top:0;gap:8px}.softphone-controls button{flex:1;white-space:nowrap}.mute-preview{background:#293a52;color:#d4dfef}.softphone-controls .mute-preview:disabled{opacity:.65}.phone-display input:focus-visible{outline:2px solid #62dab0;outline-offset:2px}
@media(max-width:650px){.softphone{max-width:none;justify-self:stretch}.phone-key{min-height:54px}}

/* Sample sales-agent walkthrough */
.dialer-body{align-items:start}.lead-workspace{border-top:1px solid #2b3b53;margin-top:5px;padding-top:20px}.lead-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.lead-card-heading small{font-size:9px;letter-spacing:1.5px;color:#8d9fb9}.lead-card-heading h3{margin:5px 0 0;font-size:18px}.lead-details{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px;margin:0 0 20px}.lead-details div{min-width:0}.lead-details dt{font-size:11px;color:#8e9bb1;margin-bottom:5px}.lead-details dd{margin:0;font-size:13px;overflow-wrap:anywhere}.lead-workspace textarea,.lead-workspace input{width:100%;min-width:0;font-family:inherit;font-size:13px;background:#101b2d;color:#e7edf7;border:1px solid #35445e;border-radius:8px;padding:11px;color-scheme:dark}.lead-workspace textarea{resize:vertical;line-height:1.6}.lead-workspace textarea::placeholder{color:#7f91ad}.lead-workspace :is(textarea,input,select):focus-visible{outline:2px solid #62dab0;outline-offset:2px}.outcome-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.lead-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.lead-actions span{font-size:11px;color:#91a3be}.lead-actions button{background:#245a56;color:#aaf5d8;border-color:#53c5a5}.lead-actions button:disabled{opacity:.45;cursor:default}.workspace-note{font-size:11px;color:#8c9cb4;line-height:1.5;margin:12px 0 0;min-height:33px}
@media(max-width:1100px){.dialer-body{grid-template-columns:minmax(0,1fr) minmax(255px,.85fr)}}@media(max-width:750px){.dialer-body{grid-template-columns:1fr}.softphone{justify-self:center;max-width:390px}.outcome-fields{grid-template-columns:1fr}}@media(max-width:420px){.lead-details{grid-template-columns:1fr}.softphone{max-width:none}}

/* Distinct role workspaces */
.role-panel{margin-bottom:20px;scroll-margin-top:20px}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.role-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px;border:1px solid #34516a;border-radius:13px;background:linear-gradient(120deg,#183345,#141e31);margin-bottom:24px}.role-banner h2{font-size:24px;letter-spacing:-.5px;margin:9px 0}.role-banner p{color:#a5b5c9;font-size:13px;line-height:1.6;max-width:650px;margin:0}.role-badge{font-size:11px;padding:9px 12px;border:1px solid #47716f;border-radius:20px;color:#aaf5d8;white-space:nowrap;background:#173536}.sample-label{font-size:10px;color:#8a9ab2}.role-list{display:flex;flex-direction:column}.role-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #2b3850}.role-row:last-child{border-bottom:0}.role-row strong{display:block;font-size:13px;font-weight:600}.role-row small{display:block;font-size:11px;line-height:1.6;margin-top:5px;color:#91a3bd}.role-row .tag{flex-shrink:0}.project-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}.delivery-card{border:1px solid #304058;border-radius:10px;background:#101a2b;padding:18px}.delivery-card p,.delivery-card small{color:#91a3bd;font-size:12px}.delivery-card .project-line{align-items:center;gap:10px;font-size:13px}.delivery-card .progress{margin:22px 0 14px}.agent-preview{margin-bottom:20px}.agent-preview summary{cursor:pointer;font-size:15px;font-weight:650}.agent-preview summary span{display:block;color:#91a3bd;font-size:11px;font-weight:400;margin:8px 0 0 17px}.expanded-workspace{margin-top:24px}.expanded-workspace .dialer{background:#101a2b}.role-select{flex-wrap:wrap;justify-content:flex-end;max-width:260px}.role-select small{flex-basis:100%;text-align:right;font-size:10px;color:#7f91ad}.role-manager .role-banner{background:linear-gradient(120deg,#26324c,#141e31)}.role-developer .role-banner{background:linear-gradient(120deg,#302747,#141e31)}.client-progress{display:flex;align-items:center;gap:17px;margin:16px 0 22px}.client-progress strong{font-size:45px;color:#226b70}.client-progress span{font-size:13px;color:#5e7387}.client-copy{font-size:13px;line-height:1.8;color:#5e7387}.client-next{display:flex;flex-direction:column;gap:8px;background:#f1f7fa;border-radius:10px;padding:18px;margin-top:20px}.client-next small{font-size:9px;letter-spacing:1.5px;color:#58788d}.client-next strong{font-size:14px}.client-next span{font-size:12px;color:#5e7387}.milestone-list{list-style:none;padding:0;margin:10px 0}.milestone-list li{border-left:2px solid #d9e5ed;padding:0 0 23px 20px;position:relative}.milestone-list li:before{content:'';position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:#d2dfe7}.milestone-list li.complete:before{background:#2b9585}.milestone-list li.current:before{background:#d5a547;box-shadow:0 0 0 4px #faf0d9}.milestone-list li:last-child{padding-bottom:0;border-color:transparent}.milestone-list strong,.milestone-list span{display:block;font-size:13px}.milestone-list span{font-size:11px;color:#60768b;margin-top:6px;line-height:1.6}.contact-card{display:flex;align-items:center;gap:12px;margin:15px 0}.contact-card strong,.contact-card span{display:block;font-size:13px}.contact-card span{font-size:11px;color:#60768b;margin-top:5px}
@media(max-width:1050px){.role-grid{grid-template-columns:1fr}.brand-logo{max-width:100%;height:36px;flex-shrink:0}.brand .muted{display:none}.brand{padding-left:0;padding-right:0}.role-banner{align-items:start;flex-direction:column}.role-badge{white-space:normal}}@media(max-width:650px){.role-banner{padding:20px}.role-banner h2{font-size:21px}.role-select{justify-content:flex-start}.role-select small{text-align:left}.role-row{align-items:flex-start}.role-row .tag{max-width:90px;white-space:normal}.project-cards{grid-template-columns:1fr}.topright{gap:8px}.demo-pill{font-size:8px}}

/* Client portal uses the shared dark CDA theme. */
.client-progress strong{color:#72d9c2}.client-progress span,.client-copy,.client-next span,.milestone-list span,.contact-card span{color:#9fb1c7}.client-next{background:#101a2b;border:1px solid #304058}.client-next small{color:#91a9c0}.milestone-list li{border-left-color:#34455e}.milestone-list li:before{background:#44566e}.milestone-list li.complete:before{background:#62dab0}.milestone-list li.current:before{background:#e4bc69;box-shadow:0 0 0 4px #423927}

/* Shared color themes: every role uses the same palette tokens. */
:root,[data-theme="dark"]{color-scheme:dark;--page:#0b1020;--surface:#141e31;--sidebar:#10172a;--inset:#101a2b;--raised:#1b2a40;--border:#34445e;--text:#e9edf6;--muted:#a0b0c7;--accent:#72e0bd;--accent-ink:#092a22;--accent-soft:#21483f;--banner:#193847;--tag:#243b50;--tag-ink:#c0def0;--warning-bg:#3c3025;--warning-ink:#f2c078;--danger-bg:#4a2934;--danger-ink:#ffc4c4;--focus:#93edce}
[data-theme="light"]{color-scheme:light;--page:#eef3f8;--surface:#fff;--sidebar:#fff;--inset:#f1f7fa;--raised:#eaf1f7;--border:#c4d3df;--text:#21344b;--muted:#536a80;--accent:#187a70;--accent-ink:#fff;--accent-soft:#e0f0ed;--banner:#dcefeb;--tag:#e5eef6;--tag-ink:#315975;--warning-bg:#fff1d9;--warning-ink:#80540b;--danger-bg:#f8e2e6;--danger-ink:#8a243d;--focus:#126a63}
[data-theme="ocean"]{color-scheme:dark;--page:#061a28;--surface:#0c293c;--sidebar:#082233;--inset:#082233;--raised:#12394e;--border:#2c5870;--text:#e4f6ff;--muted:#9cc3d5;--accent:#73d5fc;--accent-ink:#062c40;--accent-soft:#164c64;--banner:#12455b;--tag:#16445c;--tag-ink:#b9eaff;--warning-bg:#403624;--warning-ink:#f4d18a;--danger-bg:#4a2c3b;--danger-ink:#ffcad9;--focus:#95e7ff}
[data-theme="forest"]{color-scheme:dark;--page:#0c1c17;--surface:#152e25;--sidebar:#10251e;--inset:#10251e;--raised:#203d31;--border:#3b604d;--text:#edf5e9;--muted:#b0c7b4;--accent:#b1dc8c;--accent-ink:#203315;--accent-soft:#344e2e;--banner:#294633;--tag:#2c4938;--tag-ink:#d4e9c6;--warning-bg:#403b25;--warning-ink:#e7d59c;--danger-bg:#4b3030;--danger-ink:#f4c8c2;--focus:#c8efa8}
[data-theme="plum"]{color-scheme:dark;--page:#1b1227;--surface:#2a1d3b;--sidebar:#21172e;--inset:#21172e;--raised:#39264f;--border:#604576;--text:#f5edff;--muted:#c3afd4;--accent:#d3afff;--accent-ink:#301c48;--accent-soft:#4c3263;--banner:#482c59;--tag:#452f59;--tag-ink:#e9d4ff;--warning-bg:#453428;--warning-ink:#f0cf9b;--danger-bg:#532c43;--danger-ink:#ffd0e3;--focus:#e2c6ff}
html,body{background:var(--page);color:var(--text)}.sidebar{background:var(--sidebar);border-color:var(--border)}.topbar{background:var(--page);border-color:var(--border);height:auto;min-height:70px;gap:16px;padding-top:12px;padding-bottom:12px}.metric,.panel{background:var(--surface);border-color:var(--border)}.brand,.heading h1,.panel h2,.panel h3,.role-banner h2{color:var(--text)}.muted,.workspace-label,.eyebrow,.crumb,.heading p,.panel-head p,.metric-label,.field label,.role-select label,.role-select small,.theme-control label,.sample-label,.role-row small,.delivery-card p,.delivery-card small,.client-copy,.client-progress span,.client-next span,.milestone-list span,.contact-card span,.lead-details dt,.lead-actions span,.workspace-note,.hint,.subtle,.integration,.footer-note,.phone-display label,.phone-display small,.softphone-contact small,.softphone-contact span{color:var(--muted)}nav a{color:var(--muted)}nav a.active,nav a:hover{background:var(--accent-soft);color:var(--text)}nav a.active{border-left-color:var(--accent)}.side-bottom{color:var(--text);border-color:var(--border)}.side-bottom small{color:var(--muted)}.status-dot{background:var(--accent)}.metric-foot,.live{color:var(--accent)}select,.lead-workspace textarea,.lead-workspace input,.phone-display input{background:var(--inset);color:var(--text);border-color:var(--border);color-scheme:inherit}.lead-workspace textarea::placeholder{color:var(--muted)}.dialer-action,.delivery-card,.expanded-workspace .dialer,.client-next{background:var(--inset);border-color:var(--border)}.role-banner,.role-manager .role-banner,.role-developer .role-banner{background:linear-gradient(120deg,var(--banner),var(--surface));border-color:var(--border)}.role-banner p{color:var(--muted)}.role-badge{background:var(--accent-soft);color:var(--text);border-color:var(--border)}.role-row,.lead-workspace,.agent,.project,td,th{border-color:var(--border)}th,td small,.project small,.project-line span,.project-line small{color:var(--muted)}.tag{background:var(--tag);color:var(--tag-ink)}.avatar,.person-icon,.person-icon.purple{background:var(--accent-soft);color:var(--text)}.demo-pill,.busy{background:var(--warning-bg);color:var(--warning-ink);border-color:var(--warning-ink)}.available{background:var(--accent-soft);color:var(--text)}.phone-key,.mode-switch button,.table-action{background:var(--raised);border-color:var(--border);color:var(--text)}.phone-key small{color:var(--muted)}.mode-switch button.selected,.lead-actions button{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.primary{background:var(--accent);color:var(--accent-ink)}.stop{background:var(--danger-bg);color:var(--danger-ink)}.mute-preview{background:var(--raised);color:var(--text)}.call-feedback{background:var(--inset);border-color:var(--border);color:var(--text)}.safeguards{color:var(--muted)}.capacity,.progress{background:var(--raised)}.capacity div,.progress div{background:var(--accent)}.bar{background:linear-gradient(0deg,var(--accent-soft),var(--accent))}.bars{border-color:var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent 44px,var(--border) 45px)}.chart-grid,.bar-item span{color:var(--muted)}.mini-summary span,.mini-summary strong{color:var(--muted)}.client-progress strong{color:var(--accent)}.client-next small{color:var(--muted)}.milestone-list li{border-left-color:var(--border)}.milestone-list li:before{background:var(--border)}.milestone-list li.complete:before{background:var(--accent)}.milestone-list li.current:before{background:var(--warning-ink);box-shadow:0 0 0 4px var(--warning-bg)}.agent-preview summary span{color:var(--muted)}.theme-control{display:flex;align-items:center;gap:8px}.theme-control label{font-size:11px}.theme-control select{font-size:12px;padding:8px 11px;min-height:36px}.topright{flex-wrap:wrap;justify-content:flex-end;gap:14px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.phone-display input:focus-visible,.lead-workspace :is(textarea,input,select):focus-visible{outline-color:var(--focus)}
@media(max-width:650px){.topbar{flex-wrap:wrap;padding:12px 15px}.topbar .crumb{flex-basis:100%}.topright{justify-content:flex-start;width:100%;gap:12px}.theme-control{margin-right:auto}.theme-control select{max-width:145px}}

/* Internal phone is available to every staff role, independently of sales tools. */
.staff-phone{margin-bottom:22px;scroll-margin-top:20px}.staff-phone summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:17px;font-weight:650;list-style:none}.staff-phone summary>span:first-child:before{content:'☎';margin-right:10px;color:var(--accent)}.staff-phone summary small{display:block;margin:7px 0 0 28px;font-size:11px;font-weight:400;color:var(--muted)}.staff-phone summary::-webkit-details-marker{display:none}.staff-phone summary:after{content:'+';font-size:23px;color:var(--accent)}.staff-phone[open] summary:after{content:'−'}.staff-phone-body{display:grid;grid-template-columns:minmax(245px,360px) minmax(0,1fr);gap:32px;margin-top:26px;border-top:1px solid var(--border);padding-top:24px}.staff-phone-console{padding:20px;background:var(--inset);border:1px solid var(--border);border-radius:12px}.staff-phone-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.staff-phone-heading h2{font-size:17px;margin:0}.staff-phone-console label{font-size:12px;color:var(--muted)}.extension-entry{display:flex;gap:8px;margin-top:9px}.extension-entry input{min-width:0;width:100%;font-family:inherit;font-size:25px;letter-spacing:4px;text-align:center;border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--surface);color:var(--text)}.extension-entry input::placeholder{font-size:14px;letter-spacing:0;color:var(--muted)}#staff-phone-help{font-size:11px;color:var(--muted);line-height:1.6;margin:10px 0 16px}.staff-keypad .phone-key{cursor:pointer}.staff-keypad .phone-key:hover{border-color:var(--accent);background:var(--accent-soft)}.staff-phone-console .call-controls{flex-wrap:wrap;margin-top:18px}.staff-phone-console .call-controls button{flex:1;white-space:nowrap;padding:12px 9px}.staff-phone button:disabled{opacity:.45;cursor:default}.staff-phone-console .call-feedback{line-height:1.6;min-height:65px}.staff-directory-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--border)}.staff-person{flex:1;min-width:0}.staff-person strong,.staff-person small{display:block;font-size:13px}.staff-person small{font-size:11px;color:var(--muted);margin-top:5px}.staff-phone-shortcut{font-size:12px;color:var(--accent);text-decoration:none;border:1px solid var(--border);background:var(--accent-soft);border-radius:8px;padding:8px 11px;white-space:nowrap}.staff-phone-shortcut span{font-size:10px;color:var(--muted);margin-left:6px}.staff-phone-shortcut:hover{border-color:var(--accent)}
@media(max-width:900px){.staff-phone-body{grid-template-columns:1fr}.staff-phone-console{max-width:390px;width:100%;justify-self:center}.staff-phone-shortcut span{display:none}}@media(max-width:450px){.staff-phone summary{flex-wrap:wrap}.staff-phone summary>.tag{font-size:10px}.staff-phone-console{padding:15px}.staff-directory-row{gap:8px}.staff-directory-row .person-icon{width:28px;height:28px;flex-shrink:0}.staff-directory-row .table-action{padding:8px}}

/* Personal AUX selector shared by every staff workspace. */
.aux-control{display:flex;align-items:center;gap:7px}.aux-control label{color:var(--muted);font-size:11px;white-space:nowrap}.aux-control select{font-size:12px;min-height:36px;padding:8px 10px;max-width:145px}.aux-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--warning-ink)}.aux-dot[data-available="true"]{background:var(--accent)}.topbar .topright{gap:12px}.topbar .crumb{min-width:120px}.aux-control select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media(max-width:650px){.aux-control{order:0}.theme-control{order:1;margin-right:0}.staff-phone-shortcut{order:2}.topright .demo-pill{order:3}.topright .avatar{order:4}}

/* Account access and approval screens. */
.account-page{min-height:100vh}.account-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;border-bottom:1px solid var(--border);background:var(--sidebar)}.account-brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:22px;font-weight:750}.account-brand img{width:55px;height:44px;object-fit:contain}.account-brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:4px;color:var(--muted)}.account-header-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.account-page a{color:var(--accent)}.account-header-actions a{font-size:12px}.account-main{width:min(100% - 32px,1100px);margin:50px auto}.auth-card{max-width:460px;margin:0 auto;padding:32px}.auth-card h1{font-size:29px;letter-spacing:-.7px;margin:14px 0}.auth-intro{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-form input{width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--border);background:var(--inset);color:var(--text);border-radius:8px;font-family:inherit;font-size:14px}.auth-form .field small,.approval-form .field small{font-size:11px;color:var(--muted);line-height:1.6}.auth-submit,.account-primary-link{padding:13px 16px;border:0;border-radius:8px;font-family:inherit;font-size:13px;font-weight:700}.auth-footer{font-size:12px;color:var(--muted);text-align:center;margin:22px 0 0}.auth-help{font-size:11px;color:var(--muted);line-height:1.7;text-align:center;margin-top:20px}.account-error{padding:13px;background:var(--danger-bg);color:var(--danger-ink);border-radius:8px;font-size:13px;line-height:1.7}.account-success{padding:15px;background:var(--accent-soft);border:1px solid var(--accent);color:var(--text);border-radius:8px;font-size:13px}.account-primary-link{display:inline-block;background:var(--accent);color:var(--accent-ink)!important;text-decoration:none}.account-status-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--accent);background:var(--accent-soft);margin-top:20px}.account-management{max-width:950px;margin:auto}.account-management h1{font-size:30px}.account-policy{background:var(--accent-soft);padding:16px 20px;border-radius:10px;color:var(--text);font-size:13px;line-height:1.7;margin-bottom:24px}.approval-card{margin-bottom:18px}.approval-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.approval-heading h2{font-size:16px;margin:0 0 7px}.approval-heading p{margin:0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.approval-details{display:flex;gap:35px;margin:20px 0}.approval-details dt{font-size:11px;color:var(--muted)}.approval-details dd{margin:5px 0 0;font-size:13px}.approval-form{display:flex;align-items:start;gap:16px;flex-wrap:wrap}.approval-form .field{min-width:180px;flex:1}.approval-buttons{display:flex;gap:10px;flex-basis:100%;margin-top:6px}.approval-buttons button{border:0;padding:12px 16px;border-radius:8px;font-weight:650}.signed-account{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.signed-account>span{font-size:11px;color:var(--muted)}.signed-account>a{color:var(--accent);font-size:11px;text-decoration:none}.signed-account .table-action{font-size:11px;padding:7px 9px}.signed-role{display:flex;flex-direction:column;gap:6px;font-size:12px;text-align:right}.signed-role span{color:var(--muted)}.signed-role strong{font-size:13px}.topbar{flex-wrap:wrap}.topbar .topright{flex:1}.signed-account{flex-basis:100%;justify-content:flex-end}
@media(max-width:650px){.account-header{align-items:flex-start;flex-wrap:wrap;padding:17px}.account-header-actions{gap:12px}.account-main{margin-top:26px}.auth-card{padding:23px}.auth-card h1{font-size:25px}.signed-role{text-align:left}.signed-account{justify-content:flex-start}.approval-form .field{min-width:100%}.approval-heading{align-items:flex-start}.account-header-actions .theme-control select{max-width:130px}}

.password-input-wrap{position:relative;width:100%}
.auth-form .password-input-wrap input{padding-right:48px}
.password-visibility-toggle{position:absolute;top:50%;right:5px;display:grid;place-items:center;width:38px;height:38px;padding:8px;transform:translateY(-50%);border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}
.password-visibility-toggle:hover{background:var(--accent-soft);color:var(--text)}
.password-visibility-toggle svg{display:block;width:20px;height:20px}
.password-visibility-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:1px}

/* Readable call guide beside the softphone. */
.call-guide{background:var(--inset);border:1px solid var(--border);border-radius:10px}.call-guide summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:14px 16px;font-size:14px;font-weight:650;color:var(--text)}.call-guide summary span{font-size:10px;color:var(--accent);font-weight:400}.call-guide-inner{padding:0 16px 17px;display:flex;flex-direction:column;gap:9px}.call-guide-inner>label{font-size:11px;color:var(--muted)}.call-guide-inner select{width:100%;min-width:0}.script-notice{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.script-reading{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:14px;max-height:420px;overflow-y:auto;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);scrollbar-color:var(--border) var(--inset)}.script-reading:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.script-manage-link{font-size:12px;color:var(--accent);margin-top:5px}.script-editor{margin:22px 0}.script-editor h2{font-size:18px;margin:0 0 20px}.script-editor textarea{font-family:inherit;width:100%;padding:15px;border:1px solid var(--border);border-radius:8px;background:var(--inset);color:var(--text);font-size:14px;line-height:1.8;resize:vertical;min-height:200px}.script-editor-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.script-editor-footer .field{flex:1}.script-editor-footer button{min-height:40px;white-space:nowrap}.script-editor summary{display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;font-size:15px}.script-editor[open] summary{margin-bottom:24px}.script-list-heading{font-size:20px;margin-top:34px}@media(max-width:650px){.call-guide summary{flex-wrap:wrap}.script-reading{padding:13px;max-height:340px}.script-editor-footer{flex-direction:column;align-items:stretch}}

/* Client website configurator and upfront-order flow. */
.buy-heading{display:flex;align-items:start;justify-content:space-between;gap:22px;margin-bottom:16px}.buy-heading h1{font-size:34px;line-height:1.2;letter-spacing:-.8px;max-width:720px;margin:13px 0}.buy-heading .auth-intro{max-width:660px}.buy-link{text-decoration:none;display:inline-block;white-space:nowrap}.buy-demo-note{padding:13px 17px;border:1px solid var(--border);border-radius:9px;background:var(--warning-bg);color:var(--warning-ink);font-size:12px;line-height:1.6;margin-bottom:22px}.buy-steps{display:flex;list-style:none;padding:0;gap:10px;margin:22px 0;color:var(--muted);font-size:12px}.buy-steps li{flex:1;padding:12px;border-bottom:2px solid var(--border)}.buy-steps li.current{color:var(--accent);border-color:var(--accent)}.buy-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start}.buy-section{margin-bottom:22px;padding:25px}.buy-section>h2{font-size:19px;margin:0 0 12px}.buy-foundation{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:20px;background:var(--inset);border-radius:9px;border:1px solid var(--border)}.buy-foundation h3{font-size:16px;margin:0 0 8px}.buy-foundation p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.buy-foundation>strong{color:var(--accent);font-size:21px;white-space:nowrap}.buy-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.buy-feature-grid{display:grid;grid-template-columns:1fr;gap:12px}.buy-choice{display:flex;align-items:flex-start;gap:10px;padding:17px;border:1px solid var(--border);border-radius:10px;background:var(--inset);cursor:pointer}.buy-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.buy-choice input{accent-color:var(--accent);width:16px;height:16px;margin:2px 0 0;flex-shrink:0}.buy-choice strong,.buy-choice small,.buy-choice b{display:block}.buy-choice strong{font-size:13px;font-weight:650}.buy-choice small{font-size:11px;color:var(--muted);line-height:1.7;margin-top:7px}.buy-choice b{font-size:12px;color:var(--accent);margin-top:12px}.buy-summary{position:sticky;top:22px;padding:25px}.buy-summary h2{font-size:21px;line-height:1.4;margin:12px 0 22px}.buy-line-items{list-style:none;padding:0;margin:0 0 22px}.buy-line-items li{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--border);font-size:12px;line-height:1.6}.buy-line-items li span{color:var(--muted)}.buy-line-items li strong{white-space:nowrap;font-size:11px}.buy-total{display:flex;flex-direction:column;gap:10px;margin:22px 0;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.buy-total>span{font-size:12px;color:var(--muted)}.buy-total>strong{font-size:36px;letter-spacing:-1px;color:var(--accent)}.buy-total small,.buy-monthly small{font-size:11px;color:var(--muted);line-height:1.7}.buy-monthly{display:flex;flex-direction:column;gap:8px;margin:22px 0;font-size:12px}.buy-monthly>span{color:var(--muted)}.buy-monthly>strong{font-size:17px}.buy-summary>.auth-submit,.buy-summary form>.auth-submit{width:100%;cursor:pointer}.buy-demo-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.7;color:var(--muted);margin:20px 0}.buy-demo-consent input{margin-top:4px;accent-color:var(--accent);flex-shrink:0}.buy-brief{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:var(--muted);line-height:1.8}.buy-section textarea{width:100%;padding:13px;border:1px solid var(--border);border-radius:8px;background:var(--inset);color:var(--text);font:13px/1.7 inherit;font-family:inherit;font-size:13px;resize:vertical}.buy-project-steps{padding-left:22px;color:var(--muted);font-size:13px;line-height:2.3}.buy-project-steps .current{font-weight:700;color:var(--accent)}.buy-inline-form{display:flex;align-items:flex-end;gap:12px;margin:18px 0;padding-top:16px;border-top:1px solid var(--border)}.buy-inline-form .field{flex:1}.buy-order-card{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px;margin-bottom:18px}.buy-order-card h2{font-size:20px;margin:9px 0}.buy-order-card p{color:var(--muted);font-size:12px;line-height:1.7}.buy-order-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.buy-order-meta>strong{font-size:23px;color:var(--accent)}.buy-order-meta>small{color:var(--muted);font-size:11px}.buy-pricing-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 160px;gap:20px;align-items:center;margin-bottom:15px}.buy-pricing-row h2{font-size:16px;margin:0 0 8px}.buy-pricing-row p{font-size:12px;color:var(--muted);line-height:1.6}.buy-pricing-row input[type=number]{width:100%;min-width:0;padding:11px;border:1px solid var(--border);border-radius:8px;background:var(--inset);color:var(--text);font-family:inherit}.buy-active{display:flex;gap:8px;font-size:12px;color:var(--muted)}.portal-empty{text-align:center;padding:25px 10px}.portal-empty>span{font-size:38px;color:var(--accent)}.portal-empty h3{font-size:18px}.portal-empty p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:22px}.role-client .client-welcome{align-items:center}.role-client .client-welcome .account-primary-link{white-space:nowrap;color:var(--accent-ink)}
@media(max-width:900px){.buy-layout{grid-template-columns:1fr}.buy-summary{position:static;grid-row:1}.buy-options{grid-row:2}.buy-heading{flex-direction:column}.buy-pricing-row{grid-template-columns:1fr 130px}.buy-pricing-row .buy-active{grid-column:1/-1}}@media(max-width:550px){.buy-heading h1{font-size:27px}.buy-section,.buy-summary{padding:20px}.buy-page-grid{grid-template-columns:1fr}.buy-steps{flex-direction:column;gap:0}.buy-steps li{padding:9px}.buy-foundation{flex-direction:column}.buy-total>strong{font-size:31px}.buy-order-card{flex-direction:column;align-items:stretch}.buy-order-meta{align-items:flex-start}.buy-pricing-row{grid-template-columns:1fr}.buy-inline-form{flex-direction:column;align-items:stretch}.buy-scope .role-row{flex-wrap:wrap}.role-client .client-welcome{align-items:flex-start}}

/* Private completed-website packages in the existing client layout. */
.delivery-download-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--border)}.delivery-download-row:last-of-type{border-bottom:0}.delivery-download-row>div{min-width:0}.delivery-download-row strong,.delivery-download-row small{display:block;overflow-wrap:anywhere}.delivery-download-row strong{font-size:13px}.delivery-download-row small{font-size:11px;color:var(--muted);margin-top:6px}.delivery-download-row p{font-size:12px;line-height:1.7;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.delivery-download-row a{font-size:12px;white-space:nowrap;flex-shrink:0}.delivery-upload{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.delivery-upload summary{font-size:13px;color:var(--accent);cursor:pointer}.delivery-upload[open] summary{margin-bottom:18px}.delivery-upload textarea{width:100%;padding:12px;border:1px solid var(--border);background:var(--inset);color:var(--text);border-radius:8px;font:13px/1.7 inherit;font-family:inherit;resize:vertical}.delivery-upload input[type=file]{font-size:12px;max-width:100%}.delivery-upload .buy-demo-consent{margin:0}.delivery-upload button{cursor:pointer}
@media(max-width:550px){.delivery-download-row{align-items:flex-start;flex-direction:column}.delivery-download-row a{width:100%;text-align:center}}

/* Focused internal CRM and client request threads. */
.crm-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:22px}.crm-heading h1{font-size:31px;line-height:1.25;letter-spacing:-.7px;margin:12px 0}.crm-heading .auth-intro{max-width:650px}.crm-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.crm-tabs{display:flex;flex-direction:row;gap:8px;margin:0 0 20px;border-bottom:1px solid var(--border);padding-bottom:12px}.crm-tabs a{padding:11px 18px;background:var(--inset);border:1px solid var(--border);border-radius:8px;font-size:13px;text-decoration:none;color:var(--muted)}.crm-tabs a.selected{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.crm-search{display:flex;gap:10px;align-items:center;margin-bottom:20px}.crm-search input{flex:1;min-width:0;min-height:42px;padding:11px 14px;border-radius:8px;border:1px solid var(--border);background:var(--inset);color:var(--text);font-family:inherit}.crm-search a{font-size:12px}.crm-table td{font-size:12px;vertical-align:top;line-height:1.7}.crm-table a{text-decoration:none}.crm-table td:first-child{min-width:200px}.crm-table th{white-space:nowrap}.crm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.crm-wide{grid-column:1/-1}.crm-pinned{margin-bottom:24px}.crm-pinned dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}.crm-pinned dt{font-size:10px;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.crm-pinned dd{font-size:13px;line-height:1.7;overflow-wrap:anywhere;margin:0}.crm-history{margin-top:24px}.crm-history>h2,.role-grid>.panel>h2{font-size:18px;margin:0 0 20px}.account-page textarea{padding:13px;border:1px solid var(--border);border-radius:8px;background:var(--inset);color:var(--text);width:100%;font-family:inherit;font-size:13px;line-height:1.8;resize:vertical}.crm-deal-editor{padding:17px 0;border-bottom:1px solid var(--border)}.crm-deal-editor summary{display:flex;flex-direction:column;gap:8px;cursor:pointer;font-size:13px;color:var(--text)}.crm-deal-editor summary span{font-size:11px;color:var(--accent)}.crm-deal-editor[open] summary{margin-bottom:18px}.crm-activity,.crm-thread-message{padding:20px 0;border-bottom:1px solid var(--border)}.crm-activity:first-of-type,.crm-thread-message:first-child{padding-top:0}.crm-activity>div,.crm-thread-message>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.crm-activity small,.crm-thread-message small{font-size:10px;color:var(--muted)}.crm-activity p,.crm-thread-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.85;color:var(--text)}.crm-thread-message>div>strong{font-size:13px}.crm-thread-message.internal-message{background:var(--inset);border-left:3px solid var(--warning-ink);padding:16px;margin:15px 0}.crm-thread-message+form{margin-top:22px}.crm-request-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--border)}.crm-request-row strong,.crm-request-row small{display:block;font-size:13px}.crm-request-row small{font-size:11px;line-height:1.7;color:var(--muted);margin-top:5px}.crm-request-row a{text-decoration:none}.crm-pipeline{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:13px;overflow-x:auto;padding-bottom:15px}.crm-pipeline-column{padding:15px;background:var(--inset);border:1px solid var(--border);border-radius:10px;min-height:250px}.crm-pipeline-column>h2{font-size:12px;margin:0 0 17px;display:flex;justify-content:space-between;gap:8px}.crm-pipeline-column>h2>span{color:var(--muted)}.crm-deal-card{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:9px;text-decoration:none;margin-bottom:12px}.crm-deal-card strong{font-size:13px;color:var(--text);line-height:1.7}.crm-deal-card span,.crm-deal-card small{font-size:11px;color:var(--muted)}.crm-deal-card b{color:var(--accent);font-size:17px}.crm-call-save{display:flex;flex-direction:column;gap:8px;margin-top:15px}.crm-call-save button{align-self:start}.crm-call-save .workspace-note{min-height:0;margin:0}.crm-call-save button:disabled{opacity:.55;cursor:default}
@media(max-width:900px){.crm-heading{flex-direction:column}.crm-pinned dl{grid-template-columns:1fr 1fr}.crm-pipeline{grid-template-columns:repeat(6,220px)}}@media(max-width:550px){.crm-heading h1{font-size:26px}.crm-form-grid{grid-template-columns:1fr}.crm-wide{grid-column:auto}.crm-pinned dl{grid-template-columns:1fr}.crm-tabs{flex-wrap:wrap}.crm-tabs a{padding:9px 13px}.crm-request-row{align-items:flex-start}.crm-search{flex-wrap:wrap}.crm-search input{flex-basis:100%}.crm-heading-actions{width:100%}}

/* Additional signed-in theme palettes. */
[data-theme="midnight"]{color-scheme:dark;--page:#070f26;--surface:#101f3c;--sidebar:#0b1731;--inset:#0b1731;--raised:#1a3150;--border:#3f5c80;--text:#edf5ff;--muted:#adc4de;--accent:#86c7ff;--accent-ink:#0d2945;--accent-soft:#22496d;--banner:#1e4164;--tag:#234667;--tag-ink:#c3e4ff;--warning-bg:#493b24;--warning-ink:#ffdda0;--danger-bg:#4c2c40;--danger-ink:#ffd2e2;--focus:#abd9ff;}
[data-theme="slate"]{color-scheme:dark;--page:#15191e;--surface:#232a31;--sidebar:#1a2027;--inset:#1a2027;--raised:#303b47;--border:#576779;--text:#f2f6fa;--muted:#b4c0cb;--accent:#b8cee2;--accent-ink:#102333;--accent-soft:#384e63;--banner:#36495b;--tag:#36495b;--tag-ink:#e0ecf6;--warning-bg:#494030;--warning-ink:#f1d59c;--danger-bg:#4e303b;--danger-ink:#ffd2df;--focus:#d6e9fa;}
[data-theme="amber"]{color-scheme:dark;--page:#211709;--surface:#332510;--sidebar:#291e0e;--inset:#291e0e;--raised:#44351c;--border:#715933;--text:#fff4dc;--muted:#cfbb98;--accent:#f2c66a;--accent-ink:#382607;--accent-soft:#5a451e;--banner:#55401d;--tag:#514025;--tag-ink:#f9dfad;--warning-bg:#493817;--warning-ink:#ffe1a0;--danger-bg:#523025;--danger-ink:#ffd5c5;--focus:#ffdda0;}
[data-theme="rose"]{color-scheme:light;--page:#faf1f3;--surface:#fffafb;--sidebar:#fffafb;--inset:#f8ecf0;--raised:#f0dfe6;--border:#cba5b5;--text:#3c2330;--muted:#775463;--accent:#9e315a;--accent-ink:#ffffff;--accent-soft:#f7e0e8;--banner:#f4d4df;--tag:#f2dfe8;--tag-ink:#773451;--warning-bg:#fff0da;--warning-ink:#77500c;--danger-bg:#fbe1e6;--danger-ink:#98233b;--focus:#992c56;}
[data-theme="sand"]{color-scheme:light;--page:#f4f0e7;--surface:#fffdf7;--sidebar:#fffdf7;--inset:#f3eddf;--raised:#ece3d1;--border:#c9baa0;--text:#3d3525;--muted:#6e624b;--accent:#786022;--accent-ink:#ffffff;--accent-soft:#ede2bc;--banner:#e9dcba;--tag:#ece3d1;--tag-ink:#655027;--warning-bg:#f9ebc2;--warning-ink:#76500a;--danger-bg:#f6dfd7;--danger-ink:#8d3426;--focus:#6b5115;}


/* Opt-in multicolor themes. Existing palettes and solid content surfaces stay intact. */
[data-theme="aurora"]{color-scheme:dark;--page:#091727;--surface:#132439;--sidebar:#0b2030;--inset:#0c1b2c;--raised:#20364b;--border:#53718b;--text:#f0f7ff;--muted:#b4cadf;--accent:#91eadd;--accent-ink:#071f2a;--accent-soft:#234957;--banner:#193d52;--tag:#29425f;--tag-ink:#d0e9ff;--warning-bg:#443724;--warning-ink:#ffdc98;--danger-bg:#512c43;--danger-ink:#ffd1e3;--focus:#b6fff0;--theme-page:radial-gradient(ellipse at 0% 0%,#15575c 0,transparent 48%),radial-gradient(ellipse at 100% 55%,#392c70 0,transparent 58%),linear-gradient(145deg,#091727,#102e4b 55%,#201b42);--theme-chrome:linear-gradient(135deg,#103f44,#142d4e 52%,#35234e);--theme-banner:linear-gradient(115deg,#164e52,#213d65 50%,#493169);--theme-accent:linear-gradient(110deg,#91eadd,#91c9ff 52%,#d1b8ff)}
[data-theme="sunset"]{color-scheme:dark;--page:#241526;--surface:#302337;--sidebar:#2a1a2d;--inset:#241b2d;--raised:#493348;--border:#89637f;--text:#fff3f7;--muted:#dec0d1;--accent:#ffbbab;--accent-ink:#35152c;--accent-soft:#563748;--banner:#573148;--tag:#523b58;--tag-ink:#f6d9f8;--warning-bg:#4d3924;--warning-ink:#ffdf9f;--danger-bg:#572c43;--danger-ink:#ffd2e3;--focus:#ffdbbf;--theme-page:radial-gradient(ellipse at 0% 0%,#713943 0,transparent 48%),radial-gradient(ellipse at 100% 55%,#4c2868 0,transparent 58%),linear-gradient(145deg,#2b1829,#49263e 55%,#231b42);--theme-chrome:linear-gradient(135deg,#62353c,#4d2946 52%,#33244f);--theme-banner:linear-gradient(115deg,#733f43,#63324e 50%,#473369);--theme-accent:linear-gradient(110deg,#ffce9e,#ffb2bc 52%,#d8b5ff)}
:is([data-theme="aurora"],[data-theme="sunset"],[data-theme="bubbles"],[data-theme="birds"],[data-theme="fish"],[data-theme="leaves"],[data-theme="bees"]) body{background:var(--theme-page);background-attachment:fixed}
:is([data-theme="aurora"],[data-theme="sunset"],[data-theme="bubbles"],[data-theme="birds"],[data-theme="fish"],[data-theme="leaves"],[data-theme="bees"]) :is(.sidebar,.topbar,.account-header,.public-header,.public-footer){background:var(--theme-chrome)}
:is([data-theme="aurora"],[data-theme="sunset"],[data-theme="bubbles"],[data-theme="birds"],[data-theme="fish"],[data-theme="leaves"],[data-theme="bees"]) :is(.role-banner,.role-manager .role-banner,.role-developer .role-banner,.public-hero,.public-page-hero,.public-final-cta){background:var(--theme-banner)}
:is([data-theme="aurora"],[data-theme="sunset"],[data-theme="bubbles"],[data-theme="birds"],[data-theme="fish"],[data-theme="leaves"],[data-theme="bees"]) :is(.primary,.account-primary,.account-primary-link,.public-button.gold,.progress div,.capacity div,.bar){background:var(--theme-accent);color:var(--accent-ink)}
:is([data-theme="aurora"],[data-theme="sunset"],[data-theme="bubbles"],[data-theme="birds"],[data-theme="fish"],[data-theme="leaves"],[data-theme="bees"]) :is(.public-value-strip,.service-section){background:transparent}
@media(max-width:720px){:is([data-theme="aurora"],[data-theme="sunset"],[data-theme="bubbles"],[data-theme="birds"],[data-theme="fish"],[data-theme="leaves"],[data-theme="bees"]) body{background-attachment:scroll}}

[data-theme="bubbles"]{color-scheme:dark;--page:#102439;--surface:#162d42;--sidebar:#102b3b;--inset:#102437;--raised:#25445c;--border:#577f98;--text:#f0fbff;--muted:#b5d2e1;--accent:#9be9ec;--accent-ink:#092736;--accent-soft:#275264;--banner:#214b62;--tag:#304a68;--tag-ink:#d8efff;--warning-bg:#493c27;--warning-ink:#ffdf9c;--danger-bg:#512e45;--danger-ink:#ffd2e7;--focus:#bcfaff;--theme-page:linear-gradient(135deg,#153e4c,#20365a 50%,#362751);--theme-chrome:linear-gradient(120deg,#164654,#293654 55%,#41315b);--theme-banner:linear-gradient(115deg,#225866,#344c75 50%,#583e72);--theme-accent:linear-gradient(110deg,#a0efe4,#a6d7ff 50%,#e3bfff)}
/* Oversized decoration moves by transform; no animated layout or heavy filters. */
:is([data-theme="aurora"],[data-theme="sunset"],[data-theme="bubbles"],[data-theme="birds"],[data-theme="fish"],[data-theme="leaves"],[data-theme="bees"]) body{position:relative;isolation:isolate;min-height:100vh}
:is([data-theme="aurora"],[data-theme="sunset"],[data-theme="bubbles"],[data-theme="birds"],[data-theme="fish"],[data-theme="leaves"],[data-theme="bees"]) body::before{content:"";position:fixed;inset:-20vh -20vw;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 25%,#39d7bd70,transparent 45%),radial-gradient(ellipse at 80% 65%,#9064ec80,transparent 50%),radial-gradient(ellipse at 55% 85%,#299fe870,transparent 45%);animation:cda-gradient-drift 16s ease-in-out infinite alternate;transform-origin:center}
[data-theme="sunset"] body::before{background:radial-gradient(ellipse at 20% 25%,#ff986470,transparent 45%),radial-gradient(ellipse at 80% 65%,#e754a780,transparent 50%),radial-gradient(ellipse at 55% 85%,#a06bea80,transparent 45%);animation-duration:19s;animation-direction:alternate-reverse}
/* Translucent chrome lets the same moving colors reach public and workspace headers. */
:is([data-theme="aurora"],[data-theme="sunset"],[data-theme="bubbles"],[data-theme="birds"],[data-theme="fish"],[data-theme="leaves"],[data-theme="bees"]) :is(.topbar,.account-header,.public-header){background:linear-gradient(115deg,color-mix(in srgb,var(--sidebar) 88%,transparent),color-mix(in srgb,var(--banner) 85%,transparent))}
[data-theme="bubbles"] body::before,[data-theme="bubbles"] body::after{content:"";position:fixed;inset:-20vh 0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 18%,#7deee61a 0 28px,#a5fff26b 29px,transparent 31px),radial-gradient(circle at 78% 36%,#d0a2ff20 0 52px,#d9b8ff73 53px,transparent 55px),radial-gradient(circle at 33% 68%,#92ccff26 0 40px,#b5e1ff66 41px,transparent 43px),radial-gradient(circle at 90% 88%,#f6aee420 0 24px,#ffd0f073 25px,transparent 27px);animation:cda-bubble-float 18s ease-in-out infinite alternate;opacity:.85}
[data-theme="bubbles"] body::after{background:radial-gradient(circle at 52% 20%,#ffbce520 0 22px,#ffd4ee73 23px,transparent 25px),radial-gradient(circle at 6% 75%,#9bc7ff20 0 50px,#bde1ff73 51px,transparent 53px),radial-gradient(circle at 65% 85%,#a7ffde20 0 33px,#bcfff073 34px,transparent 36px),radial-gradient(circle at 93% 8%,#d2baff20 0 36px,#e2ceff73 37px,transparent 39px);animation-duration:23s;animation-delay:-9s;animation-direction:alternate-reverse}
@keyframes cda-gradient-drift{from{transform:translate3d(-5%,-4%,0) scale(1)}to{transform:translate3d(6%,5%,0) scale(1.13)}}
@keyframes cda-bubble-float{from{transform:translate3d(-2%,12vh,0)}to{transform:translate3d(3%,-15vh,0)}}
@media(prefers-reduced-motion:reduce){:is([data-theme="aurora"],[data-theme="sunset"],[data-theme="bubbles"],[data-theme="birds"],[data-theme="fish"],[data-theme="leaves"],[data-theme="bees"]) body::before,[data-theme="bubbles"] body::after{animation:none;transform:none}}

[data-theme="birds"]{color-scheme:light;--page:#eef3f8;--surface:#fff;--sidebar:#fff;--inset:#f1f7fa;--raised:#eaf1f7;--border:#c4d3df;--text:#21344b;--muted:#273f55;--accent:#10454f;--accent-ink:#fff;--accent-soft:#e0f0ed;--banner:#dcefeb;--tag:#e5eef6;--tag-ink:#315975;--warning-bg:#fff1d9;--warning-ink:#80540b;--danger-bg:#f8e2e6;--danger-ink:#8a243d;--focus:#126a63;--page:#78c8f3;--theme-page:linear-gradient(180deg,#59b6ed 0%,#92d5f5 48%,#d3f1fc 100%);--theme-chrome:linear-gradient(120deg,#f3fbff,#dceffb 55%,#e5f5fc);--theme-banner:linear-gradient(115deg,#e4f5ff,#cdeafa 52%,#edf8ff);--theme-accent:linear-gradient(110deg,#187a70,#206f83)}

[data-theme="fish"]{color-scheme:dark;--page:#061a28;--surface:#0c293c;--sidebar:#082233;--inset:#082233;--raised:#12394e;--border:#2c5870;--text:#e4f6ff;--muted:#9cc3d5;--accent:#73d5fc;--accent-ink:#062c40;--accent-soft:#164c64;--banner:#12455b;--tag:#16445c;--tag-ink:#b9eaff;--warning-bg:#403624;--warning-ink:#f4d18a;--danger-bg:#4a2c3b;--danger-ink:#ffcad9;--focus:#95e7ff;--theme-page:linear-gradient(180deg,#0d465d 0%,#0a3d59 40%,#051b31 100%);--theme-chrome:linear-gradient(120deg,#0b3449,#10354e 55%,#0c253f);--theme-banner:linear-gradient(115deg,#12485d,#103b55 55%,#102e49);--theme-accent:linear-gradient(110deg,#8df4df,#a6d8ff)}

[data-theme="leaves"]{color-scheme:dark;--page:#0c1c17;--surface:#152e25;--sidebar:#10251e;--inset:#10251e;--raised:#203d31;--border:#3b604d;--text:#edf5e9;--muted:#b0c7b4;--accent:#b1dc8c;--accent-ink:#203315;--accent-soft:#344e2e;--banner:#294633;--tag:#2c4938;--tag-ink:#d4e9c6;--warning-bg:#403b25;--warning-ink:#e7d59c;--danger-bg:#4b3030;--danger-ink:#f4c8c2;--focus:#c8efa8;--theme-page:linear-gradient(135deg,#163b30,#34482e 55%,#4b3829);--theme-chrome:linear-gradient(135deg,#163b30,#34482e 55%,#4b3829);--theme-banner:linear-gradient(135deg,#163b30,#34482e 55%,#4b3829);--theme-accent:linear-gradient(110deg,#d5ec9b,#f1c990)}

[data-theme="bees"]{color-scheme:dark;--page:#211709;--surface:#332510;--sidebar:#291e0e;--inset:#291e0e;--raised:#44351c;--border:#715933;--text:#fff4dc;--muted:#cfbb98;--accent:#f2c66a;--accent-ink:#382607;--accent-soft:#5a451e;--banner:#55401d;--tag:#514025;--tag-ink:#f9dfad;--warning-bg:#493817;--warning-ink:#ffe1a0;--danger-bg:#523025;--danger-ink:#ffd5c5;--focus:#ffdda0;;--theme-page:linear-gradient(135deg,#4b3820,#43392b 55%,#3d2c43);--theme-chrome:linear-gradient(135deg,#4b3820,#43392b 55%,#3d2c43);--theme-banner:linear-gradient(135deg,#4b3820,#43392b 55%,#3d2c43);--theme-accent:linear-gradient(110deg,#ffdf87,#efbb9c 55%,#e0b7ee)}

.cda-theme-art{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.cda-creature{position:absolute;left:-130px;top:12%;width:68px;height:68px;opacity:.65;animation:cda-creature-travel 34s linear infinite;pointer-events:none}
.cda-creature svg{width:100%;height:100%;overflow:visible;fill:var(--accent)}
.cda-creature-1{top:28%;width:45px;height:45px;animation-duration:41s;animation-delay:-13s;opacity:.45}
.cda-creature-2{top:48%;width:85px;height:85px;animation-duration:46s;animation-delay:-31s}
.cda-creature-3{top:65%;width:52px;height:52px;animation-duration:38s;animation-delay:-19s;opacity:.5}
.cda-creature-4{top:81%;width:72px;height:72px;animation-duration:49s;animation-delay:-7s}
.cda-creature-5{top:38%;width:40px;height:40px;animation-duration:32s;animation-delay:-23s;opacity:.4}
.cda-wing{transform-box:fill-box;transform-origin:100% 85%;animation:cda-flap 1.2s ease-in-out infinite alternate}
.cda-wing-right{transform-origin:0% 85%;animation-direction:alternate-reverse}
.cda-tail,.cda-fin{transform-box:fill-box;transform-origin:right center;animation:cda-tail 1.4s ease-in-out infinite alternate}
.cda-bee-wings{transform-box:fill-box;transform-origin:center bottom;animation:cda-flap .18s ease-in-out infinite alternate}
[data-scene="leaves"] svg{animation:cda-leaf-turn 7s ease-in-out infinite alternate}
[data-scene="fish"] svg{fill:#93dded}
[data-scene="fish"] .cda-creature:nth-child(even) svg{fill:#d1b2ff}
[data-scene="leaves"] .cda-creature:nth-child(even) svg{fill:#e8c786}
@keyframes cda-creature-travel{0%{transform:translate3d(-3vw,4vh,0)}25%{transform:translate3d(28vw,-3vh,0)}50%{transform:translate3d(57vw,4vh,0)}75%{transform:translate3d(85vw,-2vh,0)}100%{transform:translate3d(calc(100vw + 160px),3vh,0)}}
@keyframes cda-flap{from{transform:scaleY(.4) rotate(-9deg)}to{transform:scaleY(1) rotate(8deg)}}
@keyframes cda-tail{from{transform:scaleX(.7) rotate(-7deg)}to{transform:scaleX(1) rotate(7deg)}}
@keyframes cda-leaf-turn{from{transform:rotate(-35deg) rotateY(0deg)}to{transform:rotate(50deg) rotateY(45deg)}}
@media(max-width:720px){.cda-creature{width:48px;height:48px}.cda-creature-2{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.cda-theme-art *{animation:none!important}.cda-creature{left:12%}.cda-creature-1{left:76%}.cda-creature-2{left:35%}.cda-creature-3{left:84%}.cda-creature-4{left:18%}.cda-creature-5{left:61%}}

/* Starry Night: a moonlit sky behind opaque, readable workspace surfaces. */
[data-theme="starry-night"]{color-scheme:dark;--page:#090e24;--surface:#151e38;--sidebar:#10182e;--inset:#0c142b;--raised:#25324d;--border:#526687;--text:#f0f4ff;--muted:#b5c3df;--accent:#c7d5ff;--accent-ink:#162344;--accent-soft:#304266;--banner:#273759;--tag:#2a3a5b;--tag-ink:#dbe5ff;--warning-bg:#443925;--warning-ink:#f8d99e;--danger-bg:#4e2b41;--danger-ink:#ffd1e4;--focus:#e0e9ff;--theme-page:linear-gradient(155deg,#070d22,#17264b 52%,#33234e);--theme-chrome:linear-gradient(120deg,#101a34,#1d2d50 55%,#302141);--theme-banner:linear-gradient(115deg,#182c4c,#26385d 52%,#3c2b55);--theme-accent:linear-gradient(110deg,#d5e4ff,#c1cfff 52%,#e1c7f8)}
[data-theme="starry-night"] body{position:relative;isolation:isolate;min-height:100vh;background:var(--theme-page);background-attachment:fixed}
[data-theme="starry-night"] body::before{content:"";position:fixed;inset:-15vh -15vw;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 35%,#32669c50,transparent 50%),radial-gradient(ellipse at 75% 70%,#8551ab45,transparent 50%);animation:cda-night-sky 32s ease-in-out infinite alternate}
[data-theme="starry-night"] :is(.sidebar,.topbar,.account-header,.public-header,.public-footer){background:var(--theme-chrome)}
[data-theme="starry-night"] :is(.role-banner,.role-manager .role-banner,.role-developer .role-banner,.public-hero,.public-page-hero,.public-final-cta){background:var(--theme-banner)}
[data-theme="starry-night"] :is(.primary,.account-primary,.account-primary-link,.public-button.gold,.progress div,.capacity div,.bar){background:var(--theme-accent);color:var(--accent-ink)}
[data-theme="starry-night"] :is(.public-value-strip,.service-section){background:transparent}
.cda-stars{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;animation:cda-star-twinkle 6s ease-in-out infinite alternate}
.cda-stars-near{background-image:radial-gradient(circle at 8% 12%,#e6efff 0 1px,transparent 2px),radial-gradient(circle at 22% 31%,#c0d8ff 0 1px,transparent 2px),radial-gradient(circle at 42% 10%,#e6efff 0 1.5px,transparent 2.5px),radial-gradient(circle at 64% 23%,#e6efff 0 1px,transparent 2px),radial-gradient(circle at 93% 34%,#d9d3ff 0 1px,transparent 2px),radial-gradient(circle at 16% 58%,#e6efff 0 1.5px,transparent 2.5px),radial-gradient(circle at 48% 76%,#e6efff 0 1px,transparent 2px),radial-gradient(circle at 76% 60%,#e6efff 0 1px,transparent 2px),radial-gradient(circle at 9% 88%,#e6efff 0 1px,transparent 2px),radial-gradient(circle at 88% 91%,#e6efff 0 1.5px,transparent 2.5px)}
.cda-stars-far{animation-duration:9s;animation-delay:-4s;animation-direction:alternate-reverse;background-image:radial-gradient(circle at 14% 23%,#c3d7ff 0 1px,transparent 1.5px),radial-gradient(circle at 35% 45%,#c3d7ff 0 1px,transparent 1.5px),radial-gradient(circle at 58% 16%,#e5d3ff 0 1px,transparent 1.5px),radial-gradient(circle at 69% 42%,#c3d7ff 0 1px,transparent 1.5px),radial-gradient(circle at 96% 14%,#c3d7ff 0 1px,transparent 1.5px),radial-gradient(circle at 27% 84%,#c3d7ff 0 1px,transparent 1.5px),radial-gradient(circle at 57% 94%,#c3d7ff 0 1px,transparent 1.5px),radial-gradient(circle at 86% 73%,#e5d3ff 0 1px,transparent 1.5px)}
.cda-moon{position:absolute;right:7vw;top:16vh;width:clamp(80px,11vw,145px);aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 34% 28%,#a7b6cd60 0 8%,transparent 9%),radial-gradient(circle at 60% 60%,#a7b6cd50 0 13%,transparent 14%),radial-gradient(circle at 32% 72%,#a7b6cd40 0 7%,transparent 8%),radial-gradient(circle at 35% 30%,#fff8de,#dae4f2 65%,#8497b6);box-shadow:0 0 35px #d2deff30,inset -12px -7px 18px #30466960;opacity:.88}
@keyframes cda-star-twinkle{from{opacity:.35}to{opacity:.95}}
@keyframes cda-night-sky{from{transform:translate3d(-3%,-2%,0)}to{transform:translate3d(3%,3%,0)}}
@media(max-width:720px){[data-theme="starry-night"] body{background-attachment:scroll}.cda-moon{right:5vw;top:20vh;width:82px}}
@media(prefers-reduced-motion:reduce){[data-theme="starry-night"] body::before,[data-scene="starry-night"] .cda-stars{animation:none;transform:none;opacity:.7}}

/* Complementary scenery themes; their opaque content surfaces reuse shared tokens. */
[data-theme="tropical-beach"]{color-scheme:light;--page:#eef3f8;--surface:#fff;--sidebar:#fff;--inset:#f1f7fa;--raised:#eaf1f7;--border:#c4d3df;--text:#21344b;--muted:#536a80;--accent:#187a70;--accent-ink:#fff;--accent-soft:#e0f0ed;--banner:#dcefeb;--tag:#e5eef6;--tag-ink:#315975;--warning-bg:#fff1d9;--warning-ink:#80540b;--danger-bg:#f8e2e6;--danger-ink:#8a243d;--focus:#126a63;--theme-page:linear-gradient(180deg,#74cfe9,#c6edf1 60%,#f9e5b5);--theme-chrome:linear-gradient(120deg,#f4f5df,#def4ed 55%,#d1edf4);--theme-banner:linear-gradient(115deg,#e5f3da,#d1eeec 55%,#dceef7);--theme-accent:linear-gradient(110deg,#187a70,#206f83)}
[data-theme="mountain-dawn"]{color-scheme:light;--page:#f4f0e7;--surface:#fffdf7;--sidebar:#fffdf7;--inset:#f3eddf;--raised:#ece3d1;--border:#c9baa0;--text:#3d3525;--muted:#6e624b;--accent:#786022;--accent-ink:#ffffff;--accent-soft:#ede2bc;--banner:#e9dcba;--tag:#ece3d1;--tag-ink:#655027;--warning-bg:#f9ebc2;--warning-ink:#76500a;--danger-bg:#f6dfd7;--danger-ink:#8d3426;--focus:#6b5115;;--theme-page:linear-gradient(180deg,#858fae,#e1b4b0 48%,#f3d8b4);--theme-chrome:linear-gradient(120deg,#fff3e2,#f0e1dc 55%,#e7e6e3);--theme-banner:linear-gradient(115deg,#f7e4d2,#e9d8d7 55%,#dfe6e0);--theme-accent:linear-gradient(110deg,#786022,#676539)}
[data-theme="moonlit-coast"]{color-scheme:dark;--page:#090e24;--surface:#151e38;--sidebar:#10182e;--inset:#0c142b;--raised:#25324d;--border:#526687;--text:#f0f4ff;--muted:#b5c3df;--accent:#c7d5ff;--accent-ink:#162344;--accent-soft:#304266;--banner:#273759;--tag:#2a3a5b;--tag-ink:#dbe5ff;--warning-bg:#443925;--warning-ink:#f8d99e;--danger-bg:#4e2b41;--danger-ink:#ffd1e4;--focus:#e0e9ff;;--theme-page:linear-gradient(180deg,#080f29,#223454 60%,#30445e);--theme-chrome:linear-gradient(120deg,#121d35,#26334e 55%,#2b334f);--theme-banner:linear-gradient(115deg,#1b304a,#2a3e58 55%,#333959);--theme-accent:linear-gradient(110deg,#c6e3ed,#c9cfff)}
:is([data-theme="tropical-beach"],[data-theme="mountain-dawn"],[data-theme="moonlit-coast"]) body{position:relative;isolation:isolate;min-height:100vh;background:var(--theme-page);background-attachment:fixed}
:is([data-theme="tropical-beach"],[data-theme="mountain-dawn"],[data-theme="moonlit-coast"]) :is(.sidebar,.topbar,.account-header,.public-header,.public-footer){background:var(--theme-chrome)}
:is([data-theme="tropical-beach"],[data-theme="mountain-dawn"],[data-theme="moonlit-coast"]) :is(.role-banner,.role-manager .role-banner,.role-developer .role-banner,.public-hero,.public-page-hero,.public-final-cta){background:var(--theme-banner)}
:is([data-theme="tropical-beach"],[data-theme="mountain-dawn"],[data-theme="moonlit-coast"]) :is(.primary,.account-primary,.account-primary-link,.public-button.gold,.progress div,.capacity div,.bar){background:var(--theme-accent);color:var(--accent-ink)}
:is([data-theme="tropical-beach"],[data-theme="mountain-dawn"],[data-theme="moonlit-coast"]) :is(.public-value-strip,.service-section){background:transparent}
.cda-scenery{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cda-scene-waves{animation:cda-coastal-waves 12s ease-in-out infinite alternate;transform-origin:center}
.cda-palm-crown{transform-box:fill-box;transform-origin:50% 85%;animation:cda-palm-breeze 9s ease-in-out infinite alternate}
.cda-dawn-sun{animation:cda-dawn-rise 30s ease-in-out infinite alternate}
@keyframes cda-coastal-waves{from{transform:translate3d(-16px,0,0)}to{transform:translate3d(18px,7px,0)}}
@keyframes cda-palm-breeze{from{transform:rotate(-2deg)}to{transform:rotate(2deg)}}
@keyframes cda-dawn-rise{from{transform:translate3d(0,8px,0);opacity:.85}to{transform:translate3d(0,-8px,0);opacity:1}}
@media(max-width:720px){:is([data-theme="tropical-beach"],[data-theme="mountain-dawn"],[data-theme="moonlit-coast"]) body{background-attachment:scroll}}
@media(prefers-reduced-motion:reduce){.cda-scene-waves,.cda-palm-crown,.cda-dawn-sun{animation:none;transform:none}}

/* Fit the whole scenic silhouette into narrow phone viewports. */
@media(max-width:720px){.cda-scenery{top:auto;bottom:0;height:auto;aspect-ratio:1440/900}}

.theme-mobile-picker{display:none}
@media(max-width:650px){
  .theme-control{position:relative;z-index:45}
  .theme-control.mobile-theme-ready>label,.theme-control.mobile-theme-ready>select{display:none}
  .theme-control.mobile-theme-ready .theme-mobile-picker{display:block}
  .theme-mobile-picker summary{cursor:pointer;list-style:none;padding:9px 12px;border:1px solid #52616f;border-radius:8px;color:#17212b;background:#fff;font-size:12px;max-width:calc(100vw - 40px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .theme-mobile-picker summary::-webkit-details-marker{display:none}
  .theme-mobile-options{position:fixed;left:12px;top:12px;right:auto;display:grid;gap:4px;width:min(280px,calc(100vw - 24px));max-height:min(65vh,420px);overflow-y:auto;padding:8px;background:#fff;color:#17212b;border:2px solid #52616f;border-radius:10px;box-shadow:0 12px 32px #0008;overscroll-behavior:contain}
  .theme-mobile-options button{width:100%;padding:10px 12px;text-align:left;border:1px solid transparent;border-radius:6px;background:transparent;color:#17212b;font:inherit;font-size:13px;cursor:pointer}
  .theme-mobile-options button:hover,.theme-mobile-options button[aria-pressed="true"]{background:#dce8f5;border-color:#52616f;color:#17212b}
  .theme-mobile-options button:focus-visible{outline:2px solid #17212b;outline-offset:1px}
}

/* Birds: a sunny blue sky, with decorations behind the readable light surfaces. */
[data-theme="birds"] body::before{background:none;animation:none}
[data-theme="birds"] :is(.topbar,.account-header,.public-header){background:var(--theme-chrome)}
[data-scene="birds"] .cda-creature{opacity:.8}
[data-scene="birds"] .cda-creature svg{fill:#254e6a}
.cda-birds-sun{position:absolute;right:7vw;top:14vh;width:94px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff8ca,#ffe391 72%);box-shadow:0 0 0 18px #fff3bd26,0 0 0 38px #fff3bd12;pointer-events:none}
.cda-sky-cloud{position:absolute;left:6%;top:22%;width:152px;height:35px;border-radius:70px;background:#f6fcff;opacity:.8;animation:cda-cloud-drift 32s ease-in-out infinite alternate;pointer-events:none}
.cda-sky-cloud::before,.cda-sky-cloud::after{content:"";position:absolute;bottom:9px;border-radius:50%;background:inherit}
.cda-sky-cloud::before{left:22px;width:63px;height:63px}.cda-sky-cloud::after{right:20px;width:79px;height:79px}
.cda-sky-cloud-1{left:49%;top:45%;width:190px;opacity:.65;animation-duration:41s;animation-delay:-18s}
.cda-sky-cloud-2{left:76%;top:76%;width:130px;opacity:.75;animation-duration:36s;animation-delay:-9s}
@keyframes cda-cloud-drift{from{transform:translate3d(-25px,0,0)}to{transform:translate3d(35px,5px,0)}}
@media(max-width:720px){.cda-birds-sun{width:66px;right:7vw;top:35vh}.cda-sky-cloud{width:110px;height:27px}.cda-sky-cloud::before{width:45px;height:45px;left:14px}.cda-sky-cloud::after{width:55px;height:55px;right:14px}.cda-sky-cloud-1{left:38%;top:48%}.cda-sky-cloud-2{left:65%;top:81%;width:96px}}
@media(prefers-reduced-motion:reduce){[data-scene="birds"] .cda-sky-cloud{animation:none;transform:none}}

/* Rainy Day: soft overcast scenery, with solid readable content surfaces. */
[data-theme="rainy-day"]{color-scheme:light;--page:#a3b3c1;--surface:#f7fafc;--sidebar:#edf3f7;--inset:#e5edf3;--raised:#dce6ee;--border:#9bacbd;--text:#1d3045;--muted:#20354a;--accent:#1a344a;--accent-ink:#fff;--accent-soft:#d5e7ed;--banner:#d4e0ea;--tag:#d8e5ee;--tag-ink:#294c67;--warning-bg:#fff1d9;--warning-ink:#80540b;--danger-bg:#f8e2e6;--danger-ink:#8a243d;--focus:#164e63;--theme-page:linear-gradient(180deg,#899eaf,#afbdca 52%,#d6e1e8);--theme-chrome:linear-gradient(120deg,#edf3f7,#d5e1eb);--theme-banner:linear-gradient(115deg,#d7e4ed,#e8eff4);--theme-accent:linear-gradient(110deg,#164e63,#295b71)}
[data-theme="rainy-day"] body{position:relative;isolation:isolate;min-height:100vh;background:var(--theme-page);background-attachment:fixed}
[data-theme="rainy-day"] :is(.sidebar,.topbar,.account-header,.public-header,.public-footer){background:var(--theme-chrome)}
[data-theme="rainy-day"] :is(.role-banner,.role-manager .role-banner,.role-developer .role-banner,.public-hero,.public-page-hero,.public-final-cta){background:var(--theme-banner)}
[data-theme="rainy-day"] :is(.primary,.account-primary,.account-primary-link,.public-button.gold,.progress div,.capacity div,.bar){background:var(--theme-accent);color:var(--accent-ink)}
[data-theme="rainy-day"] :is(.public-value-strip,.service-section){background:transparent}
.cda-rain-cloud{position:absolute;left:3%;top:16%;width:280px;height:65px;background:#e4eaf0;opacity:.7;border-radius:100px;animation:cda-overcast-drift 34s ease-in-out infinite alternate;pointer-events:none}
.cda-rain-cloud::before,.cda-rain-cloud::after{content:"";position:absolute;bottom:18px;border-radius:50%;background:inherit}
.cda-rain-cloud::before{left:25px;width:100px;height:100px}.cda-rain-cloud::after{right:35px;width:135px;height:135px}
.cda-rain-cloud-1{left:58%;top:35%;width:320px;opacity:.5;animation-delay:-14s;animation-duration:43s}.cda-rain-cloud-2{left:27%;top:77%;width:220px;opacity:.45;animation-delay:-7s}
.cda-rain-field{position:absolute;inset:-100px -40px;pointer-events:none;opacity:.32;background-image:linear-gradient(110deg,transparent 46%,#4d728c 48%,#4d728c 50%,transparent 52%);background-size:37px 84px;animation:cda-soft-rain 1.6s linear infinite}
@keyframes cda-soft-rain{from{transform:translate3d(0,-84px,0)}to{transform:translate3d(-30px,0,0)}}
@keyframes cda-overcast-drift{from{transform:translate3d(-18px,0,0)}to{transform:translate3d(25px,4px,0)}}
@media(max-width:720px){[data-theme="rainy-day"] body{background-attachment:scroll}.cda-rain-cloud{width:170px;height:44px}.cda-rain-cloud::before{width:65px;height:65px}.cda-rain-cloud::after{width:84px;height:84px}.cda-rain-cloud-1{left:53%}.cda-rain-field{background-size:49px 100px;opacity:.25}}
@media(prefers-reduced-motion:reduce){[data-scene="rainy-day"] .cda-rain-cloud,[data-scene="rainy-day"] .cda-rain-field{animation:none;transform:none}}

/* Fish remains a single selectable theme: deep water, light shafts, one occasional snorkeler. */
[data-theme="fish"] body::before{background:repeating-linear-gradient(108deg,transparent 0 12%,#a5f1ed20 14%,transparent 20% 32%);animation:cda-underwater-light 22s ease-in-out infinite alternate;opacity:.7;transform-origin:top center}
[data-scene="fish"] .cda-creature{opacity:.8}[data-scene="fish"] .cda-creature svg{fill:#a0e7e4}[data-scene="fish"] .cda-creature:nth-child(even) svg{fill:#f4cf9f}
.cda-snorkeler{position:absolute;left:-250px;top:46%;width:190px;height:90px;pointer-events:none;opacity:0;animation:cda-snorkeler-pass 65s linear infinite}
.cda-snorkeler svg{width:100%;height:100%;overflow:visible}.cda-diver-legs,.cda-diver-fins{transform-box:fill-box;transform-origin:right center;animation:cda-diver-kick 2.2s ease-in-out infinite alternate}.cda-diver-arm{transform-box:fill-box;transform-origin:left center;animation:cda-diver-kick 3s ease-in-out infinite alternate-reverse}
@keyframes cda-underwater-light{from{transform:translate3d(-2%,0,0) rotate(-2deg);opacity:.45}to{transform:translate3d(3%,0,0) rotate(2deg);opacity:.75}}
@keyframes cda-snorkeler-pass{0%{transform:translate3d(0,2vh,0);opacity:0}3%{opacity:.75}32%{transform:translate3d(calc(100vw + 500px),-3vh,0);opacity:.75}34%,100%{transform:translate3d(calc(100vw + 500px),-3vh,0);opacity:0}}
@keyframes cda-diver-kick{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
@media(max-width:720px){.cda-snorkeler{width:135px;height:65px;animation-duration:78s}}
@media(prefers-reduced-motion:reduce){[data-theme="fish"] body::before{animation:none;transform:none;opacity:.5}[data-scene="fish"] .cda-snorkeler{animation:none;transform:none;left:55%;top:66%;opacity:.6}}

/* Bounded seven-animal ecosystem; larger sea life has long quiet intervals. */
.cda-sea-life{position:absolute;left:-260px;top:var(--sea-depth);width:var(--sea-width);max-width:35vw;opacity:.78;pointer-events:none;animation:cda-sea-swim var(--sea-duration) linear var(--sea-delay) infinite}
.cda-sea-life svg{width:100%;height:auto;fill:#a5e9e3;overflow:visible}.cda-sea-small:nth-child(even) svg{fill:#f4cd96}.cda-sea-swordfish svg{fill:#9cc9dd}.cda-sea-dolphin svg{fill:#8ab8cf}.cda-sea-flounder svg{fill:#c4b681}.cda-sea-whale svg{fill:#618aab}
.cda-sea-dolphin{animation-name:cda-sea-rare;opacity:0}.cda-sea-whale{animation-name:cda-sea-rare;opacity:0}
@keyframes cda-sea-swim{from{transform:translate3d(0,0,0)}50%{transform:translate3d(calc(50vw + 260px),var(--sea-drift),0)}to{transform:translate3d(calc(100vw + 520px),0,0)}}
@keyframes cda-sea-rare{0%{transform:translate3d(0,0,0);opacity:0}3%{opacity:.65}32%{transform:translate3d(calc(100vw + 520px),var(--sea-drift),0);opacity:.65}34%,100%{transform:translate3d(calc(100vw + 520px),var(--sea-drift),0);opacity:0}}
@media(max-width:720px){.cda-sea-life{width:calc(var(--sea-width) * .72);max-width:34vw}}
@media(prefers-reduced-motion:reduce){.cda-sea-life{animation:none;left:15%;opacity:.7}.cda-sea-life:nth-child(2){left:60%}.cda-sea-life:nth-child(3){left:38%}.cda-sea-swordfish{left:65%}.cda-sea-dolphin{left:22%}.cda-sea-flounder{left:46%}.cda-sea-whale{left:60%;top:80%}}

/* Money Crazy is decorative only; it never represents revenue or commissions. */
[data-theme="money-crazy"]{color-scheme:dark;--page:#10251f;--surface:#18362e;--sidebar:#102c25;--inset:#122b24;--raised:#294c3e;--border:#648570;--text:#f2f8e9;--muted:#bed2bd;--accent:#f1d27a;--accent-ink:#292109;--accent-soft:#44533a;--banner:#375342;--tag:#365440;--tag-ink:#e2efcc;--warning-bg:#493c23;--warning-ink:#ffe29c;--danger-bg:#512e37;--danger-ink:#ffd3da;--focus:#ffe9ab;--theme-page:linear-gradient(145deg,#10382d,#193c36 50%,#3b3323);--theme-chrome:linear-gradient(120deg,#153e31,#2e4a36 55%,#4a3e27);--theme-banner:linear-gradient(115deg,#244e3b,#39563d 55%,#5b4b2c);--theme-accent:linear-gradient(110deg,#d4e5a4,#f4d47c)}
[data-theme="money-crazy"] body{position:relative;isolation:isolate;min-height:100vh;background:var(--theme-page);background-attachment:fixed}
[data-theme="money-crazy"] :is(.sidebar,.topbar,.account-header,.public-header,.public-footer){background:var(--theme-chrome)}
[data-theme="money-crazy"] :is(.role-banner,.role-manager .role-banner,.role-developer .role-banner,.public-hero,.public-page-hero,.public-final-cta){background:var(--theme-banner)}
[data-theme="money-crazy"] :is(.primary,.account-primary,.account-primary-link,.public-button.gold,.progress div,.capacity div,.bar){background:var(--theme-accent);color:var(--accent-ink)}
[data-theme="money-crazy"] :is(.public-value-strip,.service-section){background:transparent}
.cda-money-piece{position:absolute;left:var(--money-left);top:-130px;pointer-events:none;opacity:.65;animation:cda-money-fall var(--money-duration) linear var(--money-delay) infinite}
.cda-money-bill{width:84px}.cda-money-coin{width:39px}.cda-money-piece svg{display:block;width:100%;height:auto}
@keyframes cda-money-fall{0%{transform:translate3d(-20px,0,0) rotate(var(--money-angle));opacity:0}8%,90%{opacity:.65}50%{transform:translate3d(20px,calc(50vh + 130px),0) rotate(calc(var(--money-angle) + 45deg))}100%{transform:translate3d(-15px,calc(100vh + 260px),0) rotate(calc(var(--money-angle) + 90deg));opacity:0}}
@media(max-width:720px){[data-theme="money-crazy"] body{background-attachment:scroll}.cda-money-bill{width:56px}.cda-money-coin{width:28px}}
@media(prefers-reduced-motion:reduce){.cda-money-piece{animation:none;top:var(--money-depth);transform:rotate(var(--money-angle));opacity:.4}}

/* City and Galaxy extend scenery without changing any existing palette. */
[data-theme="city"]{color-scheme:dark;--page:#0c1830;--surface:#17273f;--sidebar:#101e34;--inset:#122138;--raised:#263b55;--border:#58718c;--text:#f0f5ff;--muted:#b6c7dd;--accent:#f4ce89;--accent-ink:#30210e;--accent-soft:#49483f;--banner:#293c54;--tag:#33475f;--tag-ink:#d9e8fa;--warning-bg:#493922;--warning-ink:#ffdc9c;--danger-bg:#4e2d3e;--danger-ink:#ffd2e2;--focus:#ffe4b5;--theme-page:linear-gradient(180deg,#101b36,#292b49 58%,#493447);--theme-chrome:linear-gradient(120deg,#14253c,#2d354c);--theme-banner:linear-gradient(115deg,#1f354f,#3d3b52);--theme-accent:linear-gradient(110deg,#f6d99c,#a8d9e9)}
[data-theme="galaxy"]{color-scheme:dark;--page:#100d24;--surface:#211c39;--sidebar:#17132b;--inset:#18132e;--raised:#342b50;--border:#796697;--text:#f6f0ff;--muted:#cfc1e3;--accent:#a9f1e5;--accent-ink:#102b31;--accent-soft:#34525a;--banner:#3c2a59;--tag:#493460;--tag-ink:#e8d7ff;--warning-bg:#483427;--warning-ink:#ffdda5;--danger-bg:#542f4b;--danger-ink:#ffd5e9;--focus:#cafff5;--theme-page:radial-gradient(ellipse at 20% 20%,#243859,transparent 55%),radial-gradient(ellipse at 80% 65%,#4a235f,transparent 60%),linear-gradient(145deg,#100d24,#201736);--theme-chrome:linear-gradient(120deg,#1d203e,#352044);--theme-banner:linear-gradient(115deg,#263854,#49305e);--theme-accent:linear-gradient(110deg,#a9f1e5,#d4bbff)}
:is([data-theme="city"],[data-theme="galaxy"]) body{position:relative;isolation:isolate;min-height:100vh;background:var(--theme-page);background-attachment:fixed}
:is([data-theme="city"],[data-theme="galaxy"]) :is(.sidebar,.topbar,.account-header,.public-header,.public-footer){background:var(--theme-chrome)}
:is([data-theme="city"],[data-theme="galaxy"]) :is(.role-banner,.public-hero,.public-page-hero,.public-final-cta){background:var(--theme-banner)}
:is([data-theme="city"],[data-theme="galaxy"]) :is(.primary,.account-primary,.account-primary-link,.public-button.gold,.progress div,.capacity div,.bar){background:var(--theme-accent);color:var(--accent-ink)}
:is([data-theme="city"],[data-theme="galaxy"]) :is(.public-value-strip,.service-section){background:transparent}
.cda-city-skyline{position:absolute;left:0;bottom:0;width:100%;height:auto;aspect-ratio:1440/700;pointer-events:none}
.cda-city-windows{animation:cda-city-glow 7s ease-in-out infinite alternate}.cda-city-traffic{animation:cda-city-drive 25s linear infinite}
@keyframes cda-city-glow{from{opacity:.5}to{opacity:.95}}
@keyframes cda-city-drive{from{transform:translate3d(-120px,0,0)}to{transform:translate3d(1560px,0,0)}}
.cda-galaxy-disc{position:absolute;left:4%;top:5%;width:90vmin;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 15deg,transparent 0deg 15deg,#9bdcfa25 35deg,#df9aef30 60deg,transparent 90deg);opacity:.6;animation:cda-galaxy-turn 50s ease-in-out infinite alternate;pointer-events:none}
.cda-ufo{position:absolute;left:-180px;top:25%;width:115px;opacity:.75;animation:cda-ufo-flight 47s linear -12s infinite;pointer-events:none}.cda-ufo svg{width:100%;height:auto;overflow:visible}
.cda-ufo-1{top:54%;width:82px;animation-duration:64s;animation-delay:-39s;opacity:.55}.cda-ufo-2{top:77%;width:140px;animation-duration:79s;animation-delay:-22s}
.cda-ufo-lights{animation:cda-ufo-glow 3s ease-in-out infinite alternate}
@keyframes cda-galaxy-turn{from{transform:rotate(-30deg) scaleY(.55)}to{transform:rotate(-12deg) scaleY(.55)}}
@keyframes cda-ufo-flight{0%{transform:translate3d(0,3vh,0)}25%{transform:translate3d(calc(25vw + 90px),-4vh,0)}50%{transform:translate3d(calc(50vw + 180px),3vh,0)}75%{transform:translate3d(calc(75vw + 270px),-2vh,0)}100%{transform:translate3d(calc(100vw + 360px),3vh,0)}}
@keyframes cda-ufo-glow{from{opacity:.35}to{opacity:1}}
@media(max-width:720px){:is([data-theme="city"],[data-theme="galaxy"]) body{background-attachment:scroll}.cda-city-skyline{width:160%;left:-30%}.cda-ufo{width:82px}.cda-ufo-1{width:65px}.cda-ufo-2{width:100px}}
@media(prefers-reduced-motion:reduce){[data-scene="city"] *,[data-scene="galaxy"] *{animation:none!important}.cda-ufo{left:12%;transform:none}.cda-ufo-1{left:68%}.cda-ufo-2{left:42%}.cda-galaxy-disc{transform:rotate(-25deg) scaleY(.55)}}

/* Photorealistic City: original generated blue-hour architecture, not flat SVG towers. */
.cda-city-photo{position:absolute;inset:0;background-image:linear-gradient(180deg,#08162b1f,#08162b55),url("city-blue-hour-v2.png");background-size:cover;background-position:center center;background-repeat:no-repeat;pointer-events:none}
.cda-city-water-glow{position:absolute;left:-8%;right:-8%;bottom:0;height:20%;background:linear-gradient(105deg,transparent 25%,#f1c47a0c 48%,#c0e3fa0a 54%,transparent 75%);opacity:.4;animation:cda-city-reflection 16s ease-in-out infinite alternate;pointer-events:none}
@keyframes cda-city-reflection{from{transform:translate3d(-3%,0,0);opacity:.2}to{transform:translate3d(3%,0,0);opacity:.45}}
@media(max-width:720px){.cda-city-photo{background-position:54% center}.cda-city-water-glow{height:16%}}
@media(prefers-reduced-motion:reduce){[data-scene="city"] .cda-city-water-glow{animation:none;transform:none;opacity:.25}}

/* Realistic Galaxy: original astronomical-style backdrop and metallic animated craft. */
.cda-galaxy-photo{position:absolute;inset:0;background-image:linear-gradient(180deg,#090d2266,#090d22b8),url("galaxy-deep-space-v2.png");background-size:cover;background-position:center center;background-repeat:no-repeat;pointer-events:none}
[data-scene="galaxy"] .cda-ufo{opacity:.58}[data-scene="galaxy"] .cda-ufo-1{opacity:.4}[data-scene="galaxy"] .cda-ufo-2{opacity:.62}
@media(max-width:720px){.cda-galaxy-photo{background-position:64% center}}

/* Realistic Desert and Snowy Ice World scenery; all older palettes remain unchanged. */
[data-theme="desert"]{color-scheme:dark;--page:#2a1d16;--surface:#35271e;--sidebar:#2b2019;--inset:#2a2019;--raised:#4b392b;--border:#8a6c4a;--text:#fff3df;--muted:#dfcbb0;--accent:#f0ca85;--accent-ink:#33220e;--accent-soft:#514735;--banner:#4c3929;--tag:#57432e;--tag-ink:#ffe7bd;--warning-bg:#50391e;--warning-ink:#ffe0a2;--danger-bg:#542d2b;--danger-ink:#ffd5ca;--focus:#ffe7bc;--theme-page:linear-gradient(160deg,#332820,#4c3624 55%,#281d19);--theme-chrome:linear-gradient(120deg,#342a22,#4a3829);--theme-banner:linear-gradient(115deg,#4a392b,#5a402b);--theme-accent:linear-gradient(110deg,#f0ca85,#e6d5b2)}
[data-theme="snowy-ice-world"]{color-scheme:light;--page:#d5e6ef;--surface:#f8fcff;--sidebar:#edf6fb;--inset:#e5f0f7;--raised:#d9e9f3;--border:#8eaebe;--text:#17394e;--muted:#294d63;--accent:#175b75;--accent-ink:#ffffff;--accent-soft:#cfe8f0;--banner:#cee4ef;--tag:#d6e9f3;--tag-ink:#244d67;--warning-bg:#fff0cf;--warning-ink:#78530d;--danger-bg:#f5e0e8;--danger-ink:#8d2c49;--focus:#124b64;--theme-page:linear-gradient(160deg,#d6e7f3,#a9cddd 55%,#eaf6fb);--theme-chrome:linear-gradient(120deg,#edf8fd,#d9ecf6);--theme-banner:linear-gradient(115deg,#e4f2fa,#c4e0ee);--theme-accent:linear-gradient(110deg,#175b75,#226b84)}
:is([data-theme="desert"],[data-theme="snowy-ice-world"]) body{position:relative;isolation:isolate;min-height:100vh;background:var(--theme-page);background-attachment:fixed}
:is([data-theme="desert"],[data-theme="snowy-ice-world"]) :is(.sidebar,.topbar,.account-header,.public-header,.public-footer){background:var(--theme-chrome)}
:is([data-theme="desert"],[data-theme="snowy-ice-world"]) :is(.role-banner,.public-hero,.public-page-hero,.public-final-cta){background:var(--theme-banner)}
:is([data-theme="desert"],[data-theme="snowy-ice-world"]) :is(.primary,.account-primary,.account-primary-link,.public-button.gold,.progress div,.capacity div,.bar){background:var(--theme-accent);color:var(--accent-ink)}
:is([data-theme="desert"],[data-theme="snowy-ice-world"]) :is(.public-value-strip,.service-section){background:transparent}
.cda-desert-photo,.cda-ice-world-photo{position:absolute;inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat;pointer-events:none}
.cda-desert-photo{background-image:linear-gradient(180deg,#22170f55,#22170fbf),url("desert-dunes-v1.png")}
.cda-ice-world-photo{background-image:linear-gradient(180deg,#e8f5fd66,#e8f5fdb3),url("snowy-ice-world-v1.png")}
.cda-desert-dust{position:absolute;left:-8%;right:-8%;bottom:0;height:45%;background:linear-gradient(165deg,transparent 20%,#e8b66c1c 55%,transparent 80%);animation:cda-desert-breeze 20s ease-in-out infinite alternate;pointer-events:none}
.cda-snowfall{position:absolute;inset:-120px -30px;pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#fff 1px,transparent 2px),radial-gradient(circle,#ffffffbf 1.5px,transparent 2.5px);background-size:67px 83px,109px 137px;background-position:0 0,25px 20px;animation:cda-gentle-snow 24s linear infinite}
@keyframes cda-desert-breeze{from{transform:translate3d(-3%,0,0);opacity:.2}to{transform:translate3d(3%,-1%,0);opacity:.5}}
@keyframes cda-gentle-snow{from{transform:translate3d(-12px,-83px,0)}to{transform:translate3d(12px,83px,0)}}
@media(max-width:720px){:is([data-theme="desert"],[data-theme="snowy-ice-world"]) body{background-attachment:scroll}.cda-desert-photo{background-position:58% center}.cda-ice-world-photo{background-position:50% center}.cda-snowfall{background-size:83px 109px,137px 163px;opacity:.45}}
@media(prefers-reduced-motion:reduce){[data-scene="desert"] *,[data-scene="snowy-ice-world"] *{animation:none!important;transform:none}.cda-snowfall{opacity:.25}}

/* The Matrix: decorative digital rain, independent of account content and privileges. */
[data-theme="the-matrix"]{color-scheme:dark;--page:#020805;--surface:#081a10;--sidebar:#051108;--inset:#06140c;--raised:#123020;--border:#37784c;--text:#e1ffea;--muted:#acd5b8;--accent:#75f79a;--accent-ink:#04200c;--accent-soft:#153e23;--banner:#0b2515;--tag:#183c24;--tag-ink:#b6ffce;--warning-bg:#3c3215;--warning-ink:#ffe3a1;--danger-bg:#40212b;--danger-ink:#ffd5df;--focus:#a6ffbf;--theme-page:linear-gradient(145deg,#020805,#05140b);--theme-chrome:linear-gradient(110deg,#06140b,#0c2414);--theme-banner:linear-gradient(115deg,#082412f2,#102c1af5);--theme-accent:linear-gradient(110deg,#75f79a,#b3ffca)}
[data-theme="the-matrix"] body{position:relative;isolation:isolate;min-height:100vh;background:var(--theme-page)}
[data-theme="the-matrix"] :is(.sidebar,.topbar,.account-header,.public-header,.public-footer){background:var(--theme-chrome)}
[data-theme="the-matrix"] :is(.role-banner,.public-hero,.public-page-hero,.public-final-cta){background:var(--theme-banner)}
[data-theme="the-matrix"] :is(.primary,.account-primary,.account-primary-link,.public-button.gold,.progress div,.capacity div,.bar){background:var(--theme-accent);color:var(--accent-ink)}
[data-theme="the-matrix"] :is(.public-value-strip,.service-section){background:transparent}
[data-scene="the-matrix"]{background:radial-gradient(ellipse at 50% 35%,#071b0c55,#010604aa)}
.cda-matrix-stream{position:absolute;left:var(--code-left);top:0;white-space:pre;text-align:center;font:500 var(--code-size)/1.35 ui-monospace,Consolas,monospace;letter-spacing:0;color:#3ee76b;background:linear-gradient(180deg,#0c4223 0%,#188b3c 45%,#48f87c 88%,#d6ffe2 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 9px #36f46c55;opacity:.42;pointer-events:none;animation:cda-matrix-rain var(--code-time) linear var(--code-delay) infinite}
@keyframes cda-matrix-rain{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,100vh,0)}}
@media(max-width:720px){.cda-matrix-stream:nth-child(even){display:none}.cda-matrix-stream{opacity:.34;font-size:13px}}
@media(prefers-reduced-motion:reduce){[data-scene="the-matrix"] .cda-matrix-stream{animation:none!important;transform:translateY(-15%);opacity:.22}[data-scene="the-matrix"] .cda-matrix-stream:nth-child(3n){transform:translateY(25%)}}