/* Shared APX interface. Feature styles own structure; this file owns common
   controls, page chrome and responsive defaults. Loaded after feature styles. */
:root {
  --bg:#101319; --sidebar:#0c1016; --panel:#191f28; --panel2:#222b37;
  --border:#35404d; --text:#f3f5f7; --muted:#b0bac8; --accent:#b8e5cc;
  --green:#93dfb6; --amber:#f2cb84; --red:#ffa7b4;
  --surface:var(--panel); --paper:var(--panel); --ink:var(--text);
  --danger:var(--red); --warning:var(--amber);
  --ui-faint:var(--muted); --ui-blue:#9dbfff; --ui-purple:#cfb4ff;
  --ui-hover:#242c37; --ui-input:#11161e; --ui-focus:var(--accent);
  --ui-danger-bg:#35232b; --ui-warning-bg:#342e20;
  --ui-success-bg:#20352d; --ui-info-bg:#202d43;
  --ui-control-border:#637185; --ui-radius:22px; --ui-radius-sm:12px;
  --ui-space-1:4px; --ui-space-2:8px; --ui-space-3:12px;
  --ui-space-4:16px; --ui-space-5:24px; --ui-space-6:32px;
  --ui-shadow:0 4px 6px rgba(0,0,0,.05),0 16px 40px rgba(0,0,0,.12); --ui-motion:160ms;
  --radius:var(--ui-radius); --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Consolas,monospace;
  color-scheme:dark;
}
body { background:var(--bg); color:var(--text); font-family:var(--sans); line-height:1.5; }
.skip-link { position:fixed; top:12px; left:12px; z-index:100; transform:translateY(-160%); padding:12px 18px; border-radius:10px; background:var(--accent); color:var(--bg); font-weight:650; }
.skip-link:focus { transform:none; }
#history-sources-title { scroll-margin-top:88px; }
button,input,select,textarea { font-family:inherit; }
button,a,input,select,textarea,summary { -webkit-tap-highlight-color:transparent; }
:is(button,a,input,select,textarea,summary,[tabindex]):focus-visible {
  outline:2px solid var(--ui-focus); outline-offset:3px;
}
button:disabled { opacity:.65; cursor:not-allowed; }
[hidden] { display:none !important; }
.shell { grid-template-columns:220px minmax(0,1fr); }
.sidebar { width:220px; background:var(--sidebar); border-color:var(--border); padding:24px 14px 14px; overscroll-behavior:contain; scrollbar-color:var(--border) transparent; }
.logo { margin-bottom:24px; }
.logo small { color:var(--muted); }
.workspace-context { position:relative; display:block; padding:0; border:0; border-radius:var(--ui-radius-sm); background:var(--panel); min-width:0; }
.workspace-context>select#company-filter { display:block; width:100%; min-width:0; max-width:100%; height:78px; padding:12px 27px 32px 56px; appearance:none; background:var(--panel); border:1px solid var(--ui-control-border); border-radius:var(--ui-radius-sm); color:var(--text); font-size:13px; font-weight:600; line-height:24px; text-overflow:ellipsis; cursor:pointer; }
.workspace-context>select#company-filter:hover { background:var(--ui-hover); }
.workspace-context>.agency-avatar { position:absolute; left:12px; top:21px; width:32px; height:32px; pointer-events:none; }
.workspace-context>.workspace-mode { position:absolute; left:56px; right:12px; bottom:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:400; color:var(--muted); pointer-events:none; }
.workspace-context>.workspace-chevron { position:absolute; right:10px; top:27px; color:var(--muted); pointer-events:none; }
.workspace-context>.workspace-chevron .icon { width:15px; height:15px; }
.workspace-scope-note { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.program-context { display:grid; gap:7px; margin-top:12px; min-width:0; }
.program-context>label { color:var(--muted); font-size:12px; font-weight:600; }
.program-context>select { width:100%; min-width:0; max-width:100%; color:var(--text); background:var(--panel); border:1px solid var(--ui-control-border); border-radius:var(--ui-radius-sm); min-height:44px; padding:10px 30px 10px 12px; text-overflow:ellipsis; }
.program-context>small { font-size:12px; line-height:1.5; color:var(--muted); overflow-wrap:anywhere; }
.program-manage { justify-self:start; min-height:32px; padding:4px 0; font-size:12px; }
.program-scope-badge { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.program-intro { display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:flex-start; margin-bottom:20px; }
.program-intro h2 { margin:7px 0; }
.program-intro p { max-width:520px; color:var(--muted); line-height:1.6; }
.program-section { padding:22px; margin-bottom:20px; min-width:0; }
.program-section h2 { margin:0 0 12px; }
.program-section-head { display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; margin-bottom:20px; }
.program-section-head p { max-width:780px; margin:0; color:var(--muted); line-height:1.6; }
.program-section table { width:100%; border-collapse:collapse; }
.program-section th,.program-section td { text-align:left; padding:14px 12px; border-bottom:1px solid var(--border); vertical-align:top; }
.program-section th { color:var(--muted); font-size:12px; }
.program-metrics,.program-coverage-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; margin-bottom:16px; }
.program-metrics article { display:grid; gap:9px; padding:18px; border:1px solid var(--border); border-radius:var(--ui-radius-sm); background:var(--panel); min-width:0; }
.program-metrics strong { font-size:25px; overflow-wrap:anywhere; }
.program-metrics small,.program-metrics span { color:var(--muted); font-size:12px; line-height:1.6; }
.program-unavailable { padding:16px; margin:12px 0; border:1px solid var(--border); border-radius:var(--ui-radius-sm); }
.program-unavailable p { margin:8px 0 0; color:var(--muted); line-height:1.6; overflow-wrap:anywhere; }
.program-plan { display:flex; gap:12px; flex-wrap:wrap; align-items:center; padding:16px; border:1px solid var(--border); border-radius:var(--ui-radius-sm); }
.program-plan p { width:100%; margin:0; color:var(--muted); }
.program-plan>.program-metrics,.program-plan>.program-scenarios,.program-plan>h3 { width:100%; }
.program-scenarios { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.program-scenarios>section { min-width:0; padding:18px; background:var(--panel); border:1px solid var(--border); border-radius:var(--ui-radius-sm); }
.program-scenarios h4 { margin:0 0 14px; }
.program-scenarios dl { margin:0; }
.program-scenarios dl>div { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding:9px 0; border-bottom:1px dashed var(--border); font-size:13px; line-height:1.5; }
.program-scenarios dt { color:var(--muted); min-width:0; }
.program-scenarios dd { margin:0; text-align:right; font-weight:600; min-width:0; overflow-wrap:anywhere; }
.program-manage-list { display:grid; gap:12px; margin:18px 0; }
.program-manage-list article { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:14px; border:1px solid var(--border); border-radius:var(--ui-radius-sm); }
.program-manage-list article strong { flex:1 1 160px; overflow-wrap:anywhere; }
.program-manage-list article small { color:var(--muted); }
.program-field { display:grid; gap:8px; margin:16px 0; }
.program-field input,.program-field select { width:100%; min-width:0; max-width:100%; }
.program-options { margin:20px 0; padding:16px; border:1px solid var(--border); border-radius:var(--ui-radius-sm); min-width:0; }
.program-options>p { color:var(--muted); font-size:13px; line-height:1.6; }
.program-options>label { display:flex; gap:10px; align-items:flex-start; margin:14px 0; overflow-wrap:anywhere; }
.program-options input[type=checkbox],.program-confirm input[type=checkbox] { flex:0 0 auto; width:20px; min-width:20px; height:20px; margin:2px 0; }
.program-options small { display:block; color:var(--muted); font-size:12px; margin-top:4px; }
.program-choice-fieldset { margin:14px 0; padding:12px 16px; }
.program-choice-fieldset>legend { font-size:13px; font-weight:650; padding-inline:5px; }
.program-choice-group>summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 16px; min-height:44px; cursor:pointer; font-size:13px; }
.program-choice-group>summary>small { margin:0; }
.program-choice-group>summary::-webkit-details-marker { display:none; }
.program-choice-group>summary::after { content:''; flex:0 0 auto; width:7px; height:7px; margin:0 3px 3px 0; border-right:1.5px solid var(--muted); border-bottom:1.5px solid var(--muted); transform:rotate(45deg); }
.program-choice-group[open]>summary::after { margin-bottom:-3px; transform:rotate(-135deg); }
.program-choice-group>p,.program-choice-list>p { margin:8px 0; color:var(--muted); font-size:13px; line-height:1.6; }
.program-choice-list .program-choice-option { display:grid; grid-template-columns:20px minmax(0,1fr); gap:12px; align-items:start; margin:0; padding:12px 0; border-top:1px solid var(--border); line-height:1.55; }
.program-choice-option>span { min-width:0; overflow-wrap:anywhere; }
.program-source-search { margin-bottom:8px; }
.program-search-status { color:var(--muted); font-size:12px; line-height:1.6; }
.program-confirm { display:flex; gap:10px; align-items:flex-start; line-height:1.6; }
.program-review-facts>div { display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid var(--border); }
.program-agreement-options { display:grid; gap:12px; }
.program-agreement-option { min-width:0; padding:16px; border:1px solid var(--border); border-radius:var(--ui-radius-sm); background:var(--panel2); overflow-wrap:anywhere; }
.program-agreement-option .program-source-option { display:flex; gap:12px; align-items:flex-start; min-height:44px; line-height:1.55; }
.program-agreement-option .program-source-option>span { flex:1; min-width:0; }
.program-agreement-option [data-agreement-win] { display:block; margin-top:10px; font-size:13px; }
.program-agreement-proof[hidden],.program-agreement-option[hidden] { display:none; }
.program-agreement-evidence { margin:16px 0 0; padding:0; border:0; min-width:0; }
.program-agreement-evidence>p,.program-agreement-review>p { color:var(--muted); font-size:13px; line-height:1.6; }
.program-agreement-evidence .program-field { min-width:0; }
.program-agreement-evidence textarea { width:100%; max-width:100%; min-width:0; resize:vertical; min-height:100px; }
.program-agreement-review { display:grid; gap:12px; margin:22px 0; min-width:0; }
.program-agreement-review h3,.program-agreement-review>p { margin:0; }
.program-agreement-review details>summary { min-height:44px; padding-block:12px; cursor:pointer; }
.program-agreement-review dd { margin:0; max-width:65%; text-align:right; overflow-wrap:anywhere; }
.program-agreement-review blockquote { margin:14px 0; padding:12px; border-left:3px solid var(--accent); background:var(--panel); white-space:pre-wrap; line-height:1.6; }
.program-section .program-agreement-table { min-width:640px; }
.program-agreement-table th:nth-child(1) { min-width:180px; }
.program-agreement-table th:nth-child(2),.program-agreement-table th:nth-child(3) { min-width:110px; }
.program-agreement-table td:nth-child(4)>strong { white-space:nowrap; }
@media(max-width:600px) { .program-agreement-option { padding:12px; } .program-agreement-evidence input,.program-agreement-evidence textarea { font-size:16px; } .program-agreement-review .program-review-facts>div { flex-direction:column; gap:6px; } .program-agreement-review dd { max-width:none; text-align:left; } }
@media(max-width:720px) { .program-context>select { font-size:16px; } .program-section { padding:16px; } .program-metrics,.program-coverage-grid { grid-template-columns:minmax(0,1fr); } .program-section th,.program-section td { padding:12px 9px; } }
.tiny,.nav-label { font-size:12px; color:var(--muted); }
.nav { gap:4px; }
.nav button { min-height:40px; padding:9px 12px; border-radius:var(--ui-radius-sm); font-size:13px; color:var(--muted); }
.nav button:hover { background:var(--panel2); color:var(--text); }
.nav button.active { color:var(--accent); background:var(--ui-success-bg); box-shadow:inset 3px 0 var(--accent); }
.nav-section { border-color:var(--border); }
.nav-section>summary { min-height:44px; padding:12px 8px; color:var(--muted); font-size:12px; line-height:1.4; }
.nav-section[open]>summary { color:var(--text); }
.nav-nested button { font-size:12px; }
.navigation-finder { position:relative; margin:18px 4px 10px; }
.navigation-finder>.icon { position:absolute; top:13px; left:11px; width:16px; color:var(--muted); pointer-events:none; }
.navigation-finder input { width:100%; min-width:0; min-height:40px; padding:9px 10px 9px 34px; font-size:12px; }
.navigation-finder label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.navigation-empty { padding:12px 10px; color:var(--muted); font-size:12px; }
.sidebar-close,.navigation-backdrop { display:none; }
.profile { padding-top:16px; border-color:var(--border); font-size:13px; }
.profile .tiny { font-size:12px; }
.main { min-width:0; background:radial-gradient(850px 440px at 100% 0,rgba(157,191,255,.045),transparent 70%),var(--bg); }
.topbar { min-height:68px; background:rgba(16,18,23,.94); border-color:var(--border); padding-inline:32px; gap:14px; }
.breadcrumb { color:var(--muted); font-size:13px; }
.breadcrumb strong { color:var(--text); }
.search-wrap input { height:40px; background:var(--ui-input); border-color:var(--ui-control-border); color:var(--text); font-size:13px; border-radius:var(--ui-radius-sm); }
.search-wrap kbd { color:var(--muted); background:var(--panel2); border:1px solid var(--border); border-radius:5px; }
.avatar,.agency-avatar { color:var(--accent); background:var(--ui-success-bg); }
.content,.performance-main .content { max-width:1640px; padding:28px 32px 48px; }
.page-heading { align-items:flex-start; gap:20px; margin-bottom:20px; }
.page-heading h1 { font-size:30px; letter-spacing:-.035em; line-height:1.2; font-weight:650; color:var(--text); }
.page-heading p { max-width:760px; margin-top:8px; color:var(--muted); font-size:14px; line-height:1.55; }
.eyebrow { font-size:11px; letter-spacing:.13em; font-weight:650; color:var(--accent); }
.page-heading .actions { justify-content:flex-end; max-width:650px; }
.page-heading:has(.actions>.btn:nth-child(3)) { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
.page-heading:has(.actions>.btn:nth-child(3)) .actions { justify-content:flex-start; max-width:none; }
.page-heading>div:first-child { min-width:0; }
.actions { gap:8px; }
.actions,.panel-footer,.section-heading,.settings-row { flex-wrap:wrap; gap:12px; }
:is(.actions,.panel-head,.panel-footer,.section-heading,.settings-row)>* { min-width:0; max-width:100%; }
.section-heading { align-items:center; }
.btn { min-height:40px; padding:9px 14px; border-radius:var(--ui-radius-sm); border-color:var(--ui-control-border); background:var(--panel2); color:var(--text); font-size:13px; line-height:1.4; font-weight:550; }
#app .btn,#modal .btn { font-size:13px; }
.btn:hover { background:var(--ui-hover); border-color:var(--muted); }
.btn { transition:background var(--ui-motion),border-color var(--ui-motion),box-shadow var(--ui-motion); }
.btn:active:not(:disabled) { box-shadow:inset 0 0 0 1px currentColor; }
.btn.primary { color:var(--bg); background:var(--accent); border-color:var(--accent); font-weight:650; }
.btn.primary:hover { background:#d2f1e0; border-color:#d2f1e0; }
.btn.ghost { background:transparent; }
.btn.danger { color:var(--red); }
.icon-button { width:40px; height:40px; color:var(--muted); border-radius:var(--ui-radius-sm); }
.icon-button:hover { color:var(--text); background:var(--ui-hover); }
.filters { gap:16px; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--border); }
.filters-left { flex-wrap:wrap; gap:8px; min-width:0; }
.compact-select { height:40px; min-width:160px; font-size:13px; border-radius:var(--ui-radius-sm); border-color:var(--ui-control-border); color:var(--text); background-color:var(--ui-input); }
.status-label { font-size:12px; color:var(--muted); }
.status-dot.off { background:var(--muted); }
input,select,textarea { border-color:var(--ui-control-border); background-color:var(--ui-input); color:var(--text); border-radius:var(--ui-radius-sm); font-size:14px; min-height:42px; }
.form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.form-field,.form-grid>*,.detail-grid>* { min-width:0; }
.form-field :is(input,select,textarea),.form-grid :is(input,select,textarea) { min-width:0; max-width:100%; }
input[type=date],input[type=datetime-local],input[type=file] { min-width:0; max-width:100%; }
.form-field label { display:block; margin-bottom:7px; line-height:1.5; }
.form-field :is(small,.field-help) { display:block; margin-top:6px; color:var(--muted); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
#app :is(input,select,textarea),#modal :is(input,select,textarea) { border-color:var(--ui-control-border); background-color:var(--ui-input); color:var(--text); font-size:14px; }
#modal input:not([type=checkbox]):not([type=radio]),#modal select,#modal textarea { border-color:var(--ui-control-border); background-color:var(--ui-input); color:var(--text); }
.journey-line { background:var(--ui-control-border); }
.timeline-event::before { background:var(--ui-blue); border-color:var(--ui-blue); }
input[type=checkbox],input[type=radio] { min-height:0; accent-color:var(--accent); }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:1; }
select option { background:var(--ui-input); color:var(--text); }
label { font-size:13px; color:var(--text); }
.panel,.stat,.workspace-card,.integration-card { border-radius:var(--ui-radius); border-color:var(--border); background:var(--panel); box-shadow:var(--ui-shadow); }
.main:not(.visual-main):not(.performance-main) :is(.panel,.workspace-card,.integration-card,.history-connection,.access-card,.catalog-cards article) { background-image:linear-gradient(145deg,rgba(157,191,255,.035),transparent 65%); }
.workspace-card,.integration-card,.access-card,.catalog-cards article { min-width:0; }
.workspace-card h2,.integration-card h3,.access-card h3,.catalog-cards article h3 { overflow-wrap:anywhere; }
.stat-value,.stat-value>* { font-variant-numeric:tabular-nums; }
.panel-head { padding:20px 22px; gap:12px; flex-wrap:wrap; }
.panel-head h2 { font-size:16px; font-weight:600; }
.panel-head p,.panel-footer,.stat-title,.stat-foot,.legend { font-size:12px; color:var(--muted); }
.panel-body { padding:0 22px 22px; }
.panel-footer { padding:14px 22px; border-color:var(--border); }
.section-heading h2 { font-size:20px; font-weight:600; }
.section-heading { margin-bottom:16px; }
.table-scroll { max-width:100%; scrollbar-color:var(--ui-control-border) transparent; }
.toolbar { flex-wrap:wrap; gap:12px; padding:16px 22px; }
.toolbar>* { min-width:0; max-width:100%; }
.toolbar :is(input,select) { min-height:42px; }
.lead-toolbar .lead-searchbox { flex:1 1 260px; min-width:0; max-width:none; }
.lead-toolbar .lead-searchbox input { width:100%; min-width:0; max-width:100%; }
.lead-toolbar select { flex:1 1 140px; min-width:0; max-width:220px; }
.lead-view-tabs { height:auto; min-height:48px; overflow-y:hidden; }
/* Existing section switches share one treatment, without changing their roles. */
:is(.finance-tabs,.studio-tabs,.import-tabs,.auto-results-tabs,.lead-record-tabs) { display:flex; gap:6px; flex-wrap:wrap; padding:6px; border:1px solid var(--border); border-radius:12px; background:var(--panel); margin-bottom:24px; }
:is(.finance-tabs,.studio-tabs,.import-tabs,.auto-results-tabs,.lead-record-tabs)>button { min-width:0; min-height:40px; padding:9px 14px; border:0; border-radius:8px; font-size:13px; line-height:1.4; color:var(--muted); white-space:normal; }
:is(.finance-tabs,.studio-tabs,.import-tabs,.auto-results-tabs,.lead-record-tabs)>button:is(.active,[aria-selected=true],[aria-pressed=true]) { color:var(--bg); background:var(--accent); box-shadow:none; font-weight:650; }
:is(.finance-tabs,.studio-tabs,.import-tabs,.auto-results-tabs,.lead-record-tabs)>button:hover:not(:disabled):not(.active):not([aria-selected=true]):not([aria-pressed=true]) { background:var(--ui-hover); color:var(--text); }
table { font-size:13px; font-variant-numeric:tabular-nums; }
th { font-size:12px; color:var(--muted); background:var(--panel2); padding:12px 16px; border-color:var(--border); }
td { padding:14px 16px; border-color:var(--border); }
.person small,.cell-note { font-size:12px; color:var(--muted); }
.pill { font-size:12px; line-height:1.4; border-radius:7px; padding:4px 8px; }
.info-box,.help-box,.sample-banner { border-radius:var(--ui-radius-sm); font-size:13px; line-height:1.6; }
.info-box { background:var(--ui-info-bg); color:var(--muted); border-color:var(--border); }
.info-box strong { color:var(--text); }
.error-text,.error-banner { color:var(--red); }
.empty { padding:40px 24px; color:var(--muted); }
.empty h3 { color:var(--text); font-size:18px; }
.empty p { max-width:620px; font-size:14px; line-height:1.65; }
.empty .btn { margin-top:16px; }
dialog { background:var(--panel); color:var(--text); border-color:var(--border); border-radius:20px; max-height:calc(100dvh - 32px); overflow:hidden; box-shadow:0 24px 90px rgba(0,0,0,.45); }
dialog[open] { display:flex; flex-direction:column; }
dialog::backdrop { background:rgba(3,5,10,.72); backdrop-filter:blur(6px); }
.modal-head { background:var(--panel); padding:20px 24px; border-color:var(--border); gap:16px; flex:0 0 auto; }
.modal-head h2 { font-size:20px; color:var(--text); min-width:0; overflow-wrap:anywhere; line-height:1.35; }
.modal-head .icon-button { flex:0 0 44px; width:44px; height:44px; }
.modal-body { padding:24px; font-size:14px; min-height:0; max-height:none; overflow-y:auto; overscroll-behavior:contain; scrollbar-color:var(--ui-control-border) transparent; }
.modal-body>p { color:var(--muted); line-height:1.65; }
.modal-actions { gap:10px; padding-top:20px; flex-wrap:wrap; }
.drawer { border-radius:20px 0 0 20px; height:100dvh; max-height:100dvh; }
.drawer .modal-body { padding:24px; max-height:none; }
.drawer .lead-record-header { padding:0 0 20px; }
.drawer :is(.record-story,.lead-record-tabs,.lead-record-queue-nav) { margin-inline:-24px; }
.drawer .lead-record-pane { padding:20px 0 0; }
.synced-person-summary .person { min-width:0; align-items:flex-start; }
.synced-person-summary .person>span:last-child { min-width:0; overflow-wrap:anywhere; }
.synced-person-summary .person strong,.synced-person-summary .person small { white-space:normal; }
.synced-person-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:20px 0; }
.synced-person-facts>div { display:grid; align-content:start; gap:6px; min-width:0; }
.synced-person-facts dt { font-size:12px; color:var(--muted); }
.synced-person-facts dd { margin:0; font-size:14px; font-weight:550; color:var(--text); overflow-wrap:anywhere; }
.synced-person-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.auth-art { background:radial-gradient(600px 500px at 20% 40%,rgba(157,191,255,.1),transparent),var(--sidebar); }
.auth-card { max-width:420px; }
.auth-card h2 { font-size:28px; }
.auth-card>p,.auth-footnote,.switch-auth { color:var(--muted); font-size:14px; }
.report-wrap { color:var(--text); }
.report-note { color:var(--muted); font-size:13px; }
/* Data starts with coverage and active accounts. Setup help remains available. */
.history-hero { grid-template-columns:minmax(0,1fr) minmax(320px,.7fr); background:var(--panel); margin-bottom:24px; }
.history-hero-copy { padding:22px 24px; }
.history-hero h2 { font-size:21px; margin:0 0 8px; }
.history-hero-copy>p { max-width:660px; font-size:13px; line-height:1.6; }
.history-hero-side { padding:20px 24px; background:transparent; }
.history-hero-numbers strong { font-size:25px; font-weight:600; }
.history-setup-guide { margin-bottom:24px; border:1px solid var(--border); border-radius:var(--ui-radius); background:var(--panel); }
.history-setup-guide>summary { padding:14px 20px; cursor:pointer; color:var(--muted); font-size:13px; }
.history-setup-guide .history-checklist { border:0; margin:0; padding:20px; }
.history-connection { padding:22px; }
@media(max-width:1100px) {
  .page-heading { flex-direction:column; }
  .page-heading .actions { justify-content:flex-start; max-width:100%; }
}
@media(max-width:720px) {
  /* WebKit can otherwise count a long native option outside the selected field's box. */
  #company-filter { contain:paint; }
  .synced-person-facts { grid-template-columns:minmax(0,1fr); }
  .synced-person-actions .btn { width:100%; }
  .shell { display:block; }
  .sidebar { width:min(320px,88vw); padding:20px 16px; visibility:hidden; transition:transform var(--ui-motion); z-index:50; }
  .sidebar.open { visibility:visible; }
  .sidebar-close { display:flex; position:absolute; top:10px; right:10px; }
  .sidebar .logo { padding-right:38px; }
  .navigation-backdrop:not([hidden]) { display:block; position:fixed; inset:0; z-index:40; background:rgba(3,5,10,.72); backdrop-filter:blur(4px); }
  body.navigation-open { overflow:hidden; }
  .navigation-finder input { font-size:16px; min-height:44px; }
  .nav button { min-height:44px; }
  .content,.performance-main .content { padding:24px 16px 40px; }
  .topbar { min-height:64px; padding:10px 16px; gap:10px; }
  .search-wrap { min-width:0; }
  .search-wrap input { font-size:16px; }
  .search-wrap kbd { display:none; }
  .page-heading h1 { font-size:28px; }
  .page-heading p { font-size:14px; }
  .page-heading .actions { width:100%; }
  .btn { min-height:44px; white-space:normal; text-align:center; }
  #app .btn,#modal .btn { min-height:44px; min-width:44px; }
  .icon-button { width:44px; height:44px; flex-shrink:0; }
  input,select,textarea,.compact-select { font-size:16px; min-height:44px; }
  #app :is(input,select,textarea),#modal :is(input,select,textarea) { font-size:16px; }
  .workspace-context>select#company-filter { font-size:16px; }
  .filters { flex-wrap:wrap; gap:10px; padding-bottom:16px; }
  .filters-left { width:100%; }
  .filters>.status-label { display:flex; width:100%; margin:0; justify-content:flex-start; }
  .compact-select { min-width:0; flex:1; max-width:100%; }
  .panel-head,.panel-footer { padding:16px; }
  .panel-body { padding:0 16px 16px; }
  .toolbar { padding:16px; }
  .lead-toolbar .lead-searchbox { flex:1 0 100%; min-width:100%; }
  .lead-toolbar select { flex:1 1 140px; max-width:none; }
  :is(.finance-tabs,.studio-tabs,.import-tabs,.auto-results-tabs,.lead-record-tabs)>button { min-height:44px; flex:1 1 120px; }
  .settings-row { align-items:flex-start; }
  .modal-head,.modal-body,.drawer .modal-body { padding:20px 16px; }
  .drawer :is(.record-story,.lead-record-tabs,.lead-record-queue-nav) { margin-inline:-16px; }
  dialog { max-width:calc(100vw - 24px); }
  .drawer { max-width:100%; width:100%; border-radius:0; }
  .history-hero { grid-template-columns:minmax(0,1fr); }
  .history-hero-copy,.history-hero-side { padding:18px; }
  .history-hero-side { border-left:0; border-top:1px solid var(--border); }
  .history-hero-numbers { gap:8px; }
  .history-hero-numbers span { font-size:12px; }
  .history-checklist { grid-template-columns:minmax(0,1fr); gap:16px; }
}
@media(max-width:600px) {
  .form-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .form-grid>.full { grid-column:auto; }
  .modal-actions>.btn { flex:1 1 130px; }
  .settings-row>*:first-child { flex-basis:100%; }
  .sample-banner { flex-wrap:wrap; }
  .sample-banner>span { flex:1 1 220px; min-width:0; }
  .sample-banner>button { margin-left:0; white-space:normal; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}
@media print {
  :root,main.visual-main,main.performance-main,.flp-skin {
    color-scheme:light;
    --bg:#fff; --sidebar:#fff; --panel:#fff; --panel2:#f2f4f6;
    --border:#c5cbd3; --text:#111; --muted:#444; --accent:#245b40;
    --green:#246746; --amber:#705014; --red:#9c263b;
    --surface:var(--panel); --paper:var(--panel); --ink:var(--text);
    --danger:var(--red); --warning:var(--amber); --ui-faint:var(--muted);
    --ui-blue:#245fa6; --ui-purple:#684a9e; --ui-hover:#edf0f3;
    --ui-input:#fff; --ui-focus:var(--accent); --ui-control-border:#6b7280;
    --ui-danger-bg:#fff1f3; --ui-warning-bg:#fff7e7;
    --ui-success-bg:#edf7f1; --ui-info-bg:#edf3fc;
  }
  main.visual-main,main.performance-main,.flp-skin {
    --flp-bg:#fff; --flp-fg:#111; --flp-mut:#444; --flp-dim:#444;
    --accent:var(--flp-ac);
    --flp-ac:#9b3c1f; --flp-ac2:#762a13; --flp-blu:#245fa6;
    --flp-vio:#684a9e; --flp-amb:#705014; --flp-grn:#246746; --flp-red:#9c263b;
    --flp-label:#7c3c20; --flp-hi:#84380f; --flp-glass:#fff;
    --flp-bd:#c5cbd3; --flp-bd2:#a1a9b4; --flp-well:#f5f6f7;
    --flp-well-bd:#c5cbd3; --flp-solid:#fff;
  }
  body,.main,.panel,.stat,.report-wrap { background:white; color:#111; }
  .muted,.report-note,.stat-title,.stat-foot { color:#444; }
  th { background:#eee; color:#222; }
  .flp-skin :is(.rhythm-scale-note,.flp-commandbar,.rhythm-canvas,.rhythm-inspector,.flp-tip-body,.performance-hypothesis-metrics>div,.campaign-handoff-stage,.flp-builder-scenario) { background:var(--panel2); }
  .flp-skin .pill.contacted { color:var(--flp-vio); }
  .flp-skin .rhythm-chip.metric-sessions { color:#28647a; }
  .flp-skin .rhythm-line.metric-sessions { stroke:#28647a; }
  .flp-skin .rhythm-marker.metric-sessions { fill:#28647a; }
  .flp-skin .rhythm-line.previous,.flp-skin .rhythm-period-legend i.previous { opacity:1; }
  .flp-skin .flp-chart-plot>.flp-chart-dot.is-partial { background:var(--panel); }
  .flp-skin .flp-chart-required[stroke="rgba(255,255,255,.62)"] { stroke:var(--muted); }
  .flp-skin .flp-chart-required:not([stroke]) { stroke:var(--muted); }
  .flp-skin .flp-chart-plan:not([stroke]) { stroke:var(--ui-blue); }
  .flp-skin .flp-chart-line[stroke="#ff7a4f"] { stroke:var(--flp-ac); }
  .flp-skin :is(.flp-chart-required,.flp-chart-pace)[stroke="#6ea8ff"] { stroke:var(--ui-blue); }
  .flp-skin .flp-chart-plan[stroke="#a78bfa"] { stroke:var(--ui-purple); }
  .flp-skin .flp-chart-gap rect { fill:var(--panel2); stroke:var(--ui-control-border); stroke-width:1; stroke-dasharray:2 4; vector-effect:non-scaling-stroke; }
  .flp-skin .flp-chart-gap line { stroke:var(--ui-control-border); }
  .flp-skin .flp-legend-item>i[style*="--sw:rgba(255,255,255,.62)"] { --sw:var(--muted) !important; }
  .flp-skin .flp-legend-item>i[style*="--sw:rgba(255,255,255,.34)"] { --sw:var(--ui-control-border) !important; }
  .flp-skin .flp-legend-item>i[style*="--sw:#ff7a4f"] { --sw:var(--flp-ac) !important; }
  .flp-skin .flp-legend-item>i[style*="--sw:#6ea8ff"] { --sw:var(--ui-blue) !important; }
  .flp-skin .flp-legend-item>i[style*="--sw:#a78bfa"] { --sw:var(--ui-purple) !important; }
  .flp-skin .flp-legend-item.is-band>i { background:var(--panel2); }
  .finance-trend line { stroke:var(--ui-control-border); }
  .finance-trend [stroke="#8fd7ad"] { stroke:var(--green); }
  .finance-trend [stroke="#d4a96d"] { stroke:var(--amber); }
  .finance-trend [stroke="#dce5e0"] { stroke:var(--text); }
  .finance-trend [fill="#8fd7ad"] { fill:var(--green); }
  .finance-trend [fill="#d4a96d"] { fill:var(--amber); }
  .finance-trend [fill="#dce5e0"] { fill:var(--text); }
  .finance-legend i[style*="background:#8fd7ad"] { background:var(--green) !important; }
  .finance-legend i[style*="background:#d4a96d"] { background:var(--amber) !important; }
  .finance-legend i[style*="background:#dce5e0"] { background:var(--text) !important; }
  .flp-skin .flp-builder-error-link { color:var(--flp-red); }
  .flp-skin .flp-builder-notice { color:var(--flp-grn); }
  .flp-skin .flp-builder-version { color:var(--flp-blu); }
  .flp-skin .flp-builder-readonly { color:var(--flp-amb); }
}
/* One reporting interval across owner analytics, with exact dates visible. */
.owner-period-control { display:grid; gap:6px; min-width:0; max-width:100%; }
.owner-period-control select { width:100%; min-width:180px; }
.owner-period-control small { color:var(--muted); font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
.finance-selected-period { margin:0; flex:1 1 240px; color:var(--text); line-height:1.5; }
.finance-selected-period small { display:block; color:var(--muted); font-size:12px; }
@media(max-width:600px) {
  .owner-period-control { width:100%; }
  .owner-period-control select { min-width:0; }
  .finance-period > .finance-selected-period { grid-column:1/-1; }
}
/* Scoped program views use the same people/source surfaces as the business. */
.flp-skin [data-program-people] > .panel-head { padding:20px 22px 14px; }
@media(max-width:760px) {
  .flp-skin [data-program-people] > .panel-head { padding:16px 16px 14px; }
}
.program-person-facts{display:grid;gap:0;margin:20px 0}.program-person-facts>div{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--border);align-items:start}.program-person-facts dt{color:var(--muted)}.program-person-facts dd{margin:0;overflow-wrap:anywhere}.program-people-grid .cell-note{max-width:32ch}.program-source-context{margin-bottom:24px}.program-source-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.program-source-offers span{padding:10px 12px;border:1px solid var(--border);border-radius:10px;overflow-wrap:anywhere}.program-source-context summary{cursor:pointer;font-weight:600}.program-source-context .panel-head p{margin:8px 0 0}.program-source-context details p{margin:16px 0}
@media(max-width:600px){.program-source-offers{grid-template-columns:1fr}.program-person-facts>div{grid-template-columns:1fr;gap:5px}.program-people-grid{min-width:650px}}

/* APX 0.75: one workspace language, with results ahead of supporting detail.
   Screen-only styling leaves printable evidence and its category colors intact. */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media screen {
  .shell { grid-template-columns:248px minmax(0,1fr); }
  .sidebar { width:248px; padding:24px 18px 18px; border-right-color:#29323e; background:linear-gradient(180deg,#111720,#0c1016 58%); }
  .sidebar .logo { padding:0 10px; margin:0 0 28px; gap:8px; font-size:26px; letter-spacing:-1.3px; }
  .sidebar .logo svg { display:block; width:25px; height:28px; fill:var(--accent); }
  .sidebar .logo small { font-size:10px; letter-spacing:1.5px; color:var(--muted); }
  .workspace-context>select#company-filter { height:72px; background:linear-gradient(135deg,#222c38,#171e28); border-color:var(--ui-control-border); padding-left:56px; padding-bottom:28px; border-radius:14px; }
  .workspace-context>.agency-avatar { top:18px; border-radius:10px; }
  .workspace-context>.workspace-mode { bottom:12px; font-size:12px; }
  .workspace-context>.workspace-chevron { top:25px; }
  .program-context { grid-template-columns:minmax(0,1fr) auto; gap:8px; margin-top:18px; padding:0 2px; }
  .program-context>label { grid-column:1; align-self:center; letter-spacing:.04em; }
  .program-context>select { grid-column:1/-1; grid-row:2; background:var(--ui-input); }
  .program-context>small { grid-column:1/-1; grid-row:3; line-height:1.4; }
  #app .program-context>.program-manage { grid-column:2; grid-row:1; min-height:32px; padding:4px 0 4px 10px; background:transparent; border:0; font-size:12px; color:var(--accent); border-radius:6px; }
  .navigation-finder { margin:20px 2px 16px; }
  .navigation-finder input { background:#131a23; border-color:var(--ui-control-border); border-radius:10px; }
  .nav-label { letter-spacing:.12em; font-size:10px; font-weight:700; padding-left:12px; margin-bottom:10px; }
  .nav { gap:5px; }
  .nav button { min-height:44px; padding:11px 13px; font-weight:550; letter-spacing:-.01em; }
  .nav button .icon { width:18px; height:18px; opacity:.9; }
  .nav button.active { color:#f1d1bf; background:linear-gradient(110deg,#382822,#25242a); box-shadow:inset 3px 0 #ff926b; }
  .nav button.active .icon { color:#ffaf8e; }
  .nav-section { margin-top:14px; border-color:#29323e; }
  .nav-section>summary { padding-inline:12px; min-height:48px; }
  .nav-nested { margin:2px 0 8px; }
  .nav-nested button { padding-left:14px; }
  .sidebar-bottom { padding-top:20px; }
  .profile { padding:16px 4px 0; }
  .profile .avatar { border-radius:11px; width:36px; height:36px; }
  .main { background:radial-gradient(900px 480px at 100% 0,rgba(118,146,204,.06),transparent 70%),var(--bg); }
  main.visual-main,main.performance-main { --flp-bg:#101319; --flp-solid:#151b24; --flp-glass:#191f28; --flp-bd:#35404d; --flp-bd2:#566376; --flp-mut:#b0bac8; --flp-dim:#b0bac8; --flp-well:#222a35; --flp-well-bd:#3d4858; --flp-r:22px; }
  main.visual-main::before,main.performance-main::before { background:radial-gradient(900px 400px at 0 0,rgba(255,122,79,.065),transparent 68%),radial-gradient(800px 400px at 100% 0,rgba(110,168,255,.065),transparent 68%); }
  .topbar { min-height:70px; padding:12px 36px; background:rgba(16,19,25,.95); border-color:#29323e; }
  .breadcrumb { letter-spacing:.01em; }
  .breadcrumb strong { font-weight:600; }
  .search-wrap { width:min(360px,34vw); }
  .search-wrap input { height:auto; min-height:42px; border-radius:12px; padding-left:38px; }
  .topbar>.avatar { border-radius:11px; }
  .content,.performance-main .content { max-width:1700px; padding:28px 36px 60px; }
  .workspace-command { position:relative; margin-bottom:28px; padding:0 0 20px; border-bottom:1px solid var(--border); }
  .workspace-command .page-heading { margin-bottom:16px; gap:20px; align-items:center; }
  .workspace-command .page-heading h1 { font-size:clamp(32px,2.8vw,42px); font-weight:700; line-height:1.12; letter-spacing:-.045em; margin-top:6px; }
  .workspace-command .eyebrow { color:#ffc1a3; font-size:11px; letter-spacing:.14em; }
  .workspace-command .page-heading p { margin-top:8px; font-size:14px; max-width:720px; }
  .workspace-command .filters { margin:0; padding:0; border:0; align-items:center; gap:16px; }
  .workspace-command .filters-left { gap:12px; }
  .owner-period-control { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; }
  .owner-period-control select { width:180px; min-width:160px; height:auto; min-height:42px; background:var(--ui-input); border-radius:10px; }
  .owner-period-control small { font-size:12px; }
  .program-scope-badge { background:#25302f; border:1px solid #526b60; color:var(--accent); border-radius:8px; padding:7px 10px; font-size:12px; }
  .workspace-command .status-label { gap:8px; }
  .workspace-command .status-label .icon-button { border:1px solid var(--ui-control-border); background:var(--ui-input); width:36px; height:36px; border-radius:10px; }
  .btn { border-radius:11px; padding:10px 15px; font-weight:600; background:linear-gradient(180deg,#28323f,#222a35); box-shadow:0 2px 3px rgba(0,0,0,.1); }
  .btn.primary { background:linear-gradient(180deg,#c4ebd6,#a9ddc1); border-color:var(--accent); box-shadow:0 3px 12px rgba(139,203,165,.08); }
  .btn.primary:hover { background:#d4f2e1; }
  .btn.ghost { box-shadow:none; }
  .btn .icon { width:16px; height:16px; }
  input,select,textarea { box-shadow:inset 0 1px 2px rgba(0,0,0,.13); }
  .panel,.stat,.workspace-card,.integration-card { background:linear-gradient(145deg,#1d2530,#191f28 70%); border-color:var(--border); box-shadow:var(--ui-shadow); }
  .panel-head { padding:24px 26px 18px; align-items:center; }
  .panel-head h2 { font-size:20px; font-weight:650; letter-spacing:-.025em; line-height:1.25; }
  .panel-head p { margin-top:7px; font-size:13px; line-height:1.55; }
  .panel-body { padding:0 26px 26px; }
  .panel-footer { padding:16px 26px; background:rgba(8,12,18,.12); }
  .section-heading h2 { font-size:23px; letter-spacing:-.03em; }
  .stat { position:relative; padding:24px; overflow:hidden; }
  .stat-title { font-size:13px; font-weight:550; }
  .stat-value { margin-top:14px; font-size:36px; font-weight:700; line-height:1.12; letter-spacing:-.04em; }
  .stat-foot { margin-top:12px; font-size:12px; line-height:1.5; }
  .stats { gap:16px; }
  .stat.emphasis,.finance-stats .stat.emphasis { background:linear-gradient(145deg,#2d3029,#1d2827); border-color:#657667; }
  .toolbar { background:#151b24; padding:18px 24px; gap:12px; }
  .table-scroll { border-radius:0 0 var(--ui-radius) var(--ui-radius); }
  th { padding:15px 20px; background:#222a35; font-size:12px; font-weight:650; letter-spacing:.04em; }
  td { padding:18px 20px; line-height:1.5; }
  #app .table-sort-button { min-width:0; max-width:100%; flex-wrap:wrap; overflow-wrap:anywhere; }
  #app [data-program-activity-people] .table-sort-button { max-width:none; flex-wrap:nowrap; white-space:nowrap; overflow-wrap:normal; }
  tr[data-lead],tr[data-directory-person],tr[data-program-person] { transition:background var(--ui-motion); }
  tr[data-lead]:hover,tr[data-directory-person]:hover,tr[data-program-person]:hover { background:#252e3b; }
  .person { gap:12px; }
  .person .avatar { border-radius:12px; width:40px; height:40px; }
  .person strong { font-size:14px; font-weight:600; }
  .person small { margin-top:4px; font-size:12px; }
  .pill { border-radius:999px; padding:5px 10px; font-weight:550; }
  .lead-view-tabs { background:#151b24; padding:8px 14px; gap:8px; }
  .lead-view-note { white-space:normal; overflow-wrap:anywhere; }
  .lead-record-header { background:linear-gradient(145deg,#23303b,#191f28); }
  .lead-record-header h2,.lead-profile h2 { font-size:26px; letter-spacing:-.035em; }
  .drawer { width:580px; }
  .synced-person-facts { gap:12px; }
  .synced-person-facts>div { padding:14px; background:#222a35; border:1px solid var(--border); border-radius:12px; }
  .modal-head { padding:22px 26px; background:linear-gradient(145deg,#222c38,#191f28); }
  .modal-head h2 { font-size:23px; letter-spacing:-.025em; }
  .modal-body { padding:26px; }
  .modal-body .help-box { padding:18px; }
  .empty { padding:48px 28px; }
  .empty h3 { font-size:23px; letter-spacing:-.03em; }
  .empty>.icon { width:36px; height:36px; padding:14px; box-sizing:content-box; background:var(--panel2); border:1px solid var(--border); border-radius:18px; }
  .history-hero { background:linear-gradient(120deg,#21302d,#1b2531 55%,#1a212b); border-color:#566b66; border-radius:22px; }
  .history-hero-copy { padding:28px; }
  .history-hero h2 { font-size:28px; letter-spacing:-.04em; }
  .history-hero-copy>p { font-size:14px; }
  .history-hero-side { padding:28px; }
  .history-hero-numbers strong { font-size:38px; line-height:1.2; letter-spacing:-.045em; }
  .history-hero-numbers span { font-size:12px; }
  .history-setup-guide { background:transparent; box-shadow:none; }
  .history-connection { padding:26px; background:linear-gradient(130deg,#1e2732,#191f28); border-radius:22px; box-shadow:var(--ui-shadow); }
  .history-connection h3 { font-size:18px; letter-spacing:-.02em; }
  .history-connection-foot { background:#222a35; }
  .history-progress { background:#151b24; border-radius:14px; }
  .history-record-count strong { font-size:34px; letter-spacing:-.04em; }
  .history-section-heading h2 { font-size:24px; letter-spacing:-.03em; }
  .history-section-heading p { font-size:13px; }
  .history-account { margin-bottom:18px; background:linear-gradient(135deg,#1d2632,#191f28); border-radius:22px; box-shadow:var(--ui-shadow); }
  .history-account-head { padding:24px 26px 18px; gap:14px; }
  .history-account-head h3 { font-size:18px; font-weight:650; letter-spacing:-.025em; }
  .history-account-head p { margin-top:6px; font-size:13px; }
  .history-account-head .history-brand { width:44px; height:44px; border-radius:14px; font-size:18px; }
  .history-account-scope { margin-inline:26px; gap:12px 24px; padding-bottom:18px; }
  .history-import-state { padding:22px 26px; gap:16px; }
  .history-state-symbol { width:38px; height:38px; border-radius:12px; }
  .history-state-text strong { font-size:14px; }
  .history-state-text p { font-size:13px; }
  .history-account-count strong { font-size:36px; line-height:1.2; font-weight:650; letter-spacing:-.045em; }
  .history-account-count span { font-size:12px; }
  .history-account-footer { padding:18px 26px; background:#222a35; gap:16px; }
  .history-account-footer .btn { padding:9px 12px; }
  .history-coverage-notes,.history-sales-sync { margin-inline:26px; border-radius:14px; }
  .history-sales-sync { background:#222a35; padding:20px; }
  .history-source-group { background:#151b24; padding:24px; border-radius:22px; }
  .history-group-title h3 { font-size:18px; letter-spacing:-.025em; }
  .history-group-title>span { width:42px; height:42px; border-radius:12px; }
  .history-provider { background:linear-gradient(135deg,#222c38,#191f28); border-radius:16px; padding:22px; }
  .history-provider h3 { font-size:15px; font-weight:600; }
  .history-provider>p { font-size:13px; line-height:1.6; }
  .history-provider-top .history-brand { width:38px; height:38px; border-radius:12px; }
  .history-provider-bottom .btn { min-height:40px; padding:9px 12px; }
  .history-provider-bottom { flex-wrap:wrap; }
  .history-provider-actions { min-width:0; max-width:100%; flex:1 1 180px; }
  .history-provider-actions .btn { max-width:100%; white-space:normal; }
  .finance-period { background:#151b24; border-radius:16px; padding:18px 22px; }
  .finance-period input,.finance-period select { height:auto; min-height:44px; }
  .finance-tabs,.studio-tabs,.import-tabs,.auto-results-tabs { width:fit-content; max-width:100%; background:#151b24; border-radius:14px; margin-bottom:24px; }
  .finance-status { background:#1c2631; border-radius:14px; padding:16px 20px; }
  .finance-grid { gap:24px; }
  .finance-stats .stat-value { font-size:clamp(28px,2.6vw,40px); }
  .finance-forecast>div { border-radius:14px; }
  .settings-grid { gap:24px; }
  .settings-row { padding-block:20px; font-size:14px; }
  .workspace-card { padding:26px; }
  .workspace-card h2 { font-size:23px; letter-spacing:-.03em; }
  .integration-card { padding:24px; }
  .integration-card h3 { font-size:20px; }
  .auth-art { padding:48px 64px; background:radial-gradient(700px 600px at 10% 30%,rgba(255,122,79,.09),transparent),radial-gradient(550px 400px at 100% 90%,rgba(157,191,255,.07),transparent),var(--sidebar); }
  .auth-art h1 { margin-top:70px; font-size:clamp(44px,4.5vw,72px); font-weight:650; line-height:1.08; letter-spacing:-.05em; }
  .auth-art p { font-size:16px; }
  .auth-form-area { background:radial-gradient(700px 700px at 80% 20%,rgba(184,229,204,.045),transparent),var(--bg); }
  .auth-card { max-width:440px; padding:32px; border:1px solid var(--border); background:var(--panel); border-radius:24px; box-shadow:var(--ui-shadow); }
  .auth-card h2 { font-size:34px; letter-spacing:-.04em; }
  .auth-card .btn { min-height:46px; }
  .orbit-node { background:var(--panel); border-radius:12px; }
  .hub { color:#18291f; box-shadow:0 0 80px rgba(184,229,204,.08); }
  .client-report-wrap { max-width:1200px; padding:48px 32px; }
  .report-title h1 { font-size:42px; letter-spacing:-.045em; }
  .report-title { padding-bottom:24px; border-bottom:1px solid var(--border); }

  /* Retain the original charts and source cards; establish a stronger scale. */
  .visual-main .visual-intelligence-dashboard,.performance-main .performance-page { gap:26px; }
  .flp-skin .performance-journey,.flp-skin .performance-trends,.flp-skin .ga4-event-journey,.flp-skin .submitted-journey,.flp-skin .money-dashboard,.flp-skin .performance-recent { background:linear-gradient(135deg,#1d2530,#181e27); border-color:var(--border); border-radius:22px; box-shadow:var(--ui-shadow); padding:26px; }
  .flp-skin .performance-journey.compact { padding:26px; }
  .flp-skin .performance-journey::before { width:3px; background:linear-gradient(#ffa57f,#8faeee); opacity:.8; }
  .flp-skin .performance-journey-head h2,.flp-skin .performance-section-head h2,.flp-skin .money-dashboard-head h2,.flp-skin .flp-shead h2 { font-size:24px; line-height:1.25; font-weight:650; letter-spacing:-.03em; }
  .flp-skin .performance-journey-head p,.flp-skin .performance-section-head p,.flp-skin .money-dashboard-head p { font-size:13px; margin-top:7px; line-height:1.6; }
  .flp-skin .performance-label,.flp-skin .flp-label,.flp-skin .section-kicker { font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.12em; }
  .flp-skin .journey-lane { padding:22px 0; }
  .flp-skin .journey-node { padding:22px; background:linear-gradient(135deg,#26303d,#222a35); border:1px solid #485465; border-radius:16px; }
  .flp-skin .journey-node strong,.flp-skin .performance-journey.compact .journey-node strong { margin:12px 0 8px; font-size:38px; line-height:1.1; font-family:var(--sans); font-weight:700; letter-spacing:-.045em; }
  .flp-skin .journey-node small { font-size:12px; font-weight:550; }
  .flp-skin .journey-node span { font-size:12px; line-height:1.5; }
  .flp-skin .journey-node.accent { background:linear-gradient(145deg,#483029,#2c262a); border-color:#97644e; }
  .flp-skin .journey-node.accent strong { color:#ffb590; }
  .flp-skin .journey-node.metric-sessions { background:linear-gradient(145deg,#263b49,#222a35); }
  .flp-skin .journey-node.metric-people { background:linear-gradient(145deg,#343349,#222a35); }
  .flp-skin .journey-node:focus-visible { outline:2px solid var(--ui-focus); outline-offset:3px; }
  .flp-skin .journey-spark { background:linear-gradient(135deg,#242f3c,#202732); padding:18px; border-radius:16px; border-color:#485465; }
  .flp-skin .journey-spark>div { flex-direction:column; align-items:flex-start; gap:8px; }
  .flp-skin .journey-spark strong { font-size:28px; font-family:var(--sans); letter-spacing:-.035em; }
  .flp-skin .journey-spark svg { height:68px; margin-top:14px; }
  .flp-skin .journey-spark path { stroke-width:2.5; }
  .flp-skin .money-metric { padding:24px 22px 36px; background:linear-gradient(135deg,#26303d,#202732); border-radius:16px; border-color:#485465; }
  .flp-skin .money-metric.primary { background:linear-gradient(140deg,#493028,#302628); border-color:#98634c; }
  .flp-skin .money-metric strong,.flp-skin .money-metric strong>.finance-amount { font-family:var(--sans); font-size:clamp(28px,2.5vw,38px); letter-spacing:-.04em; line-height:1.2; }
  .flp-skin .money-metric small { font-size:13px; }
  .flp-skin .money-metric p { font-size:12px; line-height:1.5; margin-top:10px; }
  .flp-skin .flp-card { background:linear-gradient(135deg,#242d3a,#1c2430); border-color:#485465; border-radius:16px; padding:22px; }
  .flp-skin .flp-card h4 { font-size:15px; }
  .flp-skin .flp-kpi-value { font-family:var(--sans); font-size:36px; font-weight:700; letter-spacing:-.04em; }
  .flp-skin .flp-commandbar { background:#151b24; border:1px solid var(--border); border-radius:16px; padding:18px; }
  .flp-skin .flp-commandbar-row { gap:14px; }
  .flp-skin .flp-seg { border-radius:10px; }
  .flp-skin .flp-section { padding:26px; border:1px solid var(--border); border-radius:22px; background:linear-gradient(135deg,#1e2530,#171e28); box-shadow:var(--ui-shadow); }
  .flp-skin .flp-command .flp-tabpanel .flp-section { padding:0; border:0; background:none; box-shadow:none; }
  .flp-skin .flp-command .flp-card { padding:14px; }
  @container flp (min-width:601px) and (max-width:760px) {
    /* The four-column premises table remains complete in the two-card tablet layout. */
    .flp-skin #flp-panel-plan .flp-g2 .flp-card .flp-table:has(td.is-date) :is(th,td) { padding-inline:8px; }
  }
  .flp-skin .flp-pulse[data-flp-draft-not-live] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 24px; padding:22px 26px; background:linear-gradient(110deg,#29272a,#1c2530); }
  .flp-skin .flp-pulse[data-flp-draft-not-live] .flp-shead { display:block; grid-column:1; margin:0; }
  .flp-skin .flp-pulse[data-flp-draft-not-live] .flp-shead h2 { font-size:20px; margin-top:5px; }
  .flp-skin .flp-pulse[data-flp-draft-not-live] .flp-shead-note { display:block; margin-top:6px; }
  .flp-skin .flp-pulse[data-flp-draft-not-live] .flp-pulse-actions { grid-column:2; grid-row:1; display:flex; flex-direction:column; align-items:flex-end; justify-content:center; margin:0; gap:10px; }
  .flp-skin .flp-pulse[data-flp-draft-not-live]>p { grid-column:1/-1; margin:0; font-size:13px; }
  .flp-skin .performance-lens { background:#191f28; border:1px solid var(--border); border-radius:22px; padding:26px; }
  .flp-skin .performance-lens-head h2 { font-size:30px; }
  .flp-skin .lens-primary strong { font-family:var(--sans); font-size:42px; }
  .flp-skin .rhythm-canvas { background:#151b24; border-radius:16px; border-color:var(--border); }
  .flp-skin .rhythm-inspector { border-radius:16px; background:#222a35; }
  .flp-skin .ga4-event-grid>article,.flp-skin .submitted-journey-grid>article { background:linear-gradient(135deg,#253344,#222a35); border:1px solid #485465; border-radius:16px; padding:22px; }
  .flp-skin .ga4-event-grid>article>strong,.flp-skin .submitted-journey-grid>article>strong { font-family:var(--sans); font-size:32px; letter-spacing:-.035em; }
  .flp-skin .performance-provider-table,.flp-skin .campaign-delivery-table,.flp-skin .ad-group-delivery-table,.flp-skin .ad-delivery-table,.flp-skin .placement-delivery-table { background:#171e28; border:1px solid var(--border); border-radius:14px; }
  .flp-skin .performance-provider-row.header,.flp-skin .campaign-delivery-row.header,.flp-skin .ad-group-delivery-row.header,.flp-skin .ad-delivery-row.header,.flp-skin .placement-delivery-row.header { background:#252e3b; border-radius:14px 14px 0 0; }
  .flp-skin .performance-provider-row,.flp-skin .campaign-delivery-row,.flp-skin .ad-group-delivery-row,.flp-skin .ad-delivery-row,.flp-skin .placement-delivery-row { min-height:60px; }
  .flp-skin [data-program-people]>.panel-head { padding:24px 26px 18px; }
  .flp-skin .flp-tip-body code { white-space:normal; overflow-wrap:anywhere; }
  @container flp (max-width:600px) {
    .flp-skin .flp-tip-body.is-wide { width:auto; max-width:calc(100% - 24px); left:12px; right:12px; }
  }

  @media(min-width:1450px) {
    .content,.performance-main .content { padding-inline:44px; }
    .topbar { padding-inline:44px; }
    .visual-intelligence-dashboard { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .visual-intelligence-dashboard>* { grid-column:1/-1; min-width:0; }
    .visual-intelligence-dashboard>.ga4-event-journey,.visual-intelligence-dashboard>.submitted-journey { grid-column:span 1; }
    .visual-intelligence-dashboard .ga4-event-grid,.visual-intelligence-dashboard .submitted-journey-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .visual-intelligence-dashboard .ga4-event-journey .performance-section-head,.visual-intelligence-dashboard .submitted-journey .performance-section-head { display:block; }
    .visual-intelligence-dashboard .ga4-event-journey .performance-section-head>small,.visual-intelligence-dashboard .submitted-journey .performance-section-head>small { display:block; margin-top:10px; }
  }
  @media(min-width:1201px) and (max-width:1449px) {
    .performance-main .content { padding-inline:24px; }
  }
  @media(max-width:1200px) {
    .shell { grid-template-columns:228px minmax(0,1fr); }
    .sidebar { width:228px; padding-inline:14px; }
    .content,.performance-main .content { padding:24px; }
    .topbar { padding-inline:24px; }
    .workspace-command .page-heading { align-items:flex-start; }
    .workspace-command .filters { flex-wrap:wrap; }
    .workspace-command .status-label { margin-left:auto; }
    .flp-skin .journey-node { padding:18px; }
    .flp-skin .journey-node strong { font-size:32px; }
  }
  @media(max-width:720px) {
    .shell { display:block; }
    .sidebar { width:min(320px,88vw); padding:24px 18px; }
    .sidebar .logo { padding-right:36px; font-size:24px; }
    .sidebar .logo small { font-size:9px; letter-spacing:1px; }
    .sidebar .program-manage { min-width:44px; }
    .topbar { min-height:64px; padding:10px 16px; }
    .search-wrap { width:auto; }
    .search-wrap input { height:auto; min-height:44px; }
    .content,.performance-main .content { padding:22px 16px 40px; }
    .workspace-command { margin-bottom:20px; padding-bottom:18px; }
    .workspace-command .page-heading { gap:14px; margin-bottom:14px; }
    .workspace-command .page-heading h1 { font-size:34px; margin-top:5px; }
    .workspace-command .page-heading p { font-size:13px; line-height:1.5; }
    .workspace-command .filters { gap:10px; }
    .workspace-command .filters-left { gap:8px; }
    .owner-period-control { display:grid; grid-template-columns:minmax(0,1fr); gap:5px; width:auto; flex:1; }
    .owner-period-control select { width:100%; min-width:0; height:auto; min-height:44px; font-size:16px; }
    .owner-period-control small { font-size:12px; }
    .workspace-command .status-label { width:100%; justify-content:flex-start; margin:0; }
    .workspace-command .status-label>[data-owner-snapshot] { flex:1; }
    .workspace-command .status-label .icon-button { width:44px; height:44px; }
    .program-scope-badge { padding:8px; }
    .panel-head,.flp-skin [data-program-people]>.panel-head { padding:20px 18px 16px; }
    .panel-head h2 { font-size:20px; }
    .panel-body { padding:0 18px 20px; }
    .panel-footer { padding:14px 18px; }
    .toolbar { padding:16px; }
    .stat { padding:20px 16px; }
    .stat-value { font-size:30px; }
    .stats { gap:12px; }
    td { padding:16px; }
    th { padding:13px 16px; }
    .modal-head,.modal-body,.drawer .modal-body { padding:20px 16px; }
    .drawer { width:100%; max-width:100%; border-radius:0; }
    .modal-head h2 { font-size:22px; }
    .synced-person-facts { grid-template-columns:minmax(0,1fr); }
    .history-hero { grid-template-columns:minmax(0,1fr); }
    .history-hero-copy,.history-hero-side,.history-connection { padding:20px; }
    .history-hero h2 { font-size:25px; }
    .history-hero-numbers strong { font-size:32px; }
    .history-account-head { padding:20px 18px 16px; }
    .history-account-head h3 { font-size:17px; }
    .history-account-scope { margin-inline:18px; }
    .history-import-state { padding:18px; }
    .history-account-count { padding-left:54px; }
    .history-account-count strong { font-size:28px; }
    .history-account-footer { padding:16px 18px; }
    .history-coverage-notes,.history-sales-sync { margin-inline:18px; }
    .history-source-group { padding:20px 18px; }
    .history-provider { padding:20px 18px; }
    .history-provider-bottom .btn { min-height:44px; }
    .finance-tabs,.studio-tabs,.import-tabs,.auto-results-tabs { width:100%; }
    .finance-period { padding:16px; }
    .finance-status { padding:16px; }
    .settings-row { padding-block:16px; font-size:13px; }
    .workspace-card,.integration-card { padding:22px; }
    .auth-card { padding:26px 22px; }
    .auth-form-area { padding:24px 16px; }
    .auth-card h2 { font-size:30px; }
    .auth-card:before { margin-bottom:28px; }
    .client-report-wrap { padding:28px 18px; }
    .report-title h1 { font-size:32px; }
    .visual-main .visual-intelligence-dashboard,.performance-main .performance-page { gap:20px; }
    .flp-skin .performance-journey,.flp-skin .performance-journey.compact,.flp-skin .performance-trends,.flp-skin .ga4-event-journey,.flp-skin .submitted-journey,.flp-skin .money-dashboard,.flp-skin .performance-recent,.flp-skin .flp-section,.flp-skin .performance-lens { padding:20px 18px; border-radius:18px; }
    .flp-skin .performance-journey-head h2,.flp-skin .performance-section-head h2,.flp-skin .money-dashboard-head h2,.flp-skin .flp-shead h2 { font-size:22px; }
    .flp-skin .performance-journey-head { padding-bottom:16px; }
    .flp-skin .journey-lane { padding:18px 0; }
    .flp-skin .journey-node { padding:18px; border-radius:14px; }
    .flp-skin .journey-node strong,.flp-skin .performance-journey.compact .journey-node strong { font-size:34px; margin:10px 0 7px; }
    .flp-skin .journey-spark { padding:18px; }
    .flp-skin .journey-spark strong { font-size:28px; }
    .flp-skin .money-metric { padding:22px 18px 36px; }
    .flp-skin .money-metric strong,.flp-skin .money-metric strong>.finance-amount { font-size:32px; }
    .flp-skin .flp-card { padding:18px; }
    .flp-skin .flp-command { padding-inline:8px; }
    @container flp (max-width:420px) {
      /* Keep complete scenario columns in view with wider platform fallback fonts. */
      .flp-skin #flp-panel-plan .flp-table:has(.flp-case-lead) :is(th,td) { padding-inline:3px; }
    }
    .flp-skin .flp-kpi-value { font-size:32px; }
    .flp-skin .flp-commandbar { padding:14px; }
    .flp-skin .flp-pulse[data-flp-draft-not-live] { grid-template-columns:minmax(0,1fr); padding:20px 18px; gap:12px; }
    .flp-skin .flp-pulse[data-flp-draft-not-live] .flp-pulse-actions { grid-column:1; grid-row:auto; flex-direction:row; justify-content:space-between; align-items:center; }
    .flp-skin .lens-primary strong { font-size:36px; }
    .flp-skin .ga4-event-grid>article,.flp-skin .submitted-journey-grid>article { padding:20px 18px; }
  }
}

/* Program evidence and people share the same readable, contained surfaces. */
#app .program-evidence-stack { display:grid; gap:16px; margin-top:22px; }
#app .program-evidence-head,
#app .program-people-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:24px 26px 20px; margin:0; }
#app .program-evidence-head>div,
#app .program-people-heading { min-width:0; }
#app .program-evidence-head h2,
#app .program-people-head h2 { margin:7px 0 0; font-size:20px; line-height:1.35; letter-spacing:-.025em; }
#app .program-evidence-head p,
#app .program-people-head .lead-view-note { margin:8px 0 0; font-size:13px; line-height:1.6; color:var(--muted); }
#app .program-people-head-action { flex-shrink:0; padding-top:2px; }
#app .program-people-head .section-kicker { display:block; font-size:12px; line-height:1.5; letter-spacing:.1em; }
#app .program-people-panel { overflow:hidden; }
#app .program-people-panel+.program-people-panel { margin-top:22px; }
#app .program-people-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:16px 26px; background:rgba(255,255,255,.018); border-block:1px solid var(--border); }
#app .program-people-toolbar .lead-searchbox { flex:1 1 300px; min-width:0; max-width:none; }
#app .program-people-toolbar .lead-searchbox input { width:100%; min-width:0; }
#app .program-people-counts { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
#app .program-people-counts .pill,
#app .program-people-head .lead-result-count { padding:7px 11px; font-size:12px; border:1px solid var(--border); background:rgba(255,255,255,.035); border-radius:999px; white-space:nowrap; }
#app .program-people-scroll { margin:0; border-radius:0; }
#app .program-people-grid th { background:rgba(255,255,255,.025); padding:14px 26px; font-size:12px; letter-spacing:.025em; text-transform:none; }
#app .program-people-grid td { padding:18px 26px; font-size:14px; line-height:1.5; }
#app .program-people-grid th:first-child { width:36%; }
#app .program-people-grid th:last-child { width:40px; }
#app .program-person-main .person { gap:13px; align-items:center; }
#app .program-person-main .avatar { width:42px; height:42px; min-width:42px; border-radius:13px; font-size:12px; }
#app .program-person-identity { min-width:0; }
#app .program-person-identity strong { display:block; font-size:14px; font-weight:650; color:var(--text); white-space:normal; overflow-wrap:anywhere; }
#app .program-person-identity small { display:block; margin-top:4px; font-size:12px; color:var(--muted); overflow-wrap:anywhere; white-space:normal; }
#app .program-person-sources { display:flex; flex-wrap:wrap; gap:6px; }
#app .program-person-sources .pill { padding:5px 10px; font-size:12px; background:rgba(155,184,222,.09); border:1px solid rgba(155,184,222,.12); }
#app .program-person-number { font-variant-numeric:tabular-nums; font-weight:650; }
#app .program-person-arrow { color:var(--muted); font-size:18px; text-align:right; }
#app .program-person-row { transition:background-color 150ms ease; cursor:pointer; }
#app .program-person-row:hover { background:rgba(184,229,204,.045); }
#app .program-person-row:focus-visible { outline:2px solid var(--ui-focus); outline-offset:-3px; background:rgba(184,229,204,.045); }
#app .program-person-row:hover .program-person-arrow { color:var(--accent); }
#app .program-table-context { margin-left:5px; font-size:12px; opacity:.8; }
#app .program-people-definition { padding:16px 26px; border-top:1px solid var(--border); background:rgba(255,255,255,.018); }
#app .program-people-definition summary { width:fit-content; font-size:13px; color:var(--muted); cursor:pointer; }
#app .program-people-definition[open] summary { color:var(--text); margin-bottom:12px; }
#app .program-people-definition .report-note { margin:10px 0 0; line-height:1.6; }
#app .program-evidence-count { display:inline-flex; align-items:center; flex-shrink:0; border:1px solid var(--border); border-radius:999px; padding:6px 11px; color:var(--muted); font-size:12px; line-height:1.5; font-variant-numeric:tabular-nums; white-space:nowrap; }
#app .program-evidence-ledger { overflow:hidden; }
#app .program-evidence-ledger .table-scroll { margin:0; border-radius:0; }
#app .program-evidence-ledger th { background:rgba(255,255,255,.025); text-transform:none; font-size:12px; padding:14px 24px; letter-spacing:.02em; }
#app .program-evidence-ledger td { padding:18px 24px; font-size:14px; }
#app .program-evidence-ledger .program-evidence-amount { text-align:right; font-weight:650; font-variant-numeric:tabular-nums; white-space:nowrap; }
#app .program-evidence-id { font-size:13px; font-weight:600; font-family:var(--mono,monospace); overflow-wrap:anywhere; }
#app .program-evidence-record-details { margin-top:6px; }
#app .program-evidence-record-details summary { width:fit-content; color:var(--muted); font-size:12px; cursor:pointer; padding-block:3px; }
#app .program-evidence-record-details .finance-entry-meta { margin:7px 0 0; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
#app .program-evidence-state { display:inline-flex; border-radius:999px; padding:5px 10px; background:var(--ui-info-bg); color:var(--muted); font-size:12px; white-space:nowrap; text-transform:capitalize; }
#app .program-evidence-state:is([data-source-state="succeeded"],[data-source-state="paid"]) { background:var(--ui-success-bg); color:var(--green); }
#app .program-evidence-empty { margin:0; background:rgba(255,255,255,.02); border:1px solid var(--border); border-radius:16px; overflow:hidden; }
#app .program-evidence-empty>summary { list-style:none; display:grid; grid-template-columns:36px minmax(0,1fr) auto 18px; gap:14px; align-items:center; padding:18px 22px; cursor:pointer; }
#app .program-evidence-empty>summary::-webkit-details-marker { display:none; }
#app .program-evidence-empty>summary:hover { background:rgba(255,255,255,.025); }
#app .program-evidence-empty>summary:focus-visible,
#app .program-evidence-record-details>summary:focus-visible,
#app .program-people-definition>summary:focus-visible { outline:2px solid var(--ui-focus); outline-offset:-3px; border-radius:8px; }
#app .program-evidence-empty-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; color:var(--muted); background:rgba(255,255,255,.04); }
#app .program-evidence-empty-icon svg { width:18px; height:18px; }
#app .program-evidence-empty-copy strong { display:block; font-size:14px; font-weight:600; color:var(--text); }
#app .program-evidence-empty-copy small { display:block; margin-top:4px; color:var(--muted); font-size:12px; line-height:1.5; }
#app .program-evidence-chevron { display:flex; color:var(--muted); transition:transform 150ms ease; }
#app .program-evidence-chevron svg { width:18px; height:18px; }
#app .program-evidence-empty[open] .program-evidence-chevron { transform:rotate(90deg); }
#app .program-evidence-empty-body { border-top:1px solid var(--border); padding:12px 22px 16px; color:var(--muted); font-size:13px; line-height:1.6; }
#app .program-evidence-empty-body p { margin:6px 0; }
#app .program-evidence-unavailable .panel-body { padding-bottom:20px; }

@media(max-width:720px) {
  #app .program-evidence-head,#app .program-people-head { padding:20px 18px 16px; gap:12px; flex-wrap:wrap; }
  #app .program-people-head h2,#app .program-evidence-head h2 { font-size:18px; }
  #app .program-people-toolbar { padding:14px 18px; gap:12px; }
  #app .program-people-toolbar .lead-searchbox { flex-basis:100%; }
  #app .program-people-counts { flex:1 1 120px; }
  #app .program-people-toolbar>.btn { min-height:44px; font-size:12px; }
  #app .program-people-grid th,#app .program-people-grid td { padding:14px 18px; }
  #app .program-people-grid { min-width:660px; }
  #app .program-people-panel .table-scroll { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
  #app .program-people-panel .lead-footer { gap:12px; flex-wrap:wrap; padding:14px 18px; }
  #app .program-people-panel .pagination { flex-wrap:wrap; gap:8px; }
  #app .program-people-panel .pagination .btn { min-height:44px; font-size:12px; }
  #app .program-people-definition { padding:16px 18px; }
  #app .program-people-definition>summary,#app .program-evidence-record-details>summary { display:flex; align-items:center; min-height:44px; }
  #app .program-evidence-empty>summary { grid-template-columns:32px minmax(0,1fr) 18px; padding:16px; gap:10px; }
  #app .program-evidence-empty-icon { width:32px; height:32px; }
  #app .program-evidence-empty .program-evidence-count { grid-column:2; justify-self:start; padding:3px 8px; }
  #app .program-evidence-chevron { grid-column:3; grid-row:1 / span 2; }
  #app .program-evidence-empty-body { padding:12px 16px 16px; }
  #app .program-evidence-ledger thead th { padding:4px; }
  #app .program-evidence-ledger tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:16px; border:1px solid var(--border); border-radius:14px; min-width:0; background:rgba(255,255,255,.02); }
  #app .program-evidence-ledger tbody td { display:block; padding:0; border:0; min-width:0; white-space:normal; overflow-wrap:anywhere; }
  #app .program-evidence-ledger td:has(.program-evidence-id) { grid-column:1 / -1; grid-row:1; }
  #app .program-evidence-ledger td.program-evidence-amount { grid-column:2; grid-row:2; font-size:18px; }
  #app .program-evidence-ledger td:first-child { grid-column:1; grid-row:2; min-width:0; }
  #app .program-evidence-ledger .panel-footer { flex-wrap:wrap; gap:10px; }
  #app .program-evidence-stack { gap:12px; }
}
@media(max-width:600px) {
  #app .program-people-grid { display:block; min-width:0; width:100%; }
  #app .program-people-grid thead { display:block; padding:10px 14px; border-block:1px solid var(--border); }
  #app .program-people-grid thead tr { display:flex; flex-wrap:wrap; gap:6px; }
  #app .program-people-grid thead th { display:block; width:auto; padding:0; border:0; background:none; }
  #app .program-people-grid thead th:last-child { display:none; }
  #app .program-people-grid .table-sort-button { padding:8px 10px; min-height:44px; border:1px solid var(--border); border-radius:9px; font-size:12px; }
  #app .program-people-grid tbody { display:block; }
  #app .program-person-row { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px 18px; padding:18px; border-bottom:1px solid var(--border); }
  #app .program-people-grid tbody td { display:block; padding:0; border:0; min-width:0; }
  #app .program-people-grid tbody td[data-label]::before { content:attr(data-label); display:block; margin-bottom:6px; font-size:12px; color:var(--muted); font-weight:400; }
  #app .program-person-main { grid-column:1 / -1; padding-right:24px!important; }
  #app .program-people-grid td[data-label="Latest activity"] { grid-column:1 / -1; }
  #app .program-person-arrow { position:absolute; top:24px; right:18px; }
  #app .program-people-grid .table-sort-hint { padding:12px 18px; }
}
@media(prefers-reduced-motion:reduce) {
  #app .program-person-row,#app .program-evidence-chevron { transition:none; }
}

/* One spacing contract keeps every program Money view and its note distinct. */
@media screen {
  #app .finance-program-layout { --program-section-gap:24px; display:grid; gap:var(--program-section-gap); min-width:0; }
  #app .finance-program-layout>* { min-width:0; margin-block:0; }
  #app .finance-program-layout .finance-grid { gap:var(--program-section-gap); }
  #app .finance-program-layout .finance-grid>div { display:grid; align-content:start; gap:var(--program-section-gap); min-width:0; }
  #app .finance-program-layout .finance-grid>div>.panel { margin-block:0; }
  #app .finance-program-layout .program-evidence-stack { gap:var(--program-section-gap); }
  #app .finance-program-layout>.finance-program-footer { display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap:nowrap; gap:14px; padding:20px 22px; border:1px solid var(--border); border-radius:18px; background:var(--panel); }
  #app .finance-program-footer-icon { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:11px; background:var(--ui-success-bg); color:var(--green); }
  #app .finance-program-footer-icon svg { width:18px; height:18px; }
  #app .finance-program-footer>div { min-width:0; overflow-wrap:anywhere; }
  #app .finance-program-footer strong { display:block; font-size:14px; font-weight:600; line-height:1.5; color:var(--text); }
  #app .finance-program-footer p { margin:5px 0 0; font-size:13px; line-height:1.65; color:var(--muted); }
}
@media screen and (max-width:720px) {
  #app .finance-program-layout { --program-section-gap:18px; }
  #app .finance-program-layout>.finance-program-footer { padding:18px; gap:12px; border-radius:16px; }
}
/* Program results share the Plan's slate cards, warm step bars and table. */
.flp-skin.program-performance .observed-program-journey .program-funnel-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start;margin-top:20px}
.flp-skin.program-performance .observed-program-journey :is(.program-funnel-visual,.program-funnel-details){min-width:0;background:var(--flp-well);border-color:var(--flp-well-bd);box-shadow:none}
.flp-skin.program-performance .observed-program-journey :is(.program-funnel-visual,.program-funnel-details)>h3{margin:0 0 20px;font-size:15px;color:var(--flp-fg)}
.flp-skin.program-performance .observed-program-journey .program-funnel-row.journey-node{display:flex;flex-direction:row;flex:none;position:relative;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;min-height:48px;min-width:min(250px,100%);width:var(--w,100%);max-width:100%;padding:12px 16px;border:1px solid transparent;border-radius:13px;background:var(--tone,var(--flp-step-ac));box-shadow:inset 0 1px rgba(255,255,255,.1);color:var(--flp-fg);text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease}
.flp-skin.program-performance .observed-program-journey .program-funnel-row.journey-node:hover{border-color:var(--flp-ac);transform:translateY(-1px)}
.flp-skin.program-performance .observed-program-journey .program-funnel-row.journey-node.selected{border-color:var(--flp-ac);outline:2px solid var(--flp-ac);outline-offset:3px}
.flp-skin.program-performance .observed-program-journey .program-funnel-row.journey-node:focus-visible,.flp-skin.program-performance .program-funnel-metric:focus-visible{outline:2px solid var(--flp-ac);outline-offset:4px}
.flp-skin.program-performance .observed-program-journey .program-funnel-row.journey-node::before,.flp-skin.program-performance .observed-program-journey .program-funnel-row.journey-node::after,.flp-skin.program-performance .program-funnel-bar{display:none}
.flp-skin.program-performance .program-funnel-step{min-width:0;color:var(--flp-fg);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.flp-skin.program-performance .program-funnel-step b{font-weight:600}
.flp-skin.program-performance .program-funnel-step small{display:block;margin-top:3px;font-size:12px;color:var(--flp-mut)}
.flp-skin.program-performance .observed-program-journey .program-funnel-value{margin:0!important;font-size:16px!important;line-height:1.3!important;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--flp-fg);white-space:nowrap}
.flp-skin.program-performance .observed-program-journey .program-funnel-row.is-unavailable{background:var(--flp-well);border:1px dashed var(--flp-well-bd);color:var(--flp-mut)}
.flp-skin.program-performance .program-funnel-rate{padding:9px 6px;min-height:30px;font-size:12px;line-height:1.45;text-align:center;color:var(--flp-mut)}
.flp-skin.program-performance .program-funnel-rate b{color:var(--flp-ac);font-weight:650;font-variant-numeric:tabular-nums}
.flp-skin.program-performance .program-funnel-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;font-size:13px}
.flp-skin.program-performance .program-funnel-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.flp-skin.program-performance .program-funnel-table :is(th,td){padding:14px 10px;border-bottom:1px solid var(--flp-bd);line-height:1.5;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;color:var(--flp-fg)}
.flp-skin.program-performance .program-funnel-table :is(th,td).n{text-align:right;font-variant-numeric:tabular-nums}
.flp-skin.program-performance .program-funnel-table thead th{color:var(--flp-mut);font-size:12px;font-weight:500;background:transparent}
.flp-skin.program-performance .program-funnel-table th:first-child{width:45%;font-weight:500;text-align:left}
.flp-skin.program-performance .program-funnel-table tbody tr:last-child :is(th,td){border-bottom:0}
.flp-skin.program-performance .program-funnel-table small{display:block;font-size:12px;font-weight:400;color:var(--flp-mut)}
.flp-skin.program-performance .program-funnel-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.flp-skin.program-performance .program-funnel-metric.journey-node{display:flex;flex-direction:column;gap:8px;min-width:0;align-items:flex-start;padding:18px 20px;border:1px solid var(--flp-well-bd);border-radius:16px;background:var(--flp-well);color:var(--flp-fg);text-align:left;cursor:pointer}
.flp-skin.program-performance .program-funnel-metric>span,.flp-skin.program-performance .program-funnel-metric>small{font-size:12px;line-height:1.5;color:var(--flp-mut)}
.flp-skin.program-performance .program-funnel-metric>strong{font-size:28px;font-weight:680;line-height:1.2;font-variant-numeric:tabular-nums}
.flp-skin.program-performance .program-funnel-metric.selected{border-color:var(--flp-ac)}
.flp-skin.program-performance .program-funnel-metric:only-child{grid-column:1/-1}
.flp-skin.program-performance .program-funnel-note{margin:14px 0 0;font-size:12px;line-height:1.6;color:var(--flp-mut)}
.flp-skin.program-performance .program-funnel-source-lanes{margin-top:18px}
.flp-skin.program-performance .program-funnel-source-lane{margin-top:20px;min-width:0}
.flp-skin.program-performance .observed-program-journey .observed-source-lane .lane-title{min-width:0}
.flp-skin.program-performance .observed-program-journey .observed-source-lane .lane-title>:is(h3,small){min-width:0;max-width:100%;overflow-wrap:anywhere}
.flp-skin.program-performance :is(.program-funnel-source-identity,.program-context-source-dates){margin-top:12px;font-size:12px;line-height:1.6;color:var(--flp-mut)}
.flp-skin.program-performance :is(.program-funnel-source-identity,.program-context-source-dates)>summary{cursor:pointer;color:var(--flp-mut)}
.flp-skin.program-performance .program-funnel-clock{display:block;overflow-wrap:anywhere}
.flp-skin.program-performance .program-funnel-clock small{display:block}
.flp-skin.program-performance .program-reporting-guide-heading{cursor:pointer;list-style:revert;color:var(--flp-mut)}
.flp-skin.program-performance .program-reporting-guide:not([open]){padding:13px 18px;background:var(--flp-well);box-shadow:none}
@media screen and (max-width:1050px){.flp-skin.program-performance .observed-program-journey .program-funnel-layout{grid-template-columns:minmax(0,1fr)}}
@media screen and (max-width:600px){.flp-skin.program-performance .observed-program-journey :is(.program-funnel-visual,.program-funnel-details){padding:16px 12px}.flp-skin.program-performance .observed-program-journey .program-funnel-row.journey-node{padding:11px 12px;min-width:min(220px,100%)}.flp-skin.program-performance .program-funnel-table :is(th,td){padding:12px 6px;font-size:12px}.flp-skin.program-performance .program-funnel-table thead th{font-size:11px}.flp-skin.program-performance .program-funnel-metric.journey-node{padding:15px}.flp-skin.program-performance .program-funnel-metric>strong{font-size:25px}}
@media (prefers-reduced-motion:reduce){.flp-skin.program-performance .observed-program-journey .program-funnel-row.journey-node{transition:none}.flp-skin.program-performance .observed-program-journey .program-funnel-row.journey-node:hover{transform:none}}

/* Keep limitations beside the numbers and separate shared reports from the
   exclusive program journey. Refresh clocks never stand in for source dates. */
.flp-skin.program-performance .program-reporting-guide{margin-top:22px;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:var(--panel);min-width:0}
.flp-skin.program-performance .program-reporting-guide-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:7px 16px;font-size:13px}
.flp-skin.program-performance .program-reporting-guide-heading>span{font-size:12px;color:var(--muted)}
.flp-skin.program-performance .program-reporting-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:18px;margin-top:16px}
.flp-skin.program-performance .program-reporting-guide-grid strong{font-size:13px;color:var(--text)}
.flp-skin.program-performance .program-reporting-guide-grid p{font-size:12px;line-height:1.65;color:var(--muted);margin:6px 0 0}
.flp-skin.program-performance .program-funnel-row .program-funnel-meaning{grid-column:1/-1;font-size:12px;line-height:1.6;color:var(--muted);padding-top:6px;white-space:normal;overflow-wrap:anywhere}
.flp-skin.program-performance .program-funnel-meaning:empty{display:none}
.flp-skin.program-performance .program-source-context{display:grid;gap:20px;margin:26px 0}
.flp-skin.program-performance .program-context-card{min-width:0;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}
.flp-skin.program-performance .program-context-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.flp-skin.program-performance .program-context-head>div{min-width:0;max-width:100%}
.flp-skin.program-performance .program-context-head h3{margin:6px 0 0;font-size:17px;line-height:1.5;overflow-wrap:anywhere}
.flp-skin.program-performance .program-context-badge{padding:7px 10px;border:1px solid var(--border);border-radius:9px;font-size:12px;color:var(--muted);max-width:100%;overflow-wrap:anywhere}
.flp-skin.program-performance .program-context-clock{font-size:12px;line-height:1.6;color:var(--muted);margin:15px 0}
.flp-skin.program-performance .program-context-clock.is-incomplete{color:var(--ui-warning-text,var(--yellow))}
.flp-skin.program-performance .program-context-clock small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.flp-skin.program-performance .program-context-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:12px}
.flp-skin.program-performance .program-context-metric{display:grid;align-content:start;gap:9px;padding:14px;min-width:0;min-height:44px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);color:var(--text);text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease}
.flp-skin.program-performance .program-context-metric:hover,.flp-skin.program-performance .program-context-metric.selected{border-color:var(--accent)}
.flp-skin.program-performance .program-context-metric span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.flp-skin.program-performance .program-context-metric strong{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}
.flp-skin.program-performance .program-context-metric small{font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.flp-skin.program-performance .program-context-note{font-size:12px;line-height:1.65;color:var(--muted);margin:15px 0 0}
@media screen and (max-width:600px){.flp-skin.program-performance .program-reporting-guide,.flp-skin.program-performance .program-context-card{padding:16px}.flp-skin.program-performance .program-context-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.flp-skin.program-performance .program-context-metric{padding:12px}.flp-skin.program-performance .program-source-context{gap:18px}}
@media(prefers-reduced-motion:reduce){.flp-skin.program-performance .program-context-metric{transition:none}}

/* People, programs and purchase values share one owner workspace. */
#app .people-sales-grid thead th{background:var(--panel2)}
#app .people-sales-grid tbody tr{background:var(--panel)}
#app .people-sales-grid tbody tr:hover{background:var(--panel2)}
#app .people-sales-grid .cell-note{max-width:42ch}
#app .people-sales-grid .table-sort-button{white-space:nowrap;overflow-wrap:normal;flex-wrap:nowrap;max-width:none}
#app .program-people-grid th:first-child{width:28%}
#app .program-people-grid th,#app .program-people-grid td{padding:16px}
#app .program-people-grid .program-person-number{min-width:88px}
#app .program-people-subhead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px}
#app .program-people-secondary{margin:18px 22px;border:1px solid var(--border);border-radius:14px;padding:16px;background:transparent}
#app .program-people-secondary>summary{cursor:pointer;font-weight:600}
.people-sales-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:5px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.people-sales-tabs .btn{flex:0 1 auto;min-height:42px;border-radius:10px}
.people-sales-grid td,.people-sales-program{vertical-align:middle;font-variant-numeric:tabular-nums}
.people-sales-grid .people-sales-program{min-width:220px;max-width:340px;white-space:normal}
.people-sales-person-link{display:block;width:100%;background:transparent;color:inherit;border:0;padding:0;text-align:left;font:inherit;cursor:pointer;border-radius:10px}
.people-sales-person-link:hover .people-sales-identity strong{color:var(--accent)}
.people-sales-person-link:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.people-sales-identity{min-width:0}.people-sales-identity strong,.people-sales-identity small{display:block;overflow-wrap:anywhere}
.people-sales-value strong{font-size:15px;white-space:normal;overflow-wrap:anywhere}.people-sales-date time{white-space:nowrap}
.people-sales-summary{display:grid;gap:5px;min-width:200px;max-width:350px;white-space:normal}
.people-sales-labels strong,.people-sales-labels small{display:block;overflow-wrap:anywhere}.people-sales-labels small{margin-top:3px;color:var(--muted)}
.people-sales-totals{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--text);font-variant-numeric:tabular-nums}
.people-sales-totals strong{min-width:0;white-space:normal;overflow-wrap:anywhere}
.people-sales-meta,.people-sales-empty{color:var(--muted);font-size:12px}
.crm-record-main{min-width:0;display:grid;gap:5px}.crm-record-person{display:flex;align-items:center;gap:10px;min-width:0}.crm-person-link{color:var(--text);font:inherit;font-weight:600;background:transparent;border:0;padding:0;text-align:left;cursor:pointer;overflow-wrap:anywhere}.crm-person-link:hover{color:var(--accent)}.crm-person-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.crm-record-date{color:var(--muted);font-size:12px}.crm-record h2{overflow-wrap:anywhere}
.people-sales-source{margin-top:7px;color:var(--muted);font-size:11px}.people-sales-source summary{cursor:pointer}.people-sales-source dl{display:grid;gap:6px;margin:8px 0;overflow-wrap:anywhere}.people-sales-source dt{font-weight:600}.people-sales-source dd{margin:0}
.people-sales-supplemental,.program-people-secondary,.commerce-reconciliation{margin-top:20px;border:1px solid var(--border);border-radius:14px;padding:16px;background:transparent}
.people-sales-supplemental>summary,.program-people-secondary>summary,.commerce-reconciliation>summary{cursor:pointer;font-weight:600;color:var(--text)}
.person-journey-commercial{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:10px 12px;margin:10px 0;border:1px solid var(--border);border-radius:10px;background:var(--panel)}
.person-journey-commerce{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;padding:12px 14px;margin:10px 0;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.person-journey-commerce .people-sales-labels{flex:1;min-width:140px}.person-journey-commerce .people-sales-value small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
@media(max-width:600px){
 .people-sales-grid{display:block;min-width:0!important;width:100%;white-space:normal}
 .people-sales-grid thead{display:block;padding:8px 12px}.people-sales-grid thead tr{display:flex;flex-wrap:wrap;gap:4px 8px}.people-sales-grid thead th{display:block;padding:3px 0;border:0;background:transparent;font-size:10px}.people-sales-grid thead th:empty{display:none}.people-sales-grid .table-sort-button{padding:8px 10px;min-height:44px;border:1px solid var(--border);border-radius:9px;font-size:12px}
 .people-sales-grid tbody{display:grid;gap:12px;padding:0 12px 12px}.people-sales-grid tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel2)}
 .people-sales-grid tbody td{display:block;min-width:0!important;max-width:none!important;padding:0!important;border:0;white-space:normal;overflow-wrap:anywhere}
 .people-sales-grid tbody td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;font-weight:500;line-height:1.4;margin-bottom:5px}
 .people-sales-grid .people-sales-person,.people-sales-grid .people-sales-program,.people-sales-grid .people-sales-actions{grid-column:1/-1}.people-sales-grid .people-sales-person::before{display:none!important}.people-sales-grid .row-arrow{display:none}
 .people-sales-grid .person,.people-sales-grid .people-sales-person-link .person{min-width:0!important;gap:12px}.people-sales-grid .person>span:last-child{min-width:0}.people-sales-grid .person strong,.people-sales-grid .person small{overflow-wrap:anywhere;white-space:normal}
 .people-sales-grid .people-sales-summary{min-width:0;max-width:none}.people-sales-grid .people-sales-source{font-size:10px}.people-sales-grid .people-sales-program>strong{display:block}.people-sales-grid .people-sales-value strong{font-size:16px;white-space:normal;overflow-wrap:anywhere}.people-sales-grid .people-sales-date time{white-space:normal}
}
@media(max-width:720px){.people-sales-tabs{gap:5px;margin-bottom:16px}.people-sales-tabs .btn{font-size:12px;padding:9px 11px;flex:1 1 auto}.people-sales-grid .people-sales-program{min-width:200px}.people-sales-grid th,.people-sales-grid td{padding:14px}.people-sales-person-link .person{min-width:210px}.people-sales-supplemental,.program-people-secondary,.commerce-reconciliation{padding:12px}.person-journey-commercial{align-items:flex-start}}


@media(max-width:600px){#app .people-sales-grid thead th{background:transparent}#app .people-sales-grid tbody tr{background:var(--panel2)}#app .program-people-grid tbody{display:grid;gap:12px;padding:0 12px 12px}#app .program-person-row{padding:16px;gap:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel2)}#app .program-people-heading{flex-basis:100%}#app .program-people-secondary{margin:12px;padding:12px}#app .program-people-subhead{padding:14px 12px;flex-wrap:wrap}}
/* Analytics shortcuts and exact chart values share the existing screen tokens. */
.program-source-notice { display:flex; align-items:center; justify-content:space-between; gap:16px 24px; margin:0 0 24px; padding:18px 22px; border:1px solid var(--ui-control-border); border-left:3px solid var(--warning); border-radius:var(--ui-radius-sm); background:var(--panel); }
.program-source-notice>div { min-width:0; }
.program-source-notice strong { color:var(--text); font-size:14px; }
.program-source-notice p { margin:5px 0 0; color:var(--muted); font-size:13px; line-height:1.6; }
.program-source-notice>.btn { flex-shrink:0; min-height:44px; }
@media(max-width:600px) { .program-source-notice { align-items:flex-start; flex-wrap:wrap; padding:16px; gap:12px; } }
.analytics-navigation { display:flex; align-items:center; flex-wrap:wrap; gap:12px 18px; margin:0 0 24px; padding:12px 16px; border:1px solid var(--border); border-radius:var(--ui-radius-sm); background:var(--panel); }
.analytics-navigation-label { color:var(--muted); font-size:12px; font-weight:600; }
.analytics-navigation-links { display:flex; flex-wrap:wrap; gap:6px; min-width:0; }
.analytics-navigation-link { min-height:40px; padding:9px 12px; border:1px solid transparent; border-radius:9px; color:var(--text); font-size:13px; background:var(--panel2); }
.analytics-navigation-link:hover { background:var(--ui-input); border-color:var(--ui-control-border); }
.analytics-navigation-link:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
#workspace-content :is(.performance-journey,.performance-trends,.money-dashboard,[data-flp-pulse],[data-flp-pulse-empty],[data-dashboard-people],[data-performance-forecast],[data-performance-rhythm-canvas],[data-performance-lens],.performance-channel-section,.performance-definitions) { scroll-margin-top:90px; }
.lens-controls { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; padding:0 24px 20px; }
.lens-controls label { display:grid; gap:6px; color:var(--muted); font-size:12px; min-width:0; }
.lens-controls select { width:100%; max-width:360px; min-height:44px; font-size:14px; }
.lens-controls>.btn { min-height:44px; }
.chart-data-button { margin:12px 0; min-height:40px; max-width:100%; white-space:normal; }
.journey-spark>.chart-data-button { width:100%; margin-bottom:0; }
.chart-data-view>.report-note { margin:0 0 18px; }
.chart-data-context { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; margin:0 0 12px; }
.chart-data-context>div { min-width:0; }
.chart-data-context dt { font-size:12px; color:var(--muted); }
.chart-data-context dd { margin:4px 0 0; font-size:14px; overflow-wrap:anywhere; }
.chart-data-scope-note { color:var(--muted); font-size:12px; line-height:1.6; margin:0 0 18px; }
.chart-data-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; margin:0 0 14px; }
.chart-data-actions>.btn { min-height:44px; max-width:100%; white-space:normal; }
.chart-data-actions>span { color:var(--muted); font-size:12px; }
dialog.wide-dialog { max-width:min(960px,calc(100vw - 28px)); }
.chart-data-scroll { max-height:55vh; border:1px solid var(--border); border-radius:var(--ui-radius-sm); }
.chart-data-table { min-width:640px; }
.chart-data-table caption { text-align:left; padding:14px 16px; color:var(--text); font-size:13px; font-weight:600; background:var(--panel2); }
.chart-data-table thead th { position:sticky; top:0; z-index:1; background:var(--panel2); }
.chart-data-table tbody th { font-weight:500; white-space:nowrap; }
.chart-data-value { font-variant-numeric:tabular-nums; white-space:nowrap; }
.chart-data-note { min-width:200px; max-width:400px; white-space:normal; }
.ga4-event-grid code,.ga4-event-inventory code { white-space:normal; overflow-wrap:anywhere; }
.navigation-count { color:var(--muted); font-size:12px; line-height:1.5; margin:8px 0 0; }
.load-period { color:var(--muted); }
@media(max-width:720px) {
  .analytics-navigation { padding:12px; gap:8px; }
  .analytics-navigation-label { width:100%; }
  .analytics-navigation-link,.chart-data-button { min-height:44px; }
  .lens-controls { padding-inline:16px; }
  .lens-controls label { flex:1 1 220px; }
  .lens-controls select { max-width:100%; font-size:16px; }
  .chart-data-context { grid-template-columns:minmax(0,1fr); gap:10px; }
}
@media print { .analytics-navigation,.chart-data-button,.chart-data-actions { display:none!important; } }

/* Reviewed win events reuse the shared sales table without collapsing phone captions. */
#app [data-program-native-wins] .pill{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){#app [data-program-native-wins] .people-sales-grid caption{display:block;width:100%;text-align:left}#app [data-program-native-wins] .people-sales-grid .table-sort-hint{width:100%;box-sizing:border-box}}