/* Approved platform direction V1. Scoped to owned browser workspaces;
   no marketing, payment logic, data, or semantic status changes. */
.sp-workspace{background:#fff;color:#171C29}
.sp-workspace main{padding-top:28px}
.sp-workspace>header{gap:20px;background:#fff;flex-wrap:wrap}
.sp-workspace>header nav{flex-wrap:wrap;gap:12px 18px}
.sp-workspace :is(button,.button,input:not([type=checkbox]),select){min-height:44px}
.sp-workspace :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #1746C8;outline-offset:4px}
.sp-workspace :is(h1,h2,h3){color:#171C29;text-wrap:balance}
.sp-workspace :is(.card,.panel,.device-card){border:1px solid #DCE0E8;border-radius:14px;background:#fff}
.sp-workspace :is(.card,.panel){box-shadow:0 5px 18px #171c2906}
.sp-workspace :is(input,select,textarea){border-color:#9ba6ba}
.sp-workspace :is(.section-heading,.toolbar,.device-picker)>*{min-width:0}
.sp-workspace :is(h1,h2,h3,p,dd){overflow-wrap:anywhere}
.sp-workspace #welcome,.sp-workspace .dashboard-heading,.sp-workspace.sp-operations main>.intro,.sp-workspace.sp-service main>.section-head{background:#1746C8;border-radius:18px;padding:28px 30px;color:#fff;margin-bottom:26px}
.sp-workspace #welcome :is(h1,p,a),.sp-workspace .dashboard-heading :is(h1,p,label),.sp-workspace.sp-operations main>.intro :is(h1,p),.sp-workspace.sp-service main>.section-head :is(h1,p,a){color:#fff}
.sp-workspace #welcome h1{font-size:clamp(32px,4vw,46px);letter-spacing:-1.4px}
.sp-workspace #welcome .eyebrow{margin-top:22px}
.sp-workspace .dashboard-heading .eyebrow,.sp-workspace.sp-operations main>.intro .eyebrow{background:none;padding:0;color:#fff;font-weight:750}
.sp-workspace .dashboard-heading select{background:#fff;color:#171C29;max-width:300px}
.sp-workspace .dashboard-heading button{background:#fff;color:#1746C8;border-color:#fff}
.sp-workspace .dashboard-heading :is(button,select,a):focus-visible,.sp-workspace #welcome a:focus-visible{outline-color:#E9F363}
.sp-workspace #auth{align-items:start;gap:24px}
.sp-workspace #auth>.card{padding:28px}
.sp-workspace #auth>.card:first-child{border-top:5px solid #1746C8}
.sp-workspace #auth h2{font-size:24px}
.sp-workspace #browser-app-choice{padding-bottom:22px;border-bottom:1px solid #DCE0E8;margin-bottom:22px}
.sp-workspace .puck-tabs{gap:24px}
.sp-workspace .puck-tabs a{min-height:44px;display:flex;align-items:center;padding:10px 4px}
.sp-workspace .puck-tabs a[aria-current=page]{background:transparent;color:#1746C8;border-bottom:3px solid #1746C8}
.sp-workspace #metrics.metrics{border:0;border-radius:0;gap:12px;background:transparent;overflow:visible}
.sp-workspace #metrics .metric{background:#fff;border:1px solid #DCE0E8;border-radius:12px;padding:20px 16px;min-width:0}
.sp-workspace #metrics .metric strong{color:#171C29;font-size:clamp(25px,2.8vw,36px);line-height:1.25;padding:0;margin:0 0 10px;overflow-wrap:anywhere}
.sp-workspace.sp-account #metrics{grid-template-columns:1.25fr repeat(4,minmax(0,1fr))}
.sp-workspace.sp-account #metrics .metric:first-child{background:#1746C8;border-color:#1746C8;box-shadow:0 7px 18px #1746c81a}
.sp-workspace.sp-account #metrics .metric:first-child strong{color:#fff;font-size:clamp(42px,4.5vw,58px);letter-spacing:-2px;margin-bottom:4px}
.sp-workspace.sp-account #metrics .metric:first-child span{color:#fff;font-size:14px}
.sp-workspace #metrics .metric span{display:block;color:#566073;font-size:13px}
.sp-workspace #metrics .metric small{margin:8px 0 0;font-size:12px}
.sp-workspace .outlook{border:1px solid #cbd7ef;border-left:5px solid #1746C8;border-radius:12px;background:#edf3ff;padding:22px;gap:22px;align-items:flex-start;margin:18px 0 24px}
.sp-workspace .outlook h3{display:inline-block;background:#E9F363;color:#171C29;border-radius:4px;padding:8px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin:0}
.sp-workspace #forecast{color:#171C29;font-size:14px;line-height:1.55;min-width:0}
.sp-workspace #forecast>strong{color:#171C29!important;font-size:clamp(25px,3vw,32px)!important;letter-spacing:-.7px;margin-bottom:6px!important}
.sp-workspace #forecast>span:last-child{color:#566073;font-size:13px}
.sp-workspace #account-timeline{border-radius:14px;padding:24px;box-shadow:0 5px 18px #171c2906}
.sp-workspace #account-timeline h3{font-size:23px;color:#171C29}
.sp-workspace #account-timeline button[aria-pressed=true],.sp-workspace.sp-admin nav[aria-label="Admin sections"] button[aria-current=page]{background:#1746C8;color:#fff;border-color:#1746C8}
.sp-workspace #account-timeline button{min-height:44px}
.sp-workspace .setup-guide{background:#f5f8ff;border:1px solid #cbd7ef;border-left:4px solid #1746C8;border-radius:12px}
.sp-workspace #sensor-waiting{background:#fff4db;color:#714b05;border-left:4px solid #b87900;padding:16px;border-radius:8px;line-height:1.6}
.sp-workspace .pill.offline{background:#fff4db;color:#714b05}
.sp-workspace .tabs{padding-bottom:6px;flex-wrap:wrap;overflow:visible}
.sp-workspace.sp-operations main>h1{border-left:6px solid #1746C8;padding-left:18px}
.sp-workspace.sp-operations .panel h2{font-size:22px}
.sp-workspace.sp-app-auth main{max-width:660px;padding:32px 24px}
.sp-workspace.sp-app-auth main>h1{background:#1746C8;color:#fff;border-radius:16px;padding:28px;font-size:36px}
.sp-workspace.sp-app-auth :is(#auth,#consent){border:1px solid #DCE0E8;border-radius:14px;padding:24px}
.sp-workspace.sp-app-auth input[type=checkbox]{display:inline-block;width:20px;height:20px;margin-right:8px}
@media(max-width:900px){.sp-workspace .dashboard-heading{flex-wrap:wrap}.sp-workspace.sp-account #metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-workspace.sp-account #metrics .metric:first-child{grid-column:1/-1}.sp-workspace.sp-account #metrics .daily-use{grid-column:auto}}
@media(max-width:700px){.sp-workspace>header{align-items:flex-start}.sp-workspace>header nav{width:100%;gap:8px 16px}.sp-workspace>header nav a{padding:8px 0}.sp-workspace main{padding:20px 16px}.sp-workspace #welcome,.sp-workspace .dashboard-heading,.sp-workspace.sp-operations main>.intro,.sp-workspace.sp-service main>.section-head{padding:24px 20px;border-radius:14px}.sp-workspace .device-picker{flex-wrap:wrap}.sp-workspace .device-picker label{width:100%}.sp-workspace .dashboard-heading select{max-width:none;width:0;flex:1}.sp-workspace #metrics .metric{padding:18px}.sp-workspace #metrics .metric strong{font-size:28px}.sp-workspace .outlook{padding:20px;display:block}.sp-workspace .outlook h3{margin-bottom:14px}.sp-workspace #account-timeline{padding:18px}.sp-workspace #auth>.card{padding:22px}.sp-workspace .tabs{gap:6px}.sp-workspace .section-heading{flex-wrap:wrap}.sp-workspace #metrics .metric:first-child strong{font-size:52px}}
@media(prefers-reduced-motion:reduce){.sp-workspace *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.sp-workspace.sp-staff .page-heading{background:#1746C8;color:#fff;padding:26px;border-radius:16px;margin:18px 0 24px}.sp-workspace.sp-staff .page-heading :is(h1,p){color:#fff}.sp-workspace.sp-staff .page-heading button{background:#fff;color:#1746C8}.sp-workspace.sp-staff .page-heading button:focus-visible{outline-color:#E9F363}.sp-workspace.sp-staff #gate{border-top:5px solid #1746C8}.sp-workspace.sp-staff .connection{overflow-wrap:anywhere}
/* Override older analytics-only yellow treatment without altering shared files. */
.sp-workspace #readings-view .dashboard-heading .eyebrow{background:transparent;color:#fff;padding:0}
.sp-workspace #device-detail .puck-tabs a[aria-current=page]{background:transparent;color:#1746C8;border-color:#1746C8;padding-inline:4px}
.sp-workspace #puck-readings-view #metrics{border:0}
.sp-workspace #account-timeline .tl-eyebrow{background:transparent;color:#1746C8;padding:0}
.sp-workspace #account-timeline button[data-range][aria-pressed=true]:hover{background:#1746C8;color:#fff;border-color:#1746C8}
.sp-workspace.sp-admin>main>#metrics[aria-label=Overview] .metric{border-top:1px solid #DCE0E8}
.sp-workspace .outlook h3{flex:none;white-space:nowrap;overflow-wrap:normal;text-wrap:nowrap}
.sp-workspace #metrics .metric.daily-use strong{font-size:28px}
.sp-workspace.sp-operations main>.intro #identity{color:#fff}

/* Keep the established forecast primary; AI is a quieter comparison. */
.sp-workspace .forecast-comparison{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;margin:18px 0 24px;align-items:stretch}
.sp-workspace .forecast-comparison>.outlook{display:block;min-width:0;margin:0;padding:24px}
.sp-workspace .forecast-comparison #forecast{margin:16px 0 0}
.sp-workspace #ai-forecast-panel{background:#f8fafc;border:1px solid #dce0e8;border-radius:12px;padding:22px}
.sp-workspace #ai-forecast-panel h3{background:transparent;color:#475569;padding:0;font-size:13px;letter-spacing:.02em;text-transform:none;margin:0}
.sp-workspace #ai-forecast-panel .ai-forecast-caption{display:inline-block;margin:0 0 0 8px;color:#64748b;font-size:11px;border:1px solid #dce0e8;border-radius:20px;padding:3px 8px;vertical-align:middle}
.sp-workspace #ai-forecast-status{margin-top:16px;color:#475569;overflow-wrap:anywhere}
.sp-workspace #ai-forecast-status>strong{font-size:20px!important;line-height:1.35!important;color:#334155!important;font-weight:600}
.sp-workspace #ai-forecast-status p{margin:8px 0 0;font-size:13px;line-height:1.5}
.sp-workspace #ai-forecast-status p.small{font-size:12px;color:#64748b}
@media(max-width:850px){.sp-workspace .forecast-comparison{grid-template-columns:minmax(0,1fr);gap:12px}.sp-workspace .forecast-comparison>.outlook{padding:20px}.sp-workspace #ai-forecast-panel h3{margin-bottom:0}}