/* Product UI foundation. Brand is an accent; information and actions set the hierarchy. */
:root{--font-body:14px;--font-caption:12px;--font-title:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--control-radius:8px;--card-radius:12px;--bg:#f7f8fa;--page-bg:#f7f8fa;--surface:#fff;--ink:#242d3b;--text-primary:#242d3b;--muted:#657083;--text-secondary:#657083;--line:#e1e5eb;--brand-border:#e1e5eb;--brand-soft:#edf2fa;--brand-tint:#f8fafc;--shadow:none;font-size:14px;line-height:1.6}
body{background:var(--bg);color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#sidebar{width:240px;padding:24px 12px 16px;background:white;box-shadow:none}
.workspace{margin-left:240px}
.brand{padding:0 10px 24px;gap:10px}.brand small{font-size:9px;letter-spacing:.3px}
.project-picker{margin-bottom:16px;padding:12px}.project-picker select{width:150px;font-size:13px}.project-picker small{font-size:11px}
.nav-item{min-height:40px;padding:8px 12px;font-size:14px;line-height:1.4;margin:2px 0;border-radius:8px;gap:10px;color:#566173}
.nav-item svg{width:18px;height:18px;color:#7b8594}.nav-item.active{background:#edf2fa;color:var(--brand);box-shadow:inset 2px 0 var(--brand)}
.nav-item>span:not(.nav-count){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item .nav-count{min-width:24px;height:20px;font-size:11px}
.nav-group{font-size:12px;letter-spacing:0;margin:24px 12px 8px;color:#818b99}.nav-subgroup{font-size:11px;margin:10px 12px 4px;color:#818b99}
.sidebar-bottom{padding-top:16px}.user{margin-top:0;padding-top:16px;font-size:12px}.user small{font-size:11px}
#topbar{height:64px;padding:0 32px;background:#fff}.breadcrumb{font-size:12px}.breadcrumb b{color:#3f4959}.top-actions{gap:10px;min-width:0}
.locale-control select{min-height:32px;width:90px;font-size:12px;padding:5px 8px;border:1px solid var(--line);background:#fff;color:#3f4959;border-radius:8px}
.demo-pill{font-size:11px;padding:3px 7px;background:#f3f5f7;border:1px solid #e3e7ed;color:#657083}
.header-search{height:32px;width:200px;background:#fff;font-size:12px;min-width:0;white-space:nowrap;overflow:hidden}.header-search svg,.header-search kbd{flex-shrink:0}.header-search kbd{font-size:10px}
#main{padding:32px;max-width:1600px}.page-head{margin-bottom:28px;align-items:flex-start}.page-head h1{font-size:28px;font-weight:650;line-height:1.3;letter-spacing:-.5px;color:#202a3a}.page-head p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:8px;max-width:900px}.page-date{font-size:12px;line-height:1.6;padding-top:8px}
.page-head .eyebrow,.og-eyebrow,.gf-eyebrow{display:none}.eyebrow{letter-spacing:0;font-size:12px}
.gf-panel>.panel-head .eyebrow,.ic-page-head .eyebrow,.billing-hero .eyebrow,.src-hero .eyebrow,.op-delivery-lead>.eyebrow,.op-report-cover>.eyebrow,.op-connection-summary .eyebrow,.fact-card>.eyebrow{display:none}
h2{font-size:18px;font-weight:600;letter-spacing:-.15px;color:#273244}h3{font-size:15px;font-weight:600;color:#273244}
.panel,.card,.metric,.task{box-shadow:none;border-color:var(--line);border-radius:12px}.panel-head{padding:24px 24px 0}.panel-head h2{font-size:18px}.panel-head p{font-size:12px;line-height:1.7;margin-top:6px;color:var(--muted)}.panel-body{padding:24px}.panel{margin-bottom:24px}
.metric{padding:20px}.metric-label{font-size:12px;color:var(--muted)}.metric-value{font-size:30px;line-height:1.3;font-weight:600;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.metric-caption{font-size:12px;line-height:1.6;color:var(--muted)}
#main .btn,#dialog .btn{min-height:40px;padding:8px 14px;font-size:14px;font-weight:550;line-height:1.5;border-radius:8px;box-shadow:none;white-space:normal;text-align:center}
#main .btn.primary,#dialog .btn.primary{background:var(--brand);border-color:var(--brand);color:white;box-shadow:none}
#main .btn.primary:hover,#dialog .btn.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
#main .btn.quiet,#dialog .btn.quiet{background:transparent;min-height:32px;padding:4px 0;border-color:transparent;color:var(--brand);box-shadow:none}
#main td .btn,#dialog td .btn{min-height:32px;padding:4px 10px;font-size:13px}
#main .btn.danger,#dialog .btn.danger{color:var(--red);background:#fff7f8;border-color:#efd9de}
.btn:hover{box-shadow:none}.btn svg{width:16px;height:16px}.btn:disabled{opacity:.48}.icon-btn{min-width:32px;min-height:32px}
#topbar .btn{min-height:32px;font-size:12px;padding:5px 9px;box-shadow:none}
#main input:not([type=checkbox]):not([type=radio]),#main select,#dialog input:not([type=checkbox]):not([type=radio]),#dialog select{min-height:40px;font-size:14px;padding:8px 12px;border-radius:8px;background:#fff;border-color:#dce1e8}
#main textarea,#dialog textarea{font-size:14px;line-height:1.75;border-radius:8px;background:#fff;border-color:#dce1e8}
.field{font-size:13px;color:#465264;gap:8px}.field>input,.field>select{color:#273244}.form-actions{gap:12px;flex-wrap:wrap;margin-top:24px}
.tabs{background:#f0f2f5;border-radius:8px;gap:2px;padding:3px}.tabs button{min-height:32px;padding:5px 12px;font-size:13px;color:#657083}.tabs button.active{color:var(--brand);box-shadow:none;background:#fff;border-radius:6px}
table{font-size:13px}th{font-size:12px;color:#657083;background:#f8f9fb;padding:12px 16px}td{font-size:13px;color:#465264;padding:16px}td strong{font-size:13px;color:#273244}td small{font-size:12px;line-height:1.6;margin-top:4px;color:#7c8594}.table-wrap .text-link{font-size:13px}.table-note{font-size:12px;color:#7c8594}
.text-link{font-size:14px}.badge{font-size:12px;border-radius:4px;padding:2px 7px}.callout{font-size:13px;line-height:1.75;border-radius:8px;padding:14px 16px;box-shadow:none}.callout strong{font-size:14px}.callout.purple{background:#f6f8fc;border-color:#e1e6ee;color:#53647f}
.dialog-head{padding:20px 24px}.dialog-head h2{font-size:20px;line-height:1.5}.dialog-body{padding:24px}dialog{border-radius:12px;border-color:#dce1e8;box-shadow:0 24px 80px #16274726}dialog::backdrop{background:#18243852;backdrop-filter:none}
.empty{background:#fff;border:1px dashed #dce1e8;padding:40px 24px;border-radius:8px}.empty h2{font-size:18px;color:#465264}.empty p{font-size:14px;color:#778191;line-height:1.7}.empty-icon{box-shadow:none}
.welcome-banner,.bi-onboarding,.src-hero,.kg-overview-strip,.cmp-hero,.billing-hero,.ra-crm-intro,.op-connection-summary,.op-connector-next,.ic-page-head{background:#fff;background-image:none;border:1px solid var(--line);box-shadow:none;border-radius:12px}
.welcome-banner{padding:16px 20px;gap:16px}.welcome-banner h2{color:#33425a;font-size:14px}.welcome-banner p{font-size:12px;color:var(--muted)}.welcome-symbol{display:none}
.kg-overview-strip{padding:16px 20px}.kg-overview-strip strong{font-size:15px;color:#33425a}.kg-overview-strip p{font-size:13px;color:#657083}.kg-overview-icon{display:none}.kg-mode-note{font-size:12px;color:#778191;margin:8px 0 20px}.kg-overview-numbers b{color:#273244}
.kg-chat-messages{background:#fff;background-image:none}.kg-platform-strip,.kp-strip{background:#fff}
.gf-kpis,.gf-canvas{background:#fff;background-image:none;border-color:var(--line)}.gf-kpis{border-radius:8px}.gf-title h2{font-size:20px}.gf-kpi-value{font-size:28px}.gf-controls{gap:12px}.gf-chart text{font-family:inherit}
.og-battlefield{border-color:var(--line)}.og-battlefield-head{padding-bottom:16px}.og-battlefield-head h2{font-size:18px}.og-battlefield-groups{gap:0}.og-battlefield-group{background:#fff;border:0;border-radius:0;padding:4px 16px}.og-battlefield-group:first-child{padding-left:0;border-right:1px solid var(--line)}.og-battlefield-group:last-child{padding-right:0}.og-battlefield-group-head h3{font-size:14px}.og-battlefield-chip{background:#fff;border-color:var(--line);border-radius:8px;min-height:44px}.og-battlefield-chip strong{font-size:12px}.og-battlefield-chip small{font-size:11px}.og-battlefield-group-head h3 span{font-size:12px}.og-battlefield-outcomes{font-size:12px}.og-battlefield-outcomes small{font-size:11px}.og-export-focus{font-size:11px;background:#f3f5f8;color:#657083}
.st-dimension.active,.bi-aida-card.active,.billing-plan.current{box-shadow:none}.ra-live-dot{box-shadow:none;animation:none}.ra-layer,.ra-layer:hover,.ra-layer.active,.ra-lead-card{box-shadow:none}.ra-funnel-track i{background-image:none}
.workflow-step{background:#fff;box-shadow:none}.workflow-step strong{font-size:13px}.workflow-step small{font-size:12px;line-height:1.6}.workflow-step svg{color:#71829b}
.toolbar{gap:12px;margin-bottom:20px}.toolbar-left{gap:12px}.small{font-size:13px}.tiny{font-size:12px}#footer{font-size:11px;padding:8px 32px 24px;color:#7c8594}#footer .btn{font-size:12px}.brand-footer{gap:8px}
html[lang=en] .page-head h1{letter-spacing:-.6px}html[lang=en] .nav-item{font-size:13px}html[lang=en] .nav-group{letter-spacing:0}html[lang=en] #main{overflow-wrap:anywhere}html[lang=en] .btn{line-height:1.4}html[lang=en] .brand small{font-size:9px}
.ps-url-start,.cp-workspace{border-radius:var(--card-radius);border-color:var(--line)}
.ps-framework-heading h2{font-size:18px;color:var(--ink)}
.cp-workspace-actions .btn,#main .cp-creation-row .btn,.cp-workspace .search-field{border-radius:var(--control-radius)}
@media(max-width:1280px){.header-search{display:none}#topbar{padding:0 24px}#main{padding:28px 24px}.page-date{display:none}.og-battlefield-chips{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.og-battlefield-outcomes{flex-wrap:wrap}}
@media(max-width:1000px) and (min-width:761px){#sidebar{width:216px}.workspace{margin-left:216px}.project-picker select{width:130px}.brand-word{font-size:22px}.nav-item{font-size:13px}.brand-mark{width:42px;flex-basis:42px}.og-battlefield-groups{grid-template-columns:1fr}.og-battlefield-group:first-child{border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px}.og-battlefield-group:last-child{padding:16px 0 0}}
@media(max-width:760px){#sidebar{width:256px;box-shadow:16px 0 60px #18243826}.workspace{margin-left:0}#main{padding:24px 16px}#topbar{height:60px;padding:0 16px;gap:8px}.top-actions{gap:8px}.top-actions [data-action=tour],.top-actions [data-value=billing],.top-actions .demo-pill{display:none}.locale-control select{min-height:36px;width:90px;font-size:13px}.breadcrumb{max-width:180px;min-width:0;font-size:12px}.breadcrumb>span:first-child{display:none}.page-head{margin-bottom:24px}.page-head h1{font-size:24px}.page-head p{font-size:14px;max-width:none}.panel-head{padding:20px 20px 0}.panel-body{padding:20px}.panel-head h2{font-size:17px}.metrics{gap:12px}.metric{padding:16px}.metric-value{font-size:28px}.form-grid{gap:0}.panel,.card{border-radius:12px}.welcome-banner .btn{margin-left:0}.welcome-banner{padding:16px}.og-battlefield-groups{grid-template-columns:1fr}.og-battlefield-group:first-child{border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px}.og-battlefield-group:last-child{padding:16px 0 0}.og-battlefield-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.og-battlefield-head{align-items:flex-start;gap:8px;flex-wrap:wrap}.og-battlefield-chip strong{font-size:13px}.og-battlefield-chip small{font-size:12px}.og-battlefield-outcomes{gap:8px}.dialog-head{padding:18px 20px}.dialog-body{padding:20px}.dialog-head h2{font-size:18px}#footer{padding:12px 16px 24px}.brand{padding-left:10px}.brand-word{font-size:24px}.brand-mark{width:46px;flex-basis:46px}}
@media print{.locale-control{display:none}.ps-framework-card{break-inside:avoid}}
html[lang=en] .bi-aida-card strong small{display:none}
@media(min-width:761px){html[lang=en] .gf-selects select{max-width:190px;min-width:148px}html[lang=en] .gf-selects{flex-wrap:wrap}}
@media(max-width:760px){html[lang=en] .gf-selects{grid-template-columns:1fr}html[lang=en] .gf-selects label{display:grid;grid-template-columns:114px minmax(0,1fr);align-items:center}html[lang=en] .gf-selects select{max-width:100%;width:100%}}

/* Business overview: show the opportunity flow first, before platform coverage. */
#main[data-page="overview"]{padding-top:18px}
#main[data-page="overview"]>.page-head{margin-bottom:16px;align-items:center}
#main[data-page="overview"]>.page-head>div:first-child{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
#main[data-page="overview"]>.page-head h1{font-size:24px;line-height:1.35}
#main[data-page="overview"]>.page-head p{margin:0;font-size:13px;line-height:1.5}
#main[data-page="overview"]>.page-head .page-date{padding:0}
#main[data-page="overview"] .gf-panel>.panel-head{padding:16px 20px 0;align-items:center}
#main[data-page="overview"] .gf-panel>.panel-head p{margin-top:2px}
#main[data-page="overview"] .gf-panel>.panel-body{padding:12px 20px 18px}
#main[data-page="overview"] .gf-controls{margin-bottom:10px;gap:8px}
#main[data-page="overview"] .gf-selects{gap:12px}
#main[data-page="overview"] .gf-selects select{min-height:32px;padding:4px 8px;font-size:12px}
#main[data-page="overview"] .gf-kpis{margin-bottom:10px}
#main[data-page="overview"] .gf-kpi{padding:8px 16px;gap:2px}
#main[data-page="overview"] .gf-kpi>span,#main[data-page="overview"] .gf-kpi>small{line-height:16px}
#main[data-page="overview"] .gf-kpi strong{font-size:24px;line-height:28px}
#main[data-page="overview"] .gf-unit-row{margin-bottom:2px}
#main[data-page="overview"] .gf-canvas{padding-top:4px}
#main[data-page="overview"] .gf-source-strip{margin:10px 0}
#main[data-page="overview"] .og-battlefield{margin-top:0}
@media(min-width:1200px){
 #main[data-page="overview"]{padding-left:24px;padding-right:24px}
 #main[data-page="overview"] .gf-panel>.panel-head>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:14px;row-gap:0}
 #main[data-page="overview"] .gf-panel>.panel-head p{margin-top:0}
 #main[data-page="overview"] .gf-chart{min-width:0;width:100%}
 #main[data-page="overview"] .gf-node-label,#main[data-page="overview"] .gf-node-value{font-size:14px}
 #main[data-page="overview"] .gf-stage-label{font-size:13px}
}
@media(max-width:1199px) and (min-width:761px){
 #main[data-page="overview"]>.page-head p{max-width:480px}
 #main[data-page="overview"] .gf-controls{align-items:flex-start}
 #main[data-page="overview"] .gf-selects{flex-wrap:wrap}
}
@media(max-width:760px){
 #main[data-page="overview"]{padding-top:16px}
 #main[data-page="overview"]>.page-head>div:first-child{display:block}
 #main[data-page="overview"]>.page-head p{margin-top:4px}
 #main[data-page="overview"] .gf-panel>.panel-head{padding:14px 14px 0;gap:8px;flex-wrap:wrap}
 #main[data-page="overview"] .gf-panel>.panel-head>.row{width:auto}
 #main[data-page="overview"] .gf-panel>.panel-body{padding:10px 14px 16px}
 #main[data-page="overview"] .gf-selects{gap:6px}
 #main[data-page="overview"] .gf-kpi{padding:8px 10px}
 #main[data-page="overview"] .gf-kpi strong{font-size:22px}
 #main[data-page="overview"] .gf-kpi strong em{font-size:15px}
 #main[data-page="overview"] .gf-unit-row{gap:2px}
}