/* Home and Studio use the same live services and persistent JARVIS console.
   Deliberately scoped: no changes to CRM lists, customer dialogs or permissions. */
body[data-environment=home],body[data-environment=studio] { --bi-bg:var(--os-background);--bi-panel:var(--os-panel);--bi-line:var(--os-line);--bi-muted:var(--os-muted);--bi-accent:var(--os-accent);background:var(--bi-bg);color:#f6f8fb; }
#businessHome,#studioApp { color:#f6f8fb; }
#businessHome .business-home-heading {display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px;}
#businessHome .business-home-heading h1 {font-size:38px;letter-spacing:-.04em!important;margin:4px 0;}
#businessHome .business-home-heading .section-kicker {font-size:11px;color:var(--os-muted);}
#businessDashboardControls {max-width:780px;}
#businessDashboardControls .analytics-filters {gap:8px;margin:0;justify-content:flex-end;}
#businessDashboardControls label {font-size:12px;min-width:110px;}
#businessDashboardControls :is(input,select) {background:var(--os-panel);color:#f4f7fb;border:1px solid var(--os-line);padding:9px;border-radius:6px;font:inherit;min-width:0;max-width:100%;color-scheme:dark;}
#businessDashboardControls button {min-height:38px;}
#businessHome .business-command-grid {grid-template-columns:minmax(180px,.7fr) minmax(350px,1.4fr) minmax(240px,.8fr);gap:clamp(24px,3vw,60px);align-items:center;border-bottom:1px solid var(--bi-line);padding:12px 0 28px;}
#businessHome .business-command>h2 {font-size:13px;letter-spacing:.16em!important;color:var(--os-muted);font-weight:700;}
#businessHome #businessJarvisSlot {max-width:640px;margin:0 auto;}
#businessHome #businessJarvisSlot .jarvis-home-console {background:transparent;padding:0;}
#businessHome #businessJarvisSlot .jarvis-orb {width:clamp(220px,23vw,340px);height:clamp(220px,23vw,340px);max-width:100%;}
#businessHome .jarvis-name {display:none;}
#businessHome .business-summary {min-width:0;}
#businessHome .business-summary h2 {font-size:17px;color:var(--bi-muted);font-weight:500;margin-top:24px;}
#businessHome .business-summary-total {display:block;font-size:clamp(46px,5vw,72px);line-height:1.1;font-weight:600;}
#businessHome .business-summary-rate {font-size:36px;display:block;}
#businessHome .business-summary h3 {margin:32px 0 6px;font-size:14px;color:var(--bi-muted);font-weight:500;}
#businessHome .business-summary-change {color:var(--bi-accent);line-height:1.5;}
#businessHome .business-summary small {display:block;color:var(--bi-muted);font-size:11px;margin-top:12px;}
#businessHome .business-priorities {padding:12px 0 12px 24px;border-color:var(--bi-line);}
#businessHome .business-priorities h2 {font-size:24px;}
#businessHome .business-priority {border-color:var(--bi-line);}
#businessHome :is(.business-source-note,.business-empty-note,.business-priority small) {color:var(--bi-muted);}
#businessHome .business-dashboard-heading {margin:32px 0 18px;}
#businessHome .business-dashboard-heading h2 {font-size:29px;}
#businessHome .business-kpi-row .analytics-kpis {gap:16px;border:0;}
#businessHome .business-kpi-row .analytics-kpi {border:1px solid var(--bi-line);border-top:2px solid var(--bi-accent);border-radius:10px;background:var(--bi-panel);padding:22px;}
#businessHome .analytics-kpi :is(p,small) {color:var(--bi-muted);}
#businessHome .business-dashboard-grid {grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start;}
#businessHome :is(.analytics-chart,.business-creative) {background:var(--bi-panel);border:1px solid var(--bi-line);border-radius:10px;min-width:0;padding:24px;}
#businessHome .analytics-chart h3 {color:#f5f8fc;}
#businessHome .business-creative>.analytics-chart {border:0;background:transparent;padding:12px 0;margin:0;}
#businessHome .analytics-bar-track {background:var(--os-raised);}#businessHome .analytics-bar-track i {background:var(--os-accent);}
#businessHome .analytics-bar-row {grid-template-columns:minmax(90px,1.1fr) minmax(40px,1.8fr) auto;gap:10px;}
#businessHome .analytics-bar-row>span:first-child {overflow-wrap:anywhere;}
#businessHome .business-analysis-grid {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;margin:24px 0;}
#businessHome .business-conversion-value {font-size:48px;display:block;color:#70dacb;}
#businessHome .business-area-results {display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;}
#businessHome .business-area-results button {display:grid;gap:10px;text-align:left;background:var(--os-panel);border:1px solid var(--bi-line);color:#f4f8fc;padding:18px;border-radius:8px;}
#businessHome .business-area-results button strong {font-size:32px;}
#businessHome .business-area-results button small {color:var(--bi-accent);}
#businessHome .business-report-links {display:flex;flex-wrap:wrap;gap:24px;border-block:1px solid var(--bi-line);margin:24px 0;}
#businessHome .business-text-link {color:var(--os-accent);}
#businessHome .business-source-state {background:var(--os-panel);color:var(--bi-muted);}
#businessHome .home-tools {margin-top:24px;}
#businessHome .home-area-overview {border-color:var(--bi-line);}
#businessHome .business-production-list button {border-color:var(--bi-line);}
#businessHome :is(.business-attribution,.business-insights,.analytics-sources) {border-color:var(--bi-line);}
body[data-environment=studio] #businessModule {padding-top:28px;}
body[data-environment=studio] #businessModule>h1 {font-size:38px;margin:0 0 22px;letter-spacing:-.04em;}
body[data-environment=studio] #businessModule>[data-module-description]:empty {display:none;}
#studioApp .studio-hero {background:transparent;border:0;padding:18px 0;margin:0;grid-template-columns:1fr;}
#studioApp .studio-hero h2 {font-size:28px;margin:8px 0;}
#studioApp .studio-featured {display:none;}
#studioApp .studio-nav {border-color:var(--bi-line);}
#studioApp .studio-nav button {background:transparent;border:0;border-radius:0;color:var(--bi-muted);border-bottom:2px solid transparent;}
#studioApp .studio-nav button[aria-current=page] {color:white;border-color:var(--bi-accent);}
#studioApp .studio-format-launcher {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0 28px;}
#studioApp .studio-format-launcher button {display:grid;gap:10px;text-align:left;padding:18px;background:var(--bi-panel);border-color:var(--bi-line);font-size:15px;min-width:0;}
#studioApp .studio-format-launcher button:hover {border-color:var(--bi-accent);background:var(--os-raised);}
#studioApp .studio-format-launcher button>span {font-size:25px;color:var(--os-accent);}
#studioApp .studio-stat {display:flex;align-items:center;gap:16px;padding:20px;border-color:var(--bi-line);background:var(--bi-panel);}
#studioApp .studio-stat strong {font-size:32px;}#studioApp .studio-stat span {font-size:14px;color:var(--bi-muted);}
#studioApp :is(.studio-card,.studio-editor,.studio-dropzone) {background:var(--bi-panel);border-color:var(--bi-line);}
#studioApp :is(input,select,textarea) {background:var(--os-background);border-color:var(--os-line);color:white;color-scheme:dark;}
#studioApp .studio-edit-layout {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start;}
#studioApp .studio-edit-layout>.studio-editor {margin:20px 0;max-width:none;min-width:0;}
#studioApp .studio-live-preview {min-width:0;align-self:start;margin:20px 0;border:1px solid var(--bi-line);border-radius:12px;background:var(--os-panel);padding:24px;}
#studioApp .studio-preview-heading {display:flex;justify-content:space-between;color:var(--bi-muted);font-size:12px;margin-bottom:20px;}
#studioApp .studio-preview-stage {background:#e7e6db;color:#131d18;max-width:500px;min-height:360px;margin:0 auto;border-radius:2px;overflow:hidden;}
#studioApp .studio-preview-stage[data-format=reel],#studioApp .studio-preview-stage[data-format=short] {max-width:330px;min-height:440px;}
#studioApp .studio-preview-copy {padding:28px;}
#studioApp .studio-preview-copy h3 {font-size:28px;overflow-wrap:anywhere;color:#142019;margin:0 0 20px;}
#studioApp .studio-preview-copy p {white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow-y:auto;line-height:1.7;color:#26362d;}
#studioApp .studio-preview-media:empty {display:none;}
#studioApp .studio-preview-media :is(img,video) {width:100%;max-height:320px;object-fit:contain;display:block;background:var(--os-background);}
#studioApp .studio-live-preview>small {display:block;margin-top:12px;color:var(--bi-muted);}
#studioApp .studio-preview-state {border-top:1px solid var(--bi-line);margin:24px 0 12px;padding-top:12px;}
#studioApp .studio-preview-state ol {display:flex;flex-wrap:wrap;gap:8px 28px;padding-left:18px;font-size:12px;color:var(--bi-muted);}
#studioApp .studio-format-field {grid-column:1/-1;min-width:0;}
#studioApp .studio-format-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0;}
#studioApp .studio-format-options button {padding:12px 6px;font-size:13px;}
#studioApp .studio-format-options button[aria-pressed=true] {border-color:var(--os-accent);background:#573626;color:white;}
#studioApp .studio-format-field summary {cursor:pointer;padding:8px 0;color:var(--bi-muted);}
#studioApp .studio-field {min-width:0;color:var(--bi-muted);}
#studioApp .studio-content-preview {background:linear-gradient(130deg,#2f4659,var(--os-panel));}
#studioApp :is(.studio-card p,.studio-card small,.studio-muted) {color:var(--bi-muted);}
#studioApp .studio-production {border-color:var(--bi-line);}
#businessHome :is(button,input,select,summary):focus-visible,#studioApp :is(button,input,select,textarea,summary):focus-visible {outline:3px solid #ffae7f;outline-offset:3px;}
@media(max-width:1150px){#businessHome .business-home-heading{align-items:start;flex-direction:column}#businessDashboardControls .analytics-filters{justify-content:flex-start}#businessHome .business-command-grid{grid-template-columns:minmax(140px,.6fr) minmax(0,1.4fr)}#businessHome .business-priorities{grid-column:1/-1;border-left:0;border-top:1px solid var(--bi-line);padding:16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}#businessHome .business-priorities :is(h2,.section-kicker){grid-column:1/-1}#studioApp .studio-format-launcher{grid-template-columns:repeat(4,minmax(0,1fr))}#studioApp .studio-edit-layout{grid-template-columns:1fr}#studioApp .studio-live-preview{position:static} }
@media(max-width:700px){#businessHome .business-command-grid{grid-template-columns:1fr;gap:20px}#businessHome .business-command{grid-row:1}#businessHome .business-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:22px;border:1px solid var(--bi-line);border-radius:10px;background:var(--bi-panel)}#businessHome .business-summary h2,#businessHome .business-summary h3{margin:0}#businessHome .business-summary-total{font-size:46px}#businessHome .business-summary h3{grid-column:1}#businessHome .business-summary>p:first-child{grid-column:1/-1}#businessHome .business-summary .business-summary-change{grid-column:1/-1}#businessHome .business-priorities{display:block}#businessHome .business-dashboard-grid,#businessHome .business-analysis-grid{grid-template-columns:1fr}#businessHome .business-kpi-row .analytics-kpis{grid-template-columns:1fr}#businessHome .business-kpi-row .analytics-kpi{display:grid;grid-template-columns:1fr auto;column-gap:12px}#businessHome .business-kpi-row .analytics-kpi strong{grid-column:2;grid-row:1/3;font-size:34px}#businessHome .business-kpi-row .analytics-kpi p{margin:0 0 8px}#businessHome #businessJarvisSlot .jarvis-orb{width:290px;height:290px}#businessHome :is(.analytics-chart,.business-creative){padding:18px}#businessHome .business-home-heading h1{font-size:32px}#studioApp .studio-format-launcher{grid-template-columns:repeat(2,minmax(0,1fr))}#studioApp .studio-stat-grid{grid-template-columns:1fr}#studioApp .studio-live-preview{padding:16px}#studioApp .studio-preview-copy{padding:20px}#businessDashboardControls label{flex:1}#businessDashboardControls .analytics-filters{max-width:100%}#businessDashboardControls{width:100%} }
@media(prefers-reduced-motion:reduce){#businessHome *,#studioApp *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
#businessSites {border-block:1px solid var(--bi-line);padding:28px 0;margin:28px 0;}
#businessHome .site-analytics {min-width:0;color:var(--bi-text);}
#businessHome .site-analytics h2 {font-size:28px;margin:8px 0;}
#businessHome .site-analytics>.analytics-note {margin:12px 0;}
#businessHome .site-analytics .analytics-kpis {grid-template-columns:repeat(4,minmax(0,1fr));}
#businessHome .site-analytics .analytics-kpi {min-width:0;}
#businessHome .site-analytics :is(select,button) {background:#121c27;color:#f4f8fc;border:1px solid var(--os-line);padding:12px;border-radius:7px;min-width:0;max-width:100%;font:inherit;}
#businessHome .site-table-scroll {overflow-x:auto;}
#businessHome .site-table-scroll table {border-collapse:collapse;min-width:610px;font-size:14px;}
#businessHome .site-table-scroll th {color:#b8c8d4;font-size:12px;}
#businessHome .site-table-scroll :is(th,td):not(:first-child) {text-align:right;white-space:nowrap;}
#businessHome .site-table-scroll td:first-child {min-width:180px;max-width:440px;overflow-wrap:anywhere;}
@media(max-width:700px){#businessHome .site-analytics .analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}#businessHome .site-analytics .analytics-kpi{padding:12px;}#businessHome .site-analytics .analytics-kpi strong{font-size:32px;}#businessHome .site-analytics .analytics-grid{grid-template-columns:1fr;}}
