/* Page-specific presentation layered over the existing views. */
html[data-ys-scheme] .ys-dashboard-welcome {margin:2px 0 22px}
html[data-ys-scheme] .ys-dashboard-welcome .hero-kicker {color:var(--ys-muted); font-size:10px}
html[data-ys-scheme] .ys-dashboard-welcome h1 {margin:8px 0; font-size:30px}
html[data-ys-scheme] .ys-dashboard-welcome p {color:var(--ys-muted); margin:0; font-size:14px}
html[data-ys-scheme] .ys-dashboard-wallet {padding:24px 28px; margin-bottom:20px; position:relative; overflow:hidden; border:1px solid #665984; border-radius:20px; color:#fff; background:radial-gradient(ellipse at 90% 0,#433063,transparent 58%),linear-gradient(110deg,#15172f,#22213f); box-shadow:0 12px 30px #19133212}
html[data-ys-scheme] .ys-wallet-heading {display:flex; align-items:center; gap:10px}
html[data-ys-scheme] .ys-wallet-heading h2 {font-size:13px; letter-spacing:.02em; color:#e8e5f5; margin:0; font-weight:650}
html[data-ys-scheme] .ys-wallet-heading svg {width:19px; height:19px; color:#d3b3ff}
html[data-ys-scheme] .ys-wallet-value {display:flex; gap:12px; align-items:baseline; flex-wrap:wrap; line-height:1.1; margin:18px 0 9px; color:#fff}
html[data-ys-scheme] .ys-wallet-value span {font-size:20px; font-weight:650; color:#deddef}
html[data-ys-scheme] .ys-wallet-value strong {font-size:clamp(32px,4vw,46px); letter-spacing:-.04em; font-variant-numeric:tabular-nums; line-height:1.12; overflow-wrap:anywhere; color:#fff}
html[data-ys-scheme] .ys-wallet-ready {display:block; font-size:11px; color:#ced8e7}
html[data-ys-scheme] .ys-wallet-ready::before {content:''; display:inline-block; width:7px; height:7px; margin-right:7px; background:#9de7c7; border-radius:50%}
html[data-ys-scheme] .ys-wallet-actions {display:flex; gap:10px; flex-wrap:wrap; margin-top:22px}
html[data-ys-scheme] .ys-wallet-actions .btn {min-height:42px}
html[data-ys-scheme] .ys-wallet-actions .glass-btn {background:#ffffff0e; border-color:#797591; color:#fff}
html[data-ys-scheme] .premium-stats .stat {min-height:102px; gap:12px; padding:18px}
html[data-ys-scheme] .premium-stats .stat strong {font-size:25px; color:var(--ys-ink); margin-block:4px}
html[data-ys-scheme] .premium-stats .stat small {font-size:11px; color:var(--ys-muted)}
html[data-ys-scheme] .premium-stats .stat .muted {font-size:12px}
html[data-ys-scheme] .dashboard-grid {grid-template-columns:minmax(0,1fr) 285px; gap:20px}
html[data-ys-scheme] .quick-launch>a {border-color:var(--ys-line)}
html[data-ys-scheme] .quick-launch a strong {color:var(--ys-ink); font-size:13px}
html[data-ys-scheme] .quick-launch a small {color:var(--ys-muted); font-size:11px; line-height:1.5}
html[data-ys-scheme] .quick-symbol:not(.gradient) {background:var(--ys-soft); color:var(--ys-soft-ink)}
html[data-ys-scheme] .business-upgrade-banner {background:var(--ys-surface); color:var(--ys-ink); padding:23px 26px; border:1px solid var(--ys-line); border-radius:18px}
html[data-ys-scheme] .business-upgrade-banner h2 {font-size:21px}
html[data-ys-scheme] .business-upgrade-banner p {color:var(--ys-muted); font-size:13px}
html[data-ys-scheme] .dashboard-hero {min-height:205px; padding:28px; border-radius:20px}
html[data-ys-scheme] .dashboard-hero h1 {font-size:30px; color:#fff}
html[data-ys-scheme] .dashboard-hero p {font-size:13px; color:#c2cbdf}
html[data-ys-scheme] .pulse-copy strong {color:#fff}
html[data-ys-scheme] .pulse-copy span,html[data-ys-scheme] .pulse-ring small {color:#c2cbdf}
html[data-ys-scheme] .content :where(.stat-icon.violet,.service-id,.category-quick small) {background:var(--ys-soft); color:var(--ys-soft-ink)}
html[data-ys-scheme] .content .stat-icon.green {background:var(--ys-good); color:var(--ys-good-ink)}
html[data-ys-scheme] .content .stat-icon.blue {background:var(--ys-soft); color:var(--ys-soft-ink)}
html[data-ys-scheme] .content .stat-icon.pink {background:var(--ys-bad); color:var(--ys-bad-ink)}
html[data-ys-scheme] .content .text-action {color:var(--ys-soft-ink); font-size:12px}
html[data-ys-scheme] .mass-textarea {min-height:310px; font:13px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace; resize:vertical}
html[data-ys-scheme] .customer-instructions>span {font-size:10px; color:var(--ys-muted)}
html[data-ys-scheme] .customer-instructions>span:not(.overline) {display:none}
html[data-ys-scheme] .customer-instructions h3 {font-size:15px; margin-top:20px}
html[data-ys-scheme] .customer-instructions p {color:var(--ys-muted); font-size:13px; line-height:1.7}
html[data-ys-scheme] :where(.safe-note,.security-note,.alert-info) {background:var(--ys-soft); color:var(--ys-soft-ink); border-color:var(--ys-line); font-size:12px; line-height:1.7}
html[data-ys-scheme] .customer-instructions code {background:var(--ys-soft); color:var(--ys-soft-ink)}
html[data-ys-scheme] .order-studio {grid-template-columns:minmax(0,1fr) 285px}
html[data-ys-scheme] .order-builder {padding:24px}
html[data-ys-scheme] .network-card {min-height:76px; padding:15px}
html[data-ys-scheme] .network-card :where(strong) {font-size:14px}
html[data-ys-scheme] .network-card :where(small) {font-size:11px}
html[data-ys-scheme] .category-logo {max-width:38px; max-height:38px}
html[data-ys-scheme] :where(.selected-category-info,.category-name-cell) {gap:10px}
html[data-ys-scheme] .service-info {background:var(--ys-line); border-color:var(--ys-line)}
html[data-ys-scheme] .service-info>div {background:var(--ys-surface-alt)}
html[data-ys-scheme] .service-info small {font-size:10px; color:var(--ys-muted)}
html[data-ys-scheme] .service-info strong {font-size:13px; color:var(--ys-ink)}
html[data-ys-scheme] .cost-card>strong {font-size:34px; color:#fff}
html[data-ys-scheme] .cost-card>small,html[data-ys-scheme] .cost-line,html[data-ys-scheme] .cost-card p {color:#c2cbdf; font-size:12px}
html[data-ys-scheme] .cost-line b {color:#fff}
html[data-ys-scheme] .confidence-card small,html[data-ys-scheme] .studio-help {font-size:12px; color:var(--ys-muted)}
html[data-ys-scheme] .confidence-card strong {font-size:13px}
html[data-ys-scheme] .studio-help a {color:var(--ys-soft-ink)}
html[data-ys-scheme] :where(.service-directory,.service-directory-head,.service-row,.service-row:hover,.category-quick,.customer-filter,.subscription-toolbar,.subscription-creator,.subscription-item) {background-color:var(--ys-surface); border-color:var(--ys-line); color:var(--ys-ink)}
html[data-ys-scheme] :where(.service-directory-head,.subscription-toolbar nav a,.service-cell small,.service-row-main p,.service-row-main small) {color:var(--ys-muted)}
html[data-ys-scheme] .service-row-main strong {font-size:13px; color:var(--ys-ink)}
html[data-ys-scheme] .service-row-main small,html[data-ys-scheme] .service-row-main p {font-size:11px}
html[data-ys-scheme] .service-row-options span {background:var(--ys-surface-alt); color:var(--ys-muted)}
html[data-ys-scheme] .service-row-options .yes {background:var(--ys-good); color:var(--ys-good-ink)}
html[data-ys-scheme] .subscription-toolbar nav a.active {background:var(--ys-soft); color:var(--ys-soft-ink)}
html[data-ys-scheme] .subscription-toolbar nav b {background:var(--ys-surface-alt); color:var(--ys-ink)}
html[data-ys-scheme] :where(.subscription-link,.subscription-error) {color:var(--ys-soft-ink)}
html[data-ys-scheme] .subscription-error {color:var(--ys-bad-ink)!important}
html[data-ys-scheme] :where(.command-card.light,.launch-summary>div,.domain-admin-detail,.market-metrics,.market-capabilities span) {background:var(--ys-surface-alt); color:var(--ys-ink); border-color:var(--ys-line)}
html[data-ys-scheme] :where(.command-card.light,.launch-summary,.domain-admin-detail,.market-metrics) :where(p,small,span) {color:var(--ys-muted)}
html[data-ys-scheme] .command-card.dark {color:#fff}
html[data-ys-scheme] .command-card.dark :where(span,p) {color:#c2cbdf}
html[data-ys-scheme] .market-service>p,html[data-ys-scheme] .market-metrics small {color:var(--ys-muted); font-size:12px}
html[data-ys-scheme] .market-metrics b {font-size:13px}
html[data-ys-scheme] :where(.favorite,.subscription-creator-title button) {background:var(--ys-surface-alt); color:var(--ys-muted)}
html[data-ys-scheme] .favorite.active {background:var(--ys-bad); color:var(--ys-bad-ink)}

/* Settings and studio retain their existing template, density and layout choices. */
html[data-ys-scheme] .settings-hero {min-height:195px; padding:28px; border-radius:20px}
html[data-ys-scheme] .settings-hero h1 {font-size:30px; color:#fff}
html[data-ys-scheme] .settings-hero p {font-size:13px; color:#c2cbdf}
html[data-ys-scheme] .settings-kicker {font-size:10px; color:#c7d2ef}
html[data-ys-scheme] .settings-hero-status small {font-size:10px; color:#c2cbdf}
html[data-ys-scheme] .settings-tabs,html[data-ys-scheme] .settings-panel {background:var(--ys-surface); border-color:var(--ys-line); color:var(--ys-ink)}
html[data-ys-scheme] .settings-panel {padding:24px; border-radius:18px}
html[data-ys-scheme] .settings-tabs button {color:var(--ys-muted)}
html[data-ys-scheme] .settings-tabs button:hover {background:var(--ys-surface-alt); color:var(--ys-ink)}
html[data-ys-scheme] .settings-tabs button.active {background:#29253f; color:#fff}
html[data-ys-scheme] .settings-tabs button span {font-size:12px}
html[data-ys-scheme] .settings-tabs button small {font-size:10px; color:var(--ys-muted)}
html[data-ys-scheme] .settings-tabs button.active small {color:#c2cbdf}
html[data-ys-scheme] .settings-tabs button>i {background:var(--ys-soft); color:var(--ys-soft-ink)}
html[data-ys-scheme] .settings-tabs button.active>i {background:#ffffff16; color:#fff}
html[data-ys-scheme] .panel-heading small {font-size:10px; color:var(--ys-muted)}
html[data-ys-scheme] .panel-heading p {font-size:12px}
html[data-ys-scheme] .settings-grid label {color:var(--ys-ink)}
html[data-ys-scheme] .settings-grid label>span {font-size:12px}
html[data-ys-scheme] .settings-grid label>small {font-size:11px; color:var(--ys-muted)}
html[data-ys-scheme] .settings-grid input,html[data-ys-scheme] .settings-grid select,html[data-ys-scheme] .settings-switch {background:var(--ys-surface); color:var(--ys-ink)}
html[data-ys-scheme] .settings-switch>b {font-size:12px}
html[data-ys-scheme] .settings-switch.notification small {font-size:11px; color:var(--ys-muted)}
html[data-ys-scheme] .settings-save {background:var(--ys-button-gradient); font-size:13px}
html[data-ys-scheme] .template-card:has(input:checked) {background:var(--ys-soft)}
html[data-ys-scheme] .template-card-copy small,html[data-ys-scheme] .template-card-copy em {font-size:11px; color:var(--ys-muted)}
html[data-ys-scheme] .template-card-copy b {font-size:10px; color:var(--ys-muted); background:var(--ys-surface-alt)}
html[data-ys-scheme] .preview-browser span {color:#bbc4dc; font-size:10px}
html[data-ys-scheme] .preview-caption small,html[data-ys-scheme] .preview-caption>b {color:#bbc4dc; font-size:10px}
html[data-ys-scheme] :where(.safe-badge,.danger-badge,.cloud-mark) {font-size:10px}
html[data-ys-scheme] .safe-badge {background:var(--ys-good); color:var(--ys-good-ink)}
html[data-ys-scheme] .danger-badge {background:var(--ys-bad); color:var(--ys-bad-ink)}
html[data-ys-scheme] .cloud-mark {background:var(--ys-soft); color:var(--ys-soft-ink)}
html[data-ys-scheme] .density-compact .card {padding:17px}
html[data-ys-scheme] .density-compact .table th,html[data-ys-scheme] .density-compact .table td {padding-block:9px}

/* Authentication: the identity illustration gets its own row, away from the copy. */
html[data-ys-scheme] .auth30 {background:var(--ys-page); color:var(--ys-ink)}
html[data-ys-scheme] .auth30-shell {min-height:100svh; grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
html[data-ys-scheme] .auth30-world {display:grid; grid-template-rows:auto minmax(0,1fr) auto auto; align-items:start; gap:20px; padding:36px 42px; min-height:100svh; overflow:hidden}
html[data-ys-scheme] .auth30-brand {position:relative; inset:auto; z-index:2; margin:0}
html[data-ys-scheme] .auth30-brand>span {width:30px; height:38px; background:transparent; border:0; box-shadow:none}
html[data-ys-scheme] .auth30-brand img {width:26px; height:36px; object-fit:contain}
html[data-ys-scheme] .auth30-brand strong {font-size:18px}
html[data-ys-scheme] .auth30-story {position:relative; inset:auto; align-self:center; max-width:590px; margin:24px 0 0; z-index:2}
html[data-ys-scheme] .auth30-story h1 {font-size:clamp(30px,3.2vw,46px); line-height:1.15; letter-spacing:-.04em; margin:18px 0}
html[data-ys-scheme] .auth30-story p {font-size:15px; line-height:1.8; max-width:540px}
html[data-ys-scheme] .auth30-proof {flex-wrap:wrap; gap:8px; margin-top:22px}
html[data-ys-scheme] .auth30-proof span {padding:10px 12px; font-size:11px}
html[data-ys-scheme] .auth30-orbit {position:relative; inset:auto; width:210px; height:170px; margin:0 10px 10px auto; transform:none; grid-row:3; opacity:1}
html[data-ys-scheme] .auth30-orbit>div {position:absolute; width:102px; height:102px; top:34px; left:54px; transform:none}
html[data-ys-scheme] .auth30-orbit>div img {width:24px; height:32px; margin-bottom:5px; object-fit:contain}
html[data-ys-scheme] .auth30-orbit>div small {font-size:12px; margin:0; line-height:1.4}
html[data-ys-scheme] .auth30-orbit>div b {font-size:7px; margin-top:4px}
html[data-ys-scheme] .auth30-orbit .a1 {font-size:10px; padding:7px 10px; top:auto; bottom:-3px; left:10px}
html[data-ys-scheme] .auth30-orbit .a2 {font-size:10px; padding:7px 10px; top:0; bottom:auto; right:0}
html[data-ys-scheme] .auth30-orbit :where(small,b) {color:#b9c4df}
html[data-ys-scheme] .auth30-copyright {position:relative; inset:auto; grid-row:4; font-size:10px}
html[data-ys-scheme] .auth30-entry {background:var(--ys-page); padding:28px 36px 80px}
html[data-ys-scheme] .auth30-entry-top {display:flex; justify-content:space-between; align-items:center; gap:14px; width:100%; margin-bottom:26px}
html[data-ys-scheme] .auth30-entry-top>a {color:var(--ys-muted); font-size:12px}
html[data-ys-scheme] .auth30-card {background:var(--ys-surface); color:var(--ys-ink); border:1px solid var(--ys-line); border-radius:20px; padding:28px; width:100%; max-width:470px; box-shadow:var(--ys-shadow)}
html[data-ys-scheme] .auth30-card :where(h1,h2,label,strong) {color:var(--ys-ink)}
html[data-ys-scheme] .auth30-mobile-brand {color:var(--ys-ink)}
html[data-ys-scheme] .auth30-card a:not(.btn):not(.auth30-mobile-brand) {color:var(--ys-soft-ink)!important; font-size:12px!important}
html[data-ys-scheme] .auth30-card h1 {font-size:27px; letter-spacing:-.03em}
html[data-ys-scheme] .auth30-card :where(p,.muted,small) {color:var(--ys-muted); line-height:1.7}
html[data-ys-scheme] .auth30-card :where(input,select) {background:var(--ys-surface); color:var(--ys-ink); border-color:var(--ys-line); min-height:44px; font-size:14px}
html[data-ys-scheme] .auth30-card input[type=checkbox] {min-height:0}
html[data-ys-scheme] .auth30-trust {color:var(--ys-muted); border-color:var(--ys-line); font-size:9px}
html[data-ys-scheme] .auth30-mobile-brand img {width:26px; height:34px; object-fit:contain}
html[data-ys-scheme=day] .auth30-world {background:radial-gradient(ellipse at 40% 30%,#e6dffa,transparent 65%),#edf0f9; color:var(--ys-ink)}
html[data-ys-scheme=day] .auth30-world :where(h1,strong,.auth30-orbit small) {color:var(--ys-ink)}
html[data-ys-scheme=day] .auth30-world :where(p,.auth30-copyright,.auth30-orbit b) {color:var(--ys-muted)}
html[data-ys-scheme=day] .auth30-kicker {color:#6433a2}
html[data-ys-scheme=day] .auth30-proof span {color:#34364d; border-color:#cbd0e4; background:#ffffff80}
html[data-ys-scheme=day] .auth30-orbit>div,html[data-ys-scheme=day] .auth30-orbit article {background:#fff; border-color:#d2cbe4; color:#34364d}
html[data-ys-scheme=night] .auth30-world {background:radial-gradient(ellipse at 25% 30%,#262047,transparent 65%),#0d1120}
html[data-ys-scheme=night] .auth30-copyright {color:#a9b4d0}
html[data-ys-scheme=day] .auth30-world::after {opacity:.06}

/* Public pages preserve their CMS content and links. */
html[data-ys-scheme] .ys30-public {font-size:14px; padding-bottom:64px}
html[data-ys-scheme] .ys-nav {min-height:74px; padding:14px 30px; align-items:center; gap:20px}
html[data-ys-scheme] .ys-brand {gap:10px}
html[data-ys-scheme] .ys-brand>span {width:27px; height:34px; padding:0; background:transparent; border:0; box-shadow:none}
html[data-ys-scheme] .ys-brand img {width:24px; height:32px; object-fit:contain}
html[data-ys-scheme] .ys-brand strong {font-size:17px; letter-spacing:-.02em}
html[data-ys-scheme] .ys-nav nav {gap:22px}
html[data-ys-scheme] .ys-nav nav a,html[data-ys-scheme] .ys-signin {font-size:12px}
html[data-ys-scheme] .ys-nav-actions {display:flex; align-items:center; gap:14px}
html[data-ys-scheme] .ys-pill {padding:12px 18px; min-height:42px; font-size:12px; display:inline-flex; align-items:center; justify-content:center; gap:10px}
html[data-ys-scheme] .ys-announcement {max-width:850px; margin:24px auto 0; padding:12px 16px; font-size:12px}
html[data-ys-scheme] .ys-hero {min-height:0; padding:66px 40px 48px; gap:30px; max-width:1480px; margin-inline:auto}
html[data-ys-scheme] .ys-hero h1 {font-size:clamp(34px,4.25vw,58px); line-height:1.12; letter-spacing:-.045em; margin:18px 0}
html[data-ys-scheme] .ys-hero-copy>p {font-size:15px; line-height:1.85; max-width:600px}
html[data-ys-scheme] .ys-kicker {font-size:10px; line-height:1.7; letter-spacing:.11em}
html[data-ys-scheme] .ys-action {min-height:44px; padding:13px 18px; font-size:12px; border-radius:11px}
html[data-ys-scheme] .ys-hero-actions {gap:12px; flex-wrap:wrap; margin-top:26px}
html[data-ys-scheme] .ys-metrics {margin-top:28px; padding-top:18px}
html[data-ys-scheme] .ys-metrics strong {font-size:14px}
html[data-ys-scheme] .ys-metrics span {font-size:11px}
html[data-ys-scheme] .ys-universe {min-height:360px; height:400px; max-width:620px; width:100%; overflow:clip}
html[data-ys-scheme] .ys-core {width:145px; height:145px}
html[data-ys-scheme] .ys-core img {width:30px; height:38px; object-fit:contain; margin-bottom:4px}
html[data-ys-scheme] .ys-core strong {font-size:20px}
html[data-ys-scheme] .ys-core small {font-size:8px}
html[data-ys-scheme] .ys-node {padding:14px 16px; border-radius:15px}
html[data-ys-scheme] .ys-node>span {width:32px; height:32px; font-size:14px}
html[data-ys-scheme] .ys-node strong {font-size:12px}
html[data-ys-scheme] .ys-node em {font-size:10px}
html[data-ys-scheme] .ys-node small {font-size:8px}
html[data-ys-scheme] .ys-scroll-cue {display:none}
html[data-ys-scheme] .ys-continuum {padding-block:28px}
html[data-ys-scheme] .ys-continuum span {font-size:10px}
html[data-ys-scheme] :where(.ys-section-head h2,.seo-hero h1,.guide-article h1) {font-size:clamp(29px,3.5vw,44px); line-height:1.18; letter-spacing:-.035em}
html[data-ys-scheme] :where(.ys-section-head p,.seo-hero p,.seo-block p,.guide-body p,.ys-story-grid p) {font-size:14px; line-height:1.8}
html[data-ys-scheme] :where(.ys-story-grid>article,.seo-card,.seo-block,.seo-faq details) {border-radius:17px}
html[data-ys-scheme] .ys-story-grid li {font-size:12px}
html[data-ys-scheme] .ys-story-grid h3 {font-size:23px}
html[data-ys-scheme] .ys-footer {padding:34px 40px 50px}
html[data-ys-scheme] .ys-footer :where(p,small,a) {font-size:11px; line-height:1.7}
html[data-ys-scheme=night] .ys-footer :where(p,small,a),html[data-ys-scheme=night] .guide-article header small {color:#a9b5d2}
html[data-ys-scheme] .ys-capability-bento article p {color:#5e687e}
html[data-ys-scheme=day] .ys30-public .seo-faq p,html[data-ys-scheme=day] .ys30-public .ys-intelligence-stream p {color:#56627a}
html[data-ys-scheme=day] .seo-guide-orbit span {color:#6433a2}
html[data-ys-scheme=day] .ys30-public {background:radial-gradient(ellipse at 80% 8%,#ded4fa70,transparent 45%),#f7f8fc; color:#202437}
html[data-ys-scheme=day] .ys30-public :where(.ys-nav,.ys-footer) {background:#ffffffed; color:#202437; border-color:#dce0ec}
html[data-ys-scheme=day] .ys30-public :where(.ys-nav a,.ys-lead,.ys-hero-copy>p,.ys-section-head p,.ys-story-grid p,.ys-capabilities p,.ys-reseller-copy p,.ys-final p,.seo-hero p,.guide-body p) {color:#56627a}
html[data-ys-scheme=day] .ys30-public :where(h1,h2,h3,.ys-brand strong,.ys-metrics strong,.ys-core strong,.ys-story-grid strong) {color:#202437}
html[data-ys-scheme=day] .ys30-public :where(.ys-kicker,.ys-kicker span,.ys-section-head>small) {color:#6433a2}
html[data-ys-scheme=day] .ys30-public :where(.ys-announcement,.ys-action.ghost,.ys-signal,.ys-node,.ys-core,.ys-story-grid article,.ys-capabilities article,.ys-bento,.ys-panel-front,.seo-card,.seo-faq details) {background:#fff; color:#202437; border-color:#d9ddec}
html[data-ys-scheme=day] .ys30-public :where(.ys-node small,.ys-node span,.ys-signal,.ys-core small,.ys-metrics small,.ys-story-grid small,.ys-capabilities small,.ys-bento p,.ys-bento small) {color:#59637a}
html[data-ys-scheme=day] .ys30-public :where(.ys-orbit,.ys-final-orbit) {border-color:#8871b23b}
html[data-ys-scheme=day] .ys30-public :where(.ys-light-section,.ys-intelligence,.ys-reseller) {background:#f0f1f8; color:#202437; border-color:#d9ddec}
html[data-ys-scheme=day] .ys30-public :where(.ys-announcement b,.ys-signal b,.ys-reseller-copy li b) {color:#202437}
html[data-ys-scheme=day] .ys30-public :where(.ys-metrics span,.ys-node em,.ys-continuum,.ys-continuum span,.ys-story-grid li,.ys-reseller-copy li,.ys-reseller-copy li span,.ys-intelligence-grid p,.ys-panel-front article span,.ys-panel-front>main>small,.ys-footer p,.ys-footer small,.ys-footer nav) {color:#56627a}
html[data-ys-scheme=day] .ys30-public .ys-bento>article {background:#fff!important; color:#202437!important; border-color:#d9ddec}
html[data-ys-scheme=day] .ys30-public :where(.ys-bento-route small,.ys-bento-route p,.ys-bento-price small,.ys-bento-price p) {color:#56627a}
html[data-ys-scheme=day] .ys30-public :where(.ys-route-map span,.ys-route-map b) {background:#f0f1f8; color:#56627a; border-color:#d9ddec}
html[data-ys-scheme=day] .ys30-public .ys-route-map i,html[data-ys-scheme=day] .ys30-public .ys-panel-front article em {color:#246147}
html[data-ys-scheme=day] .ys30-public .ys-dial {border-top-color:#7443cf}
html[data-ys-scheme=day] .ys30-public :where(.ys-node,.ys-story-grid>article,.ys-panel-front) {box-shadow:0 12px 34px #39304b14}
html[data-ys-scheme=day] .ys30-public .ys-announcement {box-shadow:0 6px 20px #39304b0a}
html[data-ys-scheme=day] .ys30-public .ys-section-head p {color:#56627a!important}
html[data-ys-scheme=day] .ys30-public .ys-menu {color:#202437; border-color:#d9ddec}
html[data-ys-scheme] .application-page,html[data-ys-scheme] .ys-system-page {background:var(--ys-page); color:var(--ys-ink)}
html[data-ys-scheme] :where(.application-card,.request-status-card,.request-success,.application-intro,.domain-promise) {color:var(--ys-ink); border-color:var(--ys-line)}
html[data-ys-scheme] :where(.application-card,.request-status-card) {background:var(--ys-surface)}
html[data-ys-scheme] .ys-system-page .box {background:var(--ys-surface); color:var(--ys-ink); border-color:var(--ys-line); border-radius:20px; box-shadow:var(--ys-shadow); padding:30px; max-width:560px}
html[data-ys-scheme] .ys-system-page :where(p,.help,.eyebrow) {color:var(--ys-muted)}
html[data-ys-scheme] .ys-system-page .box>img {width:34px; height:44px; object-fit:contain; padding:0; border-radius:0; background:transparent}
html[data-ys-scheme] .ys-system-page .mark {background:var(--ys-soft); border:1px solid var(--ys-line)}
html[data-ys-scheme] .ys-system-page .mark img {object-fit:contain; background:transparent; padding:0; border-radius:0}
html[data-ys-scheme] .ys-system-page .box h1 {font-size:32px; letter-spacing:-.035em}
html[data-ys-scheme] .launch-brand>img {width:30px; height:38px; object-fit:contain}
html[data-ys-scheme] .launch-header-right {display:flex; align-items:center; gap:12px}
html[data-ys-scheme=day] .launch-page {background:#f5f2fd; color:#202437}
html[data-ys-scheme=day] .launch-shade {background:#f5f2fdde}
html[data-ys-scheme=day] .launch-art {opacity:.18}
html[data-ys-scheme=day] .launch-page :where(strong,h1,a) {color:#202437}
html[data-ys-scheme=day] .launch-page :where(p,small,span) {color:#56627a}
html[data-ys-scheme=day] .launch-contact {background:#ffffffde; border-color:#d9ddec}

/* Shared legacy components use the same readable Day/Night surfaces. */
html[data-ys-scheme] .panel-body :is(.payment-empty-state,.method-help,.payment-advanced-fields,.payment-method-details>span,.deposit-history-item header,.deposit-review-card>header,.deposit-review-card>footer,.deposit-review-amounts span,.deposit-customer-note,.category-import-summary,.category-picker,.category-pick-row,.category-pick-row:hover,.category-pick-row.is-complete,.direct-category-grid button,.direct-service-metrics article,.direct-total,.website-studio-nav,.website-studio-panels,.studio-section-list article,.studio-seo-pages>article,.studio-seo-pages header>label,.selected-customer-panel,.customer-chip-list button,.rich-toolbar,.rich-editor,.two-factor-setup,.recovery-box,.recovery-box code,.migration-duplicate-choice,.migration-rollback-zone,.launch-checks>div,.tenant-owner,.setup-flags,.tenant-rollback-zone form,.security-summary,.health-list>div,.security-list>div,.preflight-list>div) {background:var(--ys-surface-alt); color:var(--ys-ink); border-color:var(--ys-line)}
html[data-ys-scheme] .panel-body :is(.website-studio-panels,.security-summary,.rich-editor,.category-pick-row) {background:var(--ys-surface)}
html[data-ys-scheme] .panel-body :is(.payment-empty-state,.method-help,.deposit-review-card,.category-pick-row,.website-studio-panels,.security-summary,.health-list,.security-list,.launch-checks,.preflight-list,.tenant-owner,.setup-flags,.tenant-rollback-zone form) :is(h2,h3,strong,b,label) {color:var(--ys-ink)}
html[data-ys-scheme] .panel-body :is(.payment-empty-state,.method-help,.payment-advanced-fields,.payment-health-grid,.payment-method-copy,.method-summary,.deposit-review-stats,.deposit-review-card,.deposit-history-item,.category-import-summary,.category-pick-row,.security-summary,.health-list,.security-list,.launch-checks,.preflight-list,.tenant-owner,.setup-flags,.tenant-rollback-zone,.website-studio-panels,.website-publish-bar,.notification-composer,.notification-delivery,.account-setting-card,.account-business-settings,.customer-page-head,.customer-balance-card,.customer-status-card,.profile-section-head,.profile-aside,.security-section-head,.security-aside,.migration-batch-head,.migration-card-title,.migration-steps,.migration-invite-meter,.migration-rollback-zone,.api-unavailable,.service-intelligence-empty,.category-edit-preview) :is(p,small) {color:var(--ys-muted); font-size:12px}
html[data-ys-scheme] .panel-body :is(.customer-page-head,.migration-batch-head,.migration-card-title,.migration-steps,.migration-export-card,.migration-invite-meter,.migration-rollback-zone,.api-unavailable)>span,html[data-ys-scheme] .panel-body :is(.customer-page-head,.migration-batch-head,.migration-card-title)>div>span {color:var(--ys-muted); font-size:10px}
html[data-ys-scheme] .panel-body :is(.payment-empty-state,.method-help) strong {font-size:14px}
html[data-ys-scheme] .panel-body :is(.payment-health-grid,.method-summary,.deposit-review-stats,.security-summary,.profile-section-head,.security-section-head) small {font-size:10px}
html[data-ys-scheme] .panel-body :is(.payment-panel-heading>strong,.payment-panel-heading>span,.payment-steps>div>b,.payment-method-arrow,.service-explorer-summary,.service-search-inline button,.customer-chip-list button.selected,.session-item>i) {background:var(--ys-soft); color:var(--ys-soft-ink); font-size:11px}
html[data-ys-scheme] .panel-body .service-explorer-summary span {color:var(--ys-soft-ink); font-size:11px}
html[data-ys-scheme] .panel-body .service-search-inline input {font-size:14px}
html[data-ys-scheme] .panel-body .service-search-inline button {min-height:40px; font-size:12px}
html[data-ys-scheme] .panel-body .payment-selection-status {background:var(--ys-soft)!important; color:var(--ys-soft-ink)!important; font-size:11px}
html[data-ys-scheme] .panel-body :is(.payment-readiness.status-ready,.payment-config-notice.configured,.payment-steps>div.complete>b,.payment-selection-status.ready,.security-state.active,.session-item strong em,.security-advice>span,.launch-checks .done i,.health-list .passed i,.preflight-list .passed i,.state-valid,.state-imported,.state-updated,.lifecycle-badge.ready,.lifecycle-badge.passed) {background:var(--ys-good)!important; color:var(--ys-good-ink)!important}
html[data-ys-scheme] .panel-body :is(.payment-readiness.status-needs_setup,.payment-config-notice.incomplete,.security-state.inactive,.state-skipped,.state-duplicate,.status-rolled-back,.lifecycle-badge.needs_attention) {background:var(--ys-wait)!important; color:var(--ys-wait-ink)!important}
html[data-ys-scheme] .panel-body :is(.security-state,.session-item strong em) {font-size:10px}
html[data-ys-scheme] .panel-body :is(.payment-hub-tabs button,.website-studio-nav button) {color:var(--ys-muted); font-size:12px}
html[data-ys-scheme] .panel-body :is(.payment-hub-tabs button.active,.website-studio-nav button.active) {background:#29253f; color:#fff}
html[data-ys-scheme] .panel-body :is(.website-studio-panels label,.payment-advanced-fields label,.rich-toolbar button) {color:var(--ys-ink)}
html[data-ys-scheme] .panel-body .rich-toolbar button:hover {background:var(--ys-surface); border-color:var(--ys-line)}
html[data-ys-scheme] .panel-body .rich-editor:empty::before {color:var(--ys-muted)}
html[data-ys-scheme] .panel-body :is(.delivery-trust,.delivery-trust small) {background:var(--ys-good); color:var(--ys-good-ink)}
html[data-ys-scheme] .panel-body .profile-security-note a {color:var(--ys-soft-ink); font-size:12px}
html[data-ys-scheme] .panel-body .secret-key {color:var(--ys-soft-ink); overflow-wrap:anywhere}
html[data-ys-scheme] .panel-body .backup-table th {background:var(--ys-surface-alt); color:var(--ys-muted)}
html[data-ys-scheme] .panel-body .backup-table td {color:var(--ys-ink)}
html[data-ys-scheme] .panel-body .backup-empty {color:var(--ys-muted)!important}
html[data-ys-scheme] .panel-body .security-summary span {color:var(--ys-muted)}
html[data-ys-scheme] .panel-body .security-summary.dark {background:linear-gradient(135deg,#101631,#252061)}
html[data-ys-scheme] .panel-body .security-summary.dark :is(strong,small,span) {color:#d9e3ff}
html[data-ys-scheme] .panel-body .report-change.flat {background:var(--ys-surface-alt); color:var(--ys-muted)}
html[data-ys-scheme] .panel-body .migration-export-card {background:var(--ys-surface); color:var(--ys-ink)}
html[data-ys-scheme] .panel-body .migration-export-card p {color:var(--ys-muted)}
html[data-ys-scheme] .panel-body :is(.migration-danger-btn,.tenant-rollback-button) {background:var(--ys-bad)!important; color:var(--ys-bad-ink)!important; border-color:var(--ys-bad)!important}
html[data-ys-scheme] .panel-body .reseller-start-card small {color:var(--ys-soft-ink)}
html[data-ys-scheme] .panel-body :is(.announcement-card,.announcement-read-all) {background:var(--ys-surface); color:var(--ys-ink); border-color:var(--ys-line)}
html[data-ys-scheme] .panel-body .announcement-card h3 {color:var(--ys-ink)}
html[data-ys-scheme] .panel-body :is(.announcement-copy,.announcement-meta time,.announcement-empty p) {color:var(--ys-muted)}
html[data-ys-scheme] .panel-body :is(.announcement-meta span,.announcement-cta span) {background:var(--ys-soft); color:var(--ys-soft-ink)}
html[data-ys-scheme] .panel-body .announcement-cta {color:var(--ys-soft-ink)}
html[data-ys-scheme] .panel-body .announcement-meta time {font-size:11px}
/* Checkout uses the original form fields and wallet calculations. */
html[data-ys-scheme] .application-form-card {background:var(--ys-surface); color:var(--ys-ink); border-color:var(--ys-line)}
html[data-ys-scheme] :is(.application-form-card,.request-status-card) :is(h1,h2,h3,label,b,strong) {color:var(--ys-ink)}
html[data-ys-scheme] :is(.application-form-card,.application-intro,.request-status-card) :is(p,small,.privacy-note) {color:var(--ys-muted); font-size:12px}
html[data-ys-scheme] :is(.application-intro>span,.request-status-card>span) {color:var(--ys-soft-ink)}
html[data-ys-scheme] :is(.checkout-balance,.domain-fields,.request-status-card>.quote-panel>div,.request-status-card>.domain-quote-card) {background:var(--ys-surface-alt); color:var(--ys-ink); border-color:var(--ys-line)}
html[data-ys-scheme] .domain-promise {background:#171a32; color:#fff}
html[data-ys-scheme] .domain-promise :is(b,small) {color:#e0d5fc}
html[data-ys-scheme] .application-form-card .input {color:var(--ys-ink); background:var(--ys-surface)}
html[data-ys-scheme] .ys-bento-route,html[data-ys-scheme] .ys-bento-route>div {min-width:0}
@media(max-width:600px) {
 html[data-ys-scheme] .ys-route-map {display:flex; flex-wrap:wrap; gap:8px; transform:none; width:100%}
 html[data-ys-scheme] .ys-bento-route {grid-template-columns:minmax(0,1fr)}
 html[data-ys-scheme] .backup-table {min-width:540px}
}

html[data-ys-scheme] .panel-body :is(.health-card,.security-card,.backup-card,.migration-invite-meter) small {color:var(--ys-muted); font-size:11px}
html[data-ys-scheme] .panel-body .stage-title {background:var(--ys-surface-alt); color:var(--ys-ink); border-color:var(--ys-line)}
html[data-ys-scheme] .panel-body .stage-title small {color:var(--ys-muted); font-size:10px}
html[data-ys-scheme] .panel-body .stage-title strong {color:var(--ys-ink)}
html[data-ys-scheme] .panel-body .migration-rollback-zone label b {color:var(--ys-bad-ink)}
html[data-ys-scheme] .panel-body .category-pick-remaining {color:var(--ys-good-ink); background:var(--ys-good)}
html[data-ys-scheme] .panel-body .tenant-rollback-zone ul {color:var(--ys-muted)}
html[data-ys-scheme] .panel-body .reseller-start-card>div>span {color:var(--ys-soft-ink)}
html[data-ys-scheme] .domain-promise small {color:#d4cde8}
html[data-ys-scheme] :is(.form-step,.checkout-balance>span) {color:var(--ys-muted)}
html[data-ys-scheme] .billing-cycle-picker,html[data-ys-scheme] .billing-cycle-picker label {background:var(--ys-surface); color:var(--ys-ink); border-color:var(--ys-line)}
html[data-ys-scheme] .billing-cycle-picker label:has(input:checked) {background:var(--ys-soft); color:var(--ys-soft-ink); border-color:var(--ys-focus)}
html[data-ys-scheme] .billing-cycle-picker>span {color:var(--ys-muted)}
html[data-ys-scheme=day] .seo-guide-orbit span {background:var(--ys-soft); color:var(--ys-soft-ink); border-color:var(--ys-line)}
html[data-ys-scheme] .panel-body :is(.notification-rich-meta,.notification-rich-body>p,.rich-notification-content) {color:var(--ys-muted)}
html[data-ys-scheme] .panel-body .rich-notification-content :is(h2,h3) {color:var(--ys-ink)}

html[data-ys-scheme] .panel-body .deposit-history-actions button {color:var(--ys-bad-ink); font-size:12px}
html[data-ys-scheme] .panel-body .deposit-method-context>div>span {color:var(--ys-muted)}
html[data-ys-scheme] .panel-body .deposit-no-proof {background:var(--ys-surface-alt); color:var(--ys-muted)}
html[data-ys-scheme] .panel-body .notification-rich-meta>span {color:var(--ys-soft-ink); background:var(--ys-soft)}
html[data-ys-scheme] .panel-body :is(.subscription-record-title,.subscription-cell) small {color:var(--ys-muted); font-size:10px}
html[data-ys-scheme] .panel-body .subscription-cell :is(strong,span) {font-size:12px}
html[data-ys-scheme] .panel-body .subscription-record-foot {color:var(--ys-muted); font-size:11px}
html[data-ys-scheme] .panel-body .subscription-record-foot b {color:var(--ys-ink)}
html[data-ys-scheme] .panel-body .subscription-children {background:var(--ys-surface-alt); color:var(--ys-ink)}
html[data-ys-scheme] .panel-body .subscription-children summary {color:var(--ys-muted); font-size:11px}
html[data-ys-scheme] .panel-body .subscription-id-list span {background:var(--ys-surface); color:var(--ys-ink); border-color:var(--ys-line); font-size:11px}
html[data-ys-scheme] .panel-body .subscription-status.state-active {background:var(--ys-good); color:var(--ys-good-ink)}
html[data-ys-scheme] .panel-body .subscription-status.state-paused {background:var(--ys-wait); color:var(--ys-wait-ink)}
html[data-ys-scheme] .panel-body .subscription-status.state-stopped {background:var(--ys-bad); color:var(--ys-bad-ink)}
html[data-ys-scheme] .panel-body :is(.subscription-status.state-expired,.subscription-status.state-finished,.subscription-status.state-syncing) {background:var(--ys-soft); color:var(--ys-soft-ink)}
html[data-ys-scheme] .panel-body .catalog-results-actions a {color:var(--ys-soft-ink)}
html[data-ys-scheme] .panel-body .catalog-results-actions span {color:var(--ys-muted); background:var(--ys-surface-alt)}

html[data-ys-scheme] .panel-body :is(.order-input-title strong,.order-field>span) {color:var(--ys-ink); font-size:12px}
html[data-ys-scheme] .panel-body :is(.order-input-title small,.intelligence-description p,.intelligence-description small,.intelligence-metrics small,.intelligence-metrics em) {color:var(--ys-muted); font-size:11px}
html[data-ys-scheme] .panel-body .intelligence-metrics>div {background:var(--ys-surface-alt); border-color:var(--ys-line)}
html[data-ys-scheme] .panel-body .intelligence-metrics strong {color:var(--ys-ink)}
html[data-ys-scheme] .panel-body .quantity-guidance span {background:var(--ys-surface-alt); color:var(--ys-muted); border-color:var(--ys-line); font-size:11px}
html[data-ys-scheme] .panel-body .quantity-guidance span:last-child {background:var(--ys-soft); color:var(--ys-soft-ink)}
html[data-ys-scheme] .panel-body .quantity-guidance b {color:inherit; font-size:11px}
html[data-ys-scheme] .panel-body .order-inputs-empty {background:var(--ys-surface-alt); color:var(--ys-muted); border-color:var(--ys-line); font-size:12px}

html[data-ys-scheme] .panel-body .migration-invite-meter>div>span {color:var(--ys-muted); font-size:10px}
@media(max-width:1100px) {
    html[data-ys-scheme] .dashboard-grid,html[data-ys-scheme] .order-studio {grid-template-columns:minmax(0,1fr)}
    html[data-ys-scheme] .ys-nav {padding-inline:22px; gap:12px}
    html[data-ys-scheme] .ys-nav nav {gap:13px}
    html[data-ys-scheme] .auth30-world {padding:30px}
    html[data-ys-scheme] .auth30-entry {padding:25px 22px 80px}
    html[data-ys-scheme] .ys-hero {padding:48px 28px 38px; gap:18px}
    html[data-ys-scheme] .ys-universe {height:330px; min-height:320px}
}
@media(min-width:601px) and (max-width:900px) {
 html[data-ys-scheme] .premium-stats {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:850px) {
    html[data-ys-scheme] .auth30-shell {grid-template-columns:minmax(0,1fr)}
    html[data-ys-scheme] .auth30-world {display:none}
    html[data-ys-scheme] .auth30-entry {min-height:100svh; padding:22px 20px 78px}
    html[data-ys-scheme] .auth30-card {margin-inline:auto}
    html[data-ys-scheme] .ys-nav {flex-wrap:wrap; padding:13px 18px}
    html[data-ys-scheme] .ys-nav-actions {margin-left:auto; gap:9px}
    html[data-ys-scheme] .ys-nav .ys-menu {display:inline-flex; margin-left:0; min-width:40px; min-height:40px; align-items:center; justify-content:center}
    html[data-ys-scheme] .ys-nav nav {display:none; order:4; width:100%; gap:8px; padding-top:12px}
    html[data-ys-scheme] .ys-nav.menu-open nav {display:flex; flex-wrap:wrap}
    html[data-ys-scheme] .ys-nav nav a {padding:10px; min-height:42px}
    html[data-ys-scheme] .ys-hero {grid-template-columns:minmax(0,1fr); padding:38px 24px 28px}
    html[data-ys-scheme] .ys-universe {width:min(520px,100%); margin-inline:auto}
    html[data-ys-scheme] .ys-announcement {margin:20px 20px 0}
    html[data-ys-scheme] .ys-footer {padding:26px 24px 54px}
}
@media(max-width:600px) {
    html[data-ys-scheme] .ys-dashboard-welcome {margin-bottom:18px}
    html[data-ys-scheme] .ys-dashboard-welcome h1 {font-size:26px}
    html[data-ys-scheme] .ys-dashboard-welcome p {font-size:13px}
    html[data-ys-scheme] .ys-dashboard-wallet {padding:22px; border-radius:17px}
    html[data-ys-scheme] .ys-wallet-value {gap:9px}
    html[data-ys-scheme] .ys-wallet-value strong {font-size:38px}
    html[data-ys-scheme] .ys-wallet-actions {display:grid; grid-template-columns:minmax(0,1fr)}
    html[data-ys-scheme] .ys-wallet-actions .btn {justify-content:center; text-align:center}
    html[data-ys-scheme] .premium-stats {grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px}
    html[data-ys-scheme] .premium-stats .stat {display:grid; grid-template-columns:24px minmax(0,1fr); align-items:start; padding:14px 10px; min-height:110px; gap:8px}
    html[data-ys-scheme] .premium-stats .stat>div {min-width:0}
    html[data-ys-scheme] .premium-stats .stat .stat-icon {width:24px; height:28px; border-radius:8px; font-size:15px}
    html[data-ys-scheme] .premium-stats .stat .muted {font-size:11px}
    html[data-ys-scheme] .premium-stats .stat strong {font-size:23px}
    html[data-ys-scheme] .premium-stats .stat small {font-size:10px}
    html[data-ys-scheme] .business-upgrade-banner {padding:20px}
    html[data-ys-scheme] .business-upgrade-banner h2 {font-size:19px}
    html[data-ys-scheme] .auth30-card {padding:24px 20px}
    html[data-ys-scheme] .ys-brand strong {font-size:14px}
    html[data-ys-scheme] .ys-nav-actions .ys-pill {padding:10px 12px; min-height:38px; font-size:11px}
    html[data-ys-scheme] .ys-nav-actions .ys-signin {font-size:11px}
    html[data-ys-scheme] .ys-nav {gap:8px; padding:12px}
    html[data-ys-scheme] .ys-brand {gap:7px}
    html[data-ys-scheme] .ys-brand>span {width:22px; height:30px}
    html[data-ys-scheme] .ys-brand img {width:20px; height:28px}
    html[data-ys-scheme] .ys-hero {padding:30px 20px 20px}
    html[data-ys-scheme] .ys-hero h1 {font-size:35px; line-height:1.13}
    html[data-ys-scheme] .ys-hero-copy>p {font-size:14px}
    html[data-ys-scheme] .ys-universe {height:300px; min-height:300px}
    html[data-ys-scheme] .ys-node {padding:9px 10px; gap:7px}
    html[data-ys-scheme] .ys-node>span {width:26px; height:26px}
    html[data-ys-scheme] .ys-node strong {font-size:10px}
    html[data-ys-scheme] .ys-node em {font-size:8px}
    html[data-ys-scheme] .ys-node small {font-size:7px}
    html[data-ys-scheme] .ys-core {width:113px; height:113px}
    html[data-ys-scheme] .ys-core strong {font-size:16px}
    html[data-ys-scheme] .ys-core img {width:23px; height:29px}
    html[data-ys-scheme] .ys-continuum {padding:20px 16px}
    html[data-ys-scheme] .ys-continuum span {font-size:8px; letter-spacing:.08em}
    html[data-ys-scheme] .ys-system-page .box {padding:25px 22px}
    html[data-ys-scheme] .ys-system-page .box h1 {font-size:27px}
}
@media(max-width:390px) {
    html[data-ys-scheme] .ys-nav-actions {gap:7px}
    html[data-ys-scheme] .ys-nav-actions .ys-signin {display:inline}
    html[data-ys-scheme] .ys-nav-actions .ys-pill {padding-inline:9px}
    html[data-ys-scheme] .ys-brand strong {font-size:13px}
}
html[data-ys-scheme] .amount-input-wrap>span{color:var(--ys-muted);font-size:11px}
html[data-ys-scheme] .payment-edit-label{color:var(--ys-muted);font-size:11px}
html[data-ys-scheme] .application-intro .domain-promise small{color:#d4cde8}
html[data-ys-scheme] .site-nav.scrolled :is(.site-links a,.site-login){color:var(--ys-ink)}
html[data-ys-scheme] .customer-service-options>span{font-size:11px;background:var(--ys-surface-alt);color:var(--ys-muted)}
html[data-ys-scheme] .panel-body .topbar{background:var(--ys-surface);border-color:var(--ys-line)}
html[data-ys-scheme] .panel-body .page-identity small{color:var(--ys-muted)}
html[data-ys-scheme] .template-atlas .sidebar{background:var(--ys-surface);color:var(--ys-ink);border-color:var(--ys-line)}
html[data-ys-scheme] .template-atlas .sidebar :is(.brand strong,.nav a,.nav a i,.system-live strong){color:var(--ys-ink)}
html[data-ys-scheme] .template-atlas :is(.brand small,.workspace-chip small,.nav-label,.sidebar-footer>a,.system-live small){color:var(--ys-muted)}
html[data-ys-scheme] .template-atlas .nav a:is(:hover,.active){background:var(--ys-soft);color:var(--ys-soft-ink)}
html[data-ys-scheme] .website-studio-nav small{color:var(--ys-muted);font-size:11px}
html[data-ys-scheme=day] .auth30-story h1 em{background:linear-gradient(105deg,#8a287f,#6535ad,#245cc4);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-ys-scheme] .input-unit>b{color:var(--ys-muted);font-size:11px}
html[data-ys-scheme] .studio-page-preview{color:var(--ys-soft-ink)}
html[data-ys-scheme] .ys-node.node-reseller{right:8px;left:auto}
/* Keep the first screen readable immediately and keep the brand name beside its mark. */
html[data-ys-scheme] .ys-brand strong{display:block}
html[data-ys-scheme] .ys-hero-copy{opacity:1!important;transform:none!important}
@media(max-width:600px){
 html[data-ys-scheme] .ys-nav-actions{gap:6px}
 html[data-ys-scheme] .ys-nav-actions .ys-pill{gap:6px;padding-inline:8px}
 html[data-ys-scheme] .ys-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 html[data-ys-scheme] .ys-metrics article{padding:0 6px;border-top:0}
}
@media(prefers-reduced-motion:reduce){
 html[data-ys-scheme] .ys-universe{transform:none!important}
 html[data-ys-scheme] .ys-cursor-glow{display:none!important}
}
html[data-ys-scheme] .ys-node.node-cloud{bottom:8px;left:6%}
@media(max-width:600px){
 html[data-ys-scheme] .ys-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 html[data-ys-scheme] .ys-metrics article{min-width:0}
 html[data-ys-scheme] .ys-node{animation:none}
}

/* 0.49.3: explicit paired surfaces/text on both New Order discovery forms. */
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .network-card,
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .category-choice {
 background:var(--ys-surface); color:var(--ys-ink); border-color:var(--ys-line);
}
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .network-card .network-card-copy strong,
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .category-choice .category-choice-copy strong {color:var(--ys-ink)}
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .network-card .network-card-copy small,
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .category-choice .category-choice-copy small {color:var(--ys-muted)}
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .network-card:hover,
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .network-card:focus-visible,
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .network-card.active,
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .category-choice:hover,
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .category-choice:focus-visible,
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .category-choice.active {
 background:var(--ys-soft); color:var(--ys-ink); border-color:var(--ys-soft-ink);
}
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .network-stage,
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .category-choice-grid,
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .stage-empty {
 background:var(--ys-surface-alt); color:var(--ys-muted); border-color:var(--ys-line);
}
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .network-card-arrow,
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector .category-choice-arrow {
 background:var(--ys-surface-alt); color:var(--ys-muted);
}
html[data-ys-scheme] body.panel-body .network-order-shell .network-selector :is(.network-card,.category-choice):focus-visible {
 outline:2px solid var(--ys-soft-ink); outline-offset:2px;
}

/* 0.49.4: paired contrast, readable branding and compact account context. */
html[data-ys-scheme=day] .ys-hero h1 em {background:linear-gradient(105deg,#91247e,#6635aa,#2555b2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
html[data-ys-scheme] .ys-brand img {width:34px;height:42px;object-fit:contain}
html[data-ys-scheme] .sidebar .brand>img {width:40px;height:48px;flex:0 0 40px;object-fit:contain}
html[data-ys-scheme] .page-identity strong {font-size:16px;line-height:1.35}
html[data-ys-scheme] .ys-header-wallet {display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--ys-line);border-radius:12px;background:var(--ys-surface-alt);color:var(--ys-ink);text-decoration:none}
.ys-header-wallet small,.ys-header-wallet strong {display:block}
html[data-ys-scheme] .ys-header-wallet small {font-size:10px;color:var(--ys-muted)}
.ys-header-wallet strong {font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-ys-scheme] .ys-header-wallet b {font-size:22px;color:var(--ys-soft-ink)}
.ys-add-funds-label {font-size:12px;font-weight:700}
html[data-ys-scheme] .ys-order-note {margin:10px 0 0;font-size:12px;color:var(--ys-muted);text-align:center}
html[data-ys-scheme] .ys-favorite-action {color:var(--ys-soft-ink);background:var(--ys-soft);border:1px solid var(--ys-line)}
.ys-mode-options {display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.ys-mode-options label {flex:1;padding:16px;border:1px solid var(--ys-line);border-radius:12px;background:var(--ys-surface-alt);color:var(--ys-ink)}
@media(max-width:700px){.ys-add-funds-label{display:none}html[data-ys-scheme] .ys-header-wallet{gap:6px;padding:6px 8px}.ys-header-wallet strong{font-size:13px}html[data-ys-scheme] .topbar{flex-wrap:wrap;gap:8px}html[data-ys-scheme] .top-actions{margin-left:auto;gap:6px}html[data-ys-scheme] .ys-brand img{width:30px;height:38px}}
@media(max-width:420px){html[data-ys-scheme] .top-actions{width:100%;justify-content:flex-end}.ys-header-wallet{margin-right:auto}}

/* 0.49.5: pair foregrounds with their surfaces above legacy component rules. */
html[data-ys-scheme] body.panel-body .ticket-message.from-customer {
 background:var(--ys-surface);color:var(--ys-ink);border-color:var(--ys-line);
}
html[data-ys-scheme] body.panel-body .ticket-message.from-support {
 background:var(--ys-soft);color:var(--ys-ink);border-color:var(--ys-line);
}
html[data-ys-scheme] body.panel-body .ticket-message header strong,
html[data-ys-scheme] body.panel-body .ticket-message .ticket-body {color:var(--ys-ink)}
html[data-ys-scheme] body.panel-body .ticket-message header span {color:var(--ys-muted)}
html[data-ys-scheme] body.panel-body .ticket-message .ticket-attachment {
 background:var(--ys-surface-alt);color:var(--ys-soft-ink);border:1px solid var(--ys-line);
 max-width:100%;overflow-wrap:anywhere;
}
html[data-ys-scheme] body.panel-body .command-card.light {
 background:var(--ys-surface-alt);color:var(--ys-ink);border-color:var(--ys-line);
}
html[data-ys-scheme] body.panel-body .command-card.light :is(strong,b) {color:var(--ys-ink)}
html[data-ys-scheme] body.panel-body .command-card.light :is(span,p) {color:var(--ys-muted)}
html[data-ys-scheme] body.panel-body :is(.ticket-attachment,.command-card):focus-visible {
 outline:2px solid var(--ys-focus);outline-offset:3px;
}
/* Shared administrator/customer sidebar branding; preserve image proportions. */
html[data-ys-scheme] body.panel-body .sidebar .brand {
 align-items:center;gap:12px;
}
html[data-ys-scheme] body.panel-body .sidebar .brand>img {
 width:48px;height:58px;max-width:none;max-height:none;flex:0 0 48px;object-fit:contain;object-position:center;
}
html[data-ys-scheme] body.panel-body .sidebar .brand>div {min-width:0;justify-content:center}
html[data-ys-scheme] body.panel-body .sidebar .brand strong {line-height:1.25}
html[data-ys-scheme] body.panel-body .sidebar .brand small {line-height:1.5;margin-top:4px}
@media(max-width:650px){
 html[data-ys-scheme] body.panel-body .ticket-message {min-width:0;max-width:100%}
 html[data-ys-scheme] body.panel-body .ticket-message header {flex-wrap:wrap;gap:4px 12px}
 html[data-ys-scheme] body.panel-body .sidebar .brand {gap:10px}
 html[data-ys-scheme] body.panel-body .sidebar .brand>img {width:44px;height:54px;flex-basis:44px}
}