/* Customer relationships: one selected conversation and one next decision. */
.customer-workspace { min-width:0; }
.customer-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 15px; }
.customer-heading h4 { font:600 26px/1.15 Rajdhani,sans-serif; color:var(--copy); margin:0 0 5px; }
.customer-heading p:not(.context) { color:var(--quiet); font-size:13px; line-height:1.55; margin:0; }
.customer-heading>.action { flex-shrink:0; display:flex; flex-direction:column; align-items:start; gap:6px; }
.customer-heading>.action small { font-size:10px; opacity:.8; }
.customer-metrics,.customer-results-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:12px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); margin:0 0 18px; }
.customer-metrics>div,.customer-results-summary>div { border-right:1px solid var(--border); padding-right:12px; }
.customer-metrics>div:last-child,.customer-results-summary>div:nth-child(3) { border:0; }
.customer-metrics small,.customer-results-summary small { display:block; font:10px/1.4 monospace; letter-spacing:.08em; color:var(--quiet); }
.customer-metrics strong,.customer-results-summary strong { display:block; font:600 29px/1.3 Rajdhani,sans-serif; color:var(--copy); margin-top:5px; }
.customer-metrics strong em { font:normal 12px Rajdhani,sans-serif; color:var(--quiet); }
.customer-metrics>div:last-child strong { color:var(--cyan); }
.customer-empty { text-align:center; max-width:660px; margin:25px auto; padding:16px 20px 20px; }
.customer-orbit { width:70px; height:70px; margin:0 auto 20px; border:1px solid var(--cyan); color:var(--cyan); font-size:54px; line-height:65px; background:var(--surface); box-shadow:0 0 34px color-mix(in srgb,var(--cyan) 10%,transparent); }
.customer-empty h4 { font:600 26px Rajdhani,sans-serif; margin:0 0 10px; }
.customer-empty p { font-size:13px; line-height:1.7; color:var(--quiet); }
.customer-simple-path { display:flex; list-style:none; padding:0; gap:8px; justify-content:center; margin:25px 0; }
.customer-simple-path li { font:600 14px Rajdhani,sans-serif; background:var(--surface-alt); border-bottom:2px solid var(--amber); padding:12px; }
.customer-desk { display:grid; grid-template-columns:220px minmax(0,1fr); gap:26px; }
.customer-list { border-right:1px solid var(--border); padding-right:18px; }
.customer-list h4 { display:flex; justify-content:space-between; align-items:center; font:600 17px Rajdhani,sans-serif; margin:0 0 15px; }
.customer-list h4 span { font-size:11px; color:var(--quiet); }
.customer-list button { width:100%; display:flex; align-items:center; gap:10px; text-align:left; background:transparent; border:1px solid transparent; border-left:2px solid transparent; padding:12px 8px; color:var(--copy); margin-bottom:6px; cursor:pointer; }
.customer-list button.selected { background:var(--surface-alt); border-color:var(--border); border-left-color:var(--amber); }
.customer-list button:hover { background:var(--surface); }
.customer-list button strong { display:block; font:600 16px/1.25 Rajdhani,sans-serif; }
.customer-list button small { display:block; font:11px/1.5 Rajdhani,sans-serif; color:var(--quiet); margin-top:4px; }
.customer-list button b { margin-left:auto; color:var(--amber); }
.customer-avatar { display:grid; place-items:center; width:32px; height:38px; flex-shrink:0; font:600 22px Rajdhani,sans-serif; color:var(--cyan); background:var(--surface-alt); border:1px solid var(--border); clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%); }
.customer-avatar.large { width:48px; height:56px; font-size:30px; }
.customer-conversation { min-width:0; }
.customer-contact { display:flex; align-items:center; gap:13px; }
.customer-contact h4 { margin:4px 0; font:600 24px Rajdhani,sans-serif; }
.customer-contact div>span { font:12px Rajdhani,sans-serif; color:var(--quiet); }
.customer-stage { margin-left:auto; padding:6px 10px; border:1px solid var(--border); color:var(--cyan); font:12px Rajdhani,sans-serif; white-space:nowrap; }
.customer-steps { display:flex; list-style:none; gap:2px; padding:0; margin:22px 0; }
.customer-steps li { flex:1; text-align:center; font:11px/1.4 Rajdhani,sans-serif; color:var(--quiet); border-bottom:2px solid var(--border); padding:0 2px 8px; }
.customer-steps li>span { display:block; margin:0 auto 5px; width:21px; height:21px; line-height:21px; background:var(--surface-alt); }
.customer-steps li.current { border-color:var(--amber); color:var(--amber); }
.customer-steps li.current>span { background:var(--amber); color:#132127; }
.customer-steps li.done { color:var(--cyan); border-color:var(--cyan); }
.customer-quote { background:var(--surface); border-left:2px solid var(--cyan); padding:16px 18px; }
.customer-quote>span,.customer-priorities>span { color:var(--quiet); font:10px monospace; letter-spacing:.06em; }
.customer-quote p { margin:8px 0 0; font:15px/1.6 Rajdhani,sans-serif; color:var(--copy); }
.customer-priorities { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:15px 0; }
.customer-priorities small { padding:5px 8px; border:1px solid var(--border); font:12px Rajdhani,sans-serif; color:var(--quiet); }
.customer-priorities small.matched { color:var(--cyan); border-color:color-mix(in srgb,var(--cyan) 30%,var(--border)); }
.customer-terms { display:flex; gap:24px; padding:4px 0 18px; border-bottom:1px solid var(--border); }
.customer-terms>span { font:12px Rajdhani,sans-serif; color:var(--quiet); }
.customer-terms strong { display:block; font:600 20px Rajdhani,sans-serif; margin-top:4px; color:var(--copy); }
.customer-next { margin-top:19px; }
.customer-next h4 { font:600 21px Rajdhani,sans-serif; margin:0 0 12px; }
.customer-next p,.customer-issue p:not(.context),.customer-economics p,.product-team-editor>p { color:var(--quiet); font:13px/1.6 Arial,sans-serif; }
.customer-choice-pair,.team-focus-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.customer-choice-pair button,.team-focus-options button { background:var(--surface); border:1px solid var(--border); padding:17px; text-align:left; color:var(--copy); cursor:pointer; transition:border-color .18s,background .18s,transform .18s; }
.customer-choice-pair button:hover:not(:disabled),.team-focus-options button:hover:not(:disabled) { border-color:var(--amber); transform:translateY(-2px); }
.customer-choice-pair strong { font:600 18px Rajdhani,sans-serif; }
.customer-choice-pair p { font:13px/1.5 Rajdhani,sans-serif; margin:9px 0 16px; }
.customer-choice-pair small { color:var(--amber); font:12px Rajdhani,sans-serif; }
.customer-economics,.customer-close,.customer-closed { margin-top:22px; border-top:1px solid var(--border); padding:15px 0; }
.customer-economics summary,.customer-close summary,.customer-closed summary { cursor:pointer; color:var(--quiet); font:14px Rajdhani,sans-serif; }
.customer-close p { font:12px/1.6 Arial,sans-serif; color:var(--quiet); }
.customer-health { height:7px; background:var(--surface-alt); }
.customer-health>span { height:100%; display:block; background:var(--cyan); transition:width .35s; }
.customer-issue { display:flex; gap:14px; padding:16px 18px; border:1px solid color-mix(in srgb,var(--amber) 45%,var(--border)); background:var(--surface); margin-bottom:22px; }
.customer-issue-icon { width:28px; height:28px; flex-shrink:0; text-align:center; line-height:28px; color:var(--amber); border:1px solid var(--amber); }
.customer-issue h4 { font:600 21px Rajdhani,sans-serif; margin:5px 0; }
.customer-issue-actions { display:flex; gap:10px; flex-wrap:wrap; }
.product-team-editor { border-top:1px solid var(--border); border-bottom:1px solid var(--border); margin:26px 0 0; padding:18px 0; }
.product-team-editor>summary { cursor:pointer; font:600 20px Rajdhani,sans-serif; }
.product-team-editor>summary small { margin-left:18px; color:var(--cyan); font:14px Rajdhani,sans-serif; }
.product-team-editor fieldset { border:0; padding:0; min-width:0; }
.product-team-roster { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:260px; overflow-y:auto; padding:4px; margin:12px 0; }
.product-team-roster label { display:flex; align-items:center; gap:10px; background:var(--surface); padding:11px; border:1px solid var(--border); cursor:pointer; }
.product-team-roster label:has(input:checked) { border-color:var(--cyan); }
.product-team-roster input { accent-color:var(--cyan); width:16px; height:16px; flex-shrink:0; }
.product-team-roster strong { display:block; font:600 16px Rajdhani,sans-serif; }
.product-team-roster small { display:block; color:var(--quiet); font:12px/1.4 Rajdhani,sans-serif; margin-top:3px; }
.product-team-roster .unavailable { opacity:.55; }
.team-focus-options { grid-template-columns:repeat(3,minmax(0,1fr)); margin:18px 0; }
.team-focus-options strong { font:600 18px Rajdhani,sans-serif; }
.team-focus-options small { display:block; color:var(--quiet); font:12px/1.5 Rajdhani,sans-serif; margin-top:5px; }
.team-focus-options button.chosen { border-color:var(--amber); box-shadow:inset 0 3px var(--amber); }
.team-plan-preview { display:flex; gap:10px 24px; flex-wrap:wrap; padding:0 0 18px; font:13px/1.5 Rajdhani,sans-serif; color:var(--cyan); }
.customer-results-summary p { grid-column:1/-1; font:12px/1.6 Arial,sans-serif; color:var(--quiet); margin:0; }
.customer-workspace button:focus-visible,.product-team-editor button:focus-visible,.product-team-editor input:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.customer-workspace button:disabled,.product-team-editor button:disabled { opacity:.45; cursor:not-allowed; }
.customer-count-chart { width:100%; height:160px; color:var(--quiet); margin:18px 0; }
.customer-count-chart text { fill:currentColor; font:14px Rajdhani,sans-serif; }
.customer-count-chart .customer-line { stroke:var(--cyan); stroke-width:3; fill:none; }
.customer-count-chart circle { fill:var(--cyan); }
.customer-count-chart .grid { stroke:var(--border); stroke-dasharray:3 5; }
.customer-economics .table-scroll { overflow-x:auto; }
.customer-economics table { width:100%; min-width:640px; border-collapse:collapse; font:14px/1.5 Rajdhani,sans-serif; font-variant-numeric:tabular-nums; }
.customer-economics th,.customer-economics td { padding:10px 12px; text-align:right; white-space:nowrap; border-bottom:1px solid var(--border); }
.customer-economics th { color:var(--quiet); font-weight:500; background:var(--surface); }
.customer-economics th:first-child,.customer-economics td:first-child { text-align:left; padding-left:0; }
.customer-next .action+.text-button { margin-left:12px; }
@media(max-width:1450px) {
 .customer-desk { grid-template-columns:1fr; gap:18px; }
 .customer-list { border-right:0; padding-right:0; display:flex; flex-wrap:wrap; gap:8px; }
 .customer-list h4 { width:100%; margin:0; }
 .customer-list>button { width:auto; min-width:190px; flex:1; margin:0; }
 .customer-closed { width:100%; margin:0; }
}
@media(max-width:780px) {
 .customer-heading { align-items:start; gap:14px; flex-direction:column; }
 .customer-heading h4 { font-size:23px; }
 .customer-heading>.action { flex-direction:row; align-items:center; width:100%; justify-content:space-between; }
 .customer-metrics { gap:8px; }
 .customer-metrics small { font-size:8px; }
 .customer-metrics strong { font-size:24px; }
 .customer-metrics strong em { display:block; font-size:10px; }
 .customer-simple-path { flex-direction:column; }
 .customer-contact { flex-wrap:wrap; gap:10px; }
 .customer-contact h4 { font-size:22px; }
 .customer-stage { margin-left:0; }
 .customer-avatar.large { width:36px; height:44px; }
 .customer-steps li { font-size:10px; }
 .customer-terms { gap:14px; justify-content:space-between; }
 .customer-terms strong { font-size:18px; }
 .customer-choice-pair,.product-team-roster,.team-focus-options { grid-template-columns:1fr; }
 .customer-empty { padding:10px 0; }
 .customer-results-summary { grid-template-columns:1fr; gap:12px; }
 .customer-results-summary>div { border:0; }
 .customer-results-summary strong { font-size:26px; }
 .customer-issue { padding:13px 10px; gap:10px; }
 .customer-issue-actions { flex-direction:column; align-items:start; }
 .product-team-editor>summary small { display:block; margin:6px 0 0 18px; }
 .customer-count-chart text { font-size:18px; }
 .customer-next .action+.text-button { display:block; margin:12px 0 0; }
}
.no-motion .customer-choice-pair button,.no-motion .team-focus-options button,.no-motion .customer-health>span { transition:none; transform:none; }
@media(prefers-reduced-motion:reduce) { .customer-choice-pair button,.team-focus-options button,.customer-health>span { transition:none; transform:none; } }

/* Keep the selected customer's decision ahead of repeated studio introductions. */
.customer-view .studio-v2-heading { margin-bottom:14px; }
.customer-view .studio-v2-heading h3 { font-size:24px; margin:0; }
.customer-view .studio-v2-heading p { display:none; }
.customer-view .studio-selected>header { padding-bottom:10px; }
.customer-view .studio-view-tabs { margin-bottom:16px; }
.customer-view .studio-view-tabs button { padding-top:9px; padding-bottom:9px; }
@media(max-width:780px) {
 .customer-view .studio-v2-heading { flex-direction:row; align-items:center; }
 .customer-view .studio-v2-heading .action { font-size:10px; padding:10px; }
 .customer-view .studio-portfolio { padding:8px; }
 .customer-view .studio-portfolio>button { padding:9px; min-width:165px; }
 .customer-view .studio-view-tabs button { padding-left:10px; padding-right:10px; }
}