/* Presentation only. Applied after the server's existing styles. */
html:root:not([data-theme=dark]){--bg-app:#f3f8fd;--bg-shell:#f3f8fd;--bg-surface:#fff;--bg-surface-2:#f1f6fd;--bg-sidebar:#f8fbff;--bg-input:#fff;--bg-table:#fff;--bg-table-head:#f3f7fd;--bg-tile:#f1f6fd;--bg-hover:#edf4ff;--text:#121c3d;--text-2:#59688a;--text-3:#7381a0;--accent:#2460ef;--accent-hover:#164cc9;--accent-ink:#fff;--accent-soft:#eaf2ff;--border:#dde8f5;--border-soft:#edf2f9;--border-strong:#cddbf0;--sb-ink:#19274c;--sb-ink-2:#657595;--sb-on:#e6f0ff;--sb-on-ink:#164ed8;--success:#098a62;--danger:#de3f58;--warning:#a66308;--link:#245de3;--viz-1:#2460ef;--viz-2:#7893fb;--viz-3:#f6b44d;--viz-4:#42bde3;--viz-5:#ef657a;--viz-6:#11b990;--r-lg:12px;--r-xl:14px;--radius:12px;--radius-sm:8px;--shadow-xs:0 2px 8px #24487b04;--shadow:var(--shadow-xs);--brand:var(--accent);--brand-d:var(--accent-hover);--bg:var(--bg-app);--card:var(--bg-surface);--ink:var(--text);--muted:var(--text-2);--line:var(--border);--good:var(--success);--bad:var(--danger)}
.app-design{font-size:14px;line-height:1.5;--control-h:38px;--sidebar-w:210px;--fs-table:13px}
.app-design .shell{grid-template-columns:210px minmax(0,1fr)}
.app-design .content{padding:24px 24px 40px;background:var(--bg-app);min-width:0}
.app-design .sidebar{width:auto;padding:22px 12px 16px;gap:18px;border-radius:0;border-right:1px solid var(--border);background:var(--bg-sidebar);color:var(--sb-ink);box-shadow:none}
.app-design .sb-brand{padding:0 8px 18px;gap:9px;color:var(--sb-ink)}
.app-design .sb-logo{width:32px;height:32px;border-radius:10px;background:var(--accent);font-size:24px;color:#fff;box-shadow:0 3px 12px #2460ef22}
.app-design .sb-titles b{font-size:18px;color:var(--sb-ink)}
.app-design .sb-titles small{font-size:10px;color:var(--sb-ink-2)}
.app-design .sb-nav{gap:5px}.app-design .sb-item{min-height:39px;padding:9px 10px;gap:11px;border-radius:8px;color:var(--sb-ink);font-size:13px;font-weight:500}
.app-design .sb-item.on{background:var(--sb-on);color:var(--sb-on-ink);box-shadow:inset 3px 0 var(--accent)}
.app-design .sb-item:hover{background:var(--bg-hover);color:var(--accent)}
.app-design .sb-item .icon{width:18px;height:18px;flex-shrink:0}
.app-design .sb-tools{border-color:var(--border)}.app-design .sb-tools>summary{color:var(--sb-ink-2);font-size:12px}
.app-design .sb-foot{border-top:1px solid var(--border);padding-top:12px}.app-design .sb-foot .sb-item{font-size:12px}
.app-design .cabinet-context{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:12px;color:var(--text)}
.app-design .cabinet-back,.app-design .cabinet-switch nav a,.app-design .cabinet-balance>span,.app-design .cabinet-balance small{color:var(--text-2)}
.app-design .cabinet-switch summary{font-size:13px}.app-design .cabinet-balance{margin-top:12px;gap:3px}.app-design .cabinet-balance strong{font-size:23px;color:var(--text)}
.app-design .cabinet-balance .cabinet-stale{color:var(--warning)}.app-design .cabinet-switch nav a:hover{background:var(--bg-hover)}
.app-design h1{font-size:29px;line-height:1.25;margin-bottom:10px;letter-spacing:-.035em}.app-design h2{font-size:19px;line-height:1.3;letter-spacing:-.02em}.app-design h3{font-size:16px;line-height:1.35}
.app-design :where(.toolbar,.calm-heading,.lw-head,.pw-heading){margin-bottom:20px;gap:16px}
.app-design :where(.card,.brief-panel,.pw-panel,.lw-work-card,.lw aside,.ow-history,.gen-step,.traffic-sources,.account-directory){border:1px solid var(--border);border-radius:12px;background:var(--bg-surface);box-shadow:var(--shadow-xs)}
.app-design :where(.card-head,.brief-panel,.pw-panel,.lw-work-card){padding:20px}
.app-design .btn,.app-design .pb,.app-design .b{min-height:36px;padding:8px 12px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-weight:550;line-height:1.4;box-shadow:0 1px 3px #29457a04}
.app-design .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 3px 8px #2460ef16}
.app-design .btn.small{min-height:30px;padding:5px 9px;font-size:12px}.app-design .btn:hover{border-color:var(--accent)}
.app-design :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){min-height:38px;padding:8px 11px;border-radius:7px;border-color:var(--border-strong);font-size:14px;max-width:100%}
.app-design :where(input[type=checkbox],input[type=radio]){width:16px;height:16px}.app-design :where(label,.hint,.muted,.small){line-height:1.5}
.app-design :where(table){font-size:13px;font-variant-numeric:tabular-nums}.app-design :where(th){background:var(--bg-table-head);color:var(--text-2);font-size:12px;font-weight:600;padding:11px 12px;border-bottom:1px solid var(--border)}
.app-design :where(td){padding:12px;border-bottom:1px solid var(--border-soft)}.app-design :where(tbody tr:hover){background:var(--bg-hover)}
.app-design :where(.badge,.account-status){border-radius:999px;font-size:11px;font-weight:600;padding:3px 8px}
.app-design .account-directory{padding:6px 12px}.app-design .accounts-clear th{background:var(--bg-table-head)}.app-design .accounts-clear td{padding:17px 12px}
.app-design .account-avatar{width:30px;height:30px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:13px}
.app-design .acc-link{font-size:14px;color:var(--text);gap:10px}.app-design .accounts-intro{font-size:13px;color:var(--text-2);margin:0 0 18px}
.app-design .stats{gap:12px}.app-design :where(.stat,.pw-metric){border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);padding:16px;box-shadow:var(--shadow-xs)}
.app-design .stat .v{font-size:26px}.app-design :where(.stat .t,.pw-metric>span){font-size:12px;color:var(--text-2)}
.app-design .pw-metric strong{font-size:28px}.app-design .pw-scenarios{gap:14px}.app-design .pw-scenario{border-radius:12px;padding:20px;border-color:var(--border)}
.app-design .calm-workspace #v2{padding:16px;border-radius:12px}.app-design .calm-workspace #v2>.card-head{padding:4px 0 14px}
.app-design .calm-workspace .v2t{padding:10px 12px;font-size:13px}.app-design :where(.v2bar,.period-bar,.workspace-options){border-radius:8px;background:var(--bg-surface-2);border-color:var(--border)}
.app-design .calm-workspace .v2t.on{color:var(--accent);border-color:var(--accent)}.app-design .calm-workspace .tree-table td{padding:12px;font-size:13px}
.app-design .setup,.app-design .brief-workspace{max-width:1120px;margin:auto}.app-design .setup-steps button{border-radius:8px;font-size:13px}.app-design .setup [data-panel]{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;padding:24px}
.app-design .journey-readiness{border-left:3px solid var(--accent)}.app-design .brief-workspace #journey-project,.app-design .brief-workspace #journey-start:not(:disabled){background:var(--accent);color:var(--accent-ink)}
.app-design .brief-dialog{border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 80px #19274c26;max-height:90dvh;overflow:auto}
.app-design :where(.gen-welcome,.gen-project,.gen-step,.hypo-card,.ad-card){border-radius:12px;border-color:var(--border)}
.app-design :where(.lw-stage,.ow-stages button){border-radius:7px;border-color:var(--border);font-size:13px}.app-design .lw-stage.on{background:var(--accent);color:#fff}
.app-design .content>form{max-width:1100px}.app-design :where(.table-wrap,.brief-scroll){max-width:100%;overflow:auto}
@media(min-width:1600px){.app-design .content{padding-left:32px;padding-right:32px}}
@media(max-width:1050px) and (min-width:769px){.app-design .shell{grid-template-columns:190px minmax(0,1fr)}.app-design .content{padding:20px 16px}.app-design .sb-item{font-size:12px}}
@media(max-width:768px){.app-design .shell{grid-template-columns:minmax(0,1fr)}.app-design .sidebar{position:relative;height:auto;border-radius:0;border-right:0;border-bottom:1px solid var(--border);padding:12px 16px;gap:10px}.app-design .content{padding:20px 14px}.app-design .sb-brand{padding:0}.app-design .cabinet-context{background:transparent;padding:8px 0;border:0}.app-design .nav-toggle{color:var(--text);border-color:var(--border);background:var(--bg-surface)}.app-design h1{font-size:25px}.app-design :where(.card-head,.brief-panel,.pw-panel,.lw-work-card){padding:16px}.app-design .setup [data-panel]{padding:16px}.app-design .stats{gap:8px}.app-design .accounts-clear td{padding:12px 8px}}
@media(prefers-reduced-motion:reduce){.app-design *{scroll-behavior:auto!important;transition:none!important}}
/* Match the geometry of the supplied workspace, including legacy selectors. */
.app-design .account-directory{border-radius:10px}
.app-design .accounts-clear td{vertical-align:middle;padding:14px 12px}
.app-design .accounts-clear .acc-link{font-weight:600;gap:10px}
.app-design .accounts-clear .badge{margin-left:40px}
.app-design .account-menu>summary{border:1px solid var(--border);border-radius:7px;background:var(--bg-surface);padding:7px 10px;font-size:12px}
.app-design .account-status{padding:4px 8px;background:var(--bg-surface-2)}
.app-design .account-status.active{background:#e9f8f1;color:#087957}
.app-design .traffic-sources>summary{padding:14px 16px}
.app-design .calm-workspace{padding:18px;border-radius:10px}
.app-design .calm-workspace #v2{padding:0}
.app-design .calm-workspace #v2>.card-head{padding:0 0 14px;gap:16px}
.app-design .calm-workspace #workspace-title{font-size:21px}
.app-design .calm-workspace .workspace-help{font-size:12px;line-height:1.5;margin:5px 0 0}
.app-design .workspace-controls{padding:12px 0;margin:0;gap:12px}
.app-design .calm-workspace .v2-tabs{gap:6px;padding:0;margin:0 0 14px}
.app-design .calm-workspace .v2t{border-radius:0;padding:11px 12px;min-height:40px;background:transparent}
.app-design .calm-workspace .v2t.on{background:transparent;box-shadow:inset 0 -2px var(--accent)}
.app-design .calm-workspace .workspace-search{padding:0;margin-bottom:14px}
.app-design .calm-workspace .tree-table th{padding:10px 12px;font-size:12px}
.app-design .calm-workspace .tree-table td{padding:12px;line-height:1.45}
.app-design .calm-workspace .tree-table .v2-open{font-weight:550}
.app-design .calm-workspace .dw-row-edit{min-height:26px;padding:3px 7px;font-size:11px}
.app-design .calm-workspace .calm-create{font-size:13px;min-height:36px;padding:8px 12px}
.app-design .calm-workspace .experience-buttons .btn{font-size:12px;min-height:32px}
.app-design .calm-workspace .ad-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.app-design .calm-workspace .ad-card{padding:14px;border-radius:10px;background:var(--bg-surface)}
.app-design .calm-workspace .ad-card-h{font-size:15px;margin:12px 0 8px}
.app-design .calm-workspace .ad-metrics{gap:10px;padding:12px 0;margin:12px 0}
.app-design .stat,.app-design .pw-metric,.app-design .summary-kpis .stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:16px;min-height:100px}
.app-design .stat::before{display:none}
.app-design .stat-value{font-size:clamp(19px,1.6vw,27px);margin-top:8px}
.app-design .stat-label,.app-design .stat-sub{font-size:12px}
.app-design .stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;margin-bottom:18px}
.app-design .pw-metrics{gap:14px;margin:18px 0}
.app-design .pw-metric{gap:8px;border-top:3px solid var(--accent)}
.app-design .pw-metric:nth-child(2){border-top-color:var(--success)}
.app-design .pw-metric:nth-child(3){border-top-color:var(--warning)}
.app-design .pw-scenarios{margin:20px 0;gap:14px}
.app-design .pw-scenarios>a{padding:18px;border-radius:10px}
.app-design .pw-symbol{float:left;margin:0 12px 10px 0;width:36px;height:36px;border-radius:9px;font-size:22px}
.app-design .pw-scenarios h2{font-size:18px;padding-top:5px;margin:0 0 14px}
.app-design .pw-scenarios p{clear:both;font-size:13px}
.app-design .product-workspace .pw-panel{border-radius:10px;padding:20px;margin-bottom:16px}
.app-design .pw-resume{padding:14px 0}
.app-design .pw-columns{gap:16px}
.app-design .card>.card-head{padding:0;margin:0 0 18px}
.app-design .card{border-radius:10px}
.app-design .card:not(.calm-workspace){padding:20px}
.app-design.dashboard-summary .bottom-grid{gap:16px}
.app-design.dashboard-summary .bottom-grid>.card{padding:20px}
.app-design.dashboard-summary .bottom-grid h2{font-size:20px}
.app-design.dashboard-summary .kpi-row.nine{gap:10px}
.app-design.dashboard-summary .kpi-row.nine .kpi{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px}
.app-design .sidebar .ic{color:currentColor}
.app-design :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.app-design #brief-open{min-height:88px;padding:16px 8px 16px 90px;background:var(--bg-surface-2) url('/static/images/orbit-assistant.png') no-repeat 0 center / 86px auto;border:1px solid var(--border);border-radius:10px;font-size:12px;line-height:1.45;color:var(--text);text-align:left}
.app-design #brief-open:hover{border-color:var(--accent);color:var(--accent)}
.app-design .segment-monitor #sm-form{padding:18px;border-radius:10px;gap:14px;margin:18px 0 12px}
.app-design .segment-monitor #sm-tabs{gap:6px;margin:18px 0;border-bottom:1px solid var(--border);padding-bottom:12px}
.app-design .segment-monitor #sm-tabs .btn{font-size:12px;padding:7px 10px;min-height:34px}
.app-design .segment-monitor #sm-output{padding:20px;border-radius:10px;margin-top:18px}
.app-design .segment-monitor #sm-output h2{font-size:21px}
.app-design .segment-monitor details{padding:14px 16px;border-radius:9px;border:1px solid var(--border);background:var(--bg-surface)}
.app-design .segment-monitor .sm-toolbar{padding:14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:9px;margin:16px 0}
.app-design .segment-monitor .sm-hint{font-size:12px}
.app-design.dashboard-summary .bottom-grid{align-items:start}
.app-design.dashboard-summary .bottom-grid>.card:has(.sc-area){max-height:610px;overflow:auto;overscroll-behavior:contain}
.app-design.dashboard-summary .kpi-row.nine{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}
.app-design.dashboard-summary .kpi-row.nine .kpi{height:auto;min-height:112px;padding:14px}
.app-design.dashboard-summary .kpi-row.nine .kpi .kpi-val{font-size:22px}
.app-design.dashboard-summary .hero{border:1px solid var(--border);border-radius:10px}
.app-design .login-card,.app-design.share-access .box{border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 45px #203d7510}
.app-design.editor-embedded .ce{max-width:none}
.app-design .calm-workspace .table-wrap:has(>.tree-table){max-height:680px;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
.app-design .calm-workspace .tree-table>thead{position:sticky;top:0;z-index:3;background:var(--bg-table-head)}
@media(min-width:1600px){.app-design.dashboard-summary .kpi-row.nine{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}
@media(max-width:600px){.app-design.dashboard-summary .kpi-row.nine{grid-template-columns:repeat(2,minmax(0,1fr))}.app-design.dashboard-summary .kpi-row.nine .kpi .kpi-val{font-size:18px}.app-design.dashboard-summary .bottom-grid>.card:has(.sc-area){max-height:650px}}
@media(max-width:900px){.app-design .nav-toggle{color:var(--text);border-color:var(--border);background:var(--bg-surface)}.app-design .sidebar{border-radius:0;border-bottom:1px solid var(--border)}.app-design .calm-workspace #v2>.card-head{flex-wrap:wrap}}
@media(max-width:600px){.app-design .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-design .calm-workspace{padding:14px}.app-design .calm-workspace #v2>.card-head>div:first-child{flex-basis:100%}.app-design .btn{min-height:40px}.app-design .account-directory{padding:0}.app-design .accounts-clear td{padding:6px 0}.app-design .calm-workspace .ad-grid{grid-template-columns:minmax(0,1fr)}.app-design .card:not(.calm-workspace){padding:16px}.app-design .stat-value{font-size:19px}.app-design .stat{padding:12px}}
