/* View styles: account hierarchy and history surfaces, the record overview, deals, the funnel, settings, account, the pilot shell and the portfolio. */

/* Account hierarchy and history surfaces */

html[data-theme="default"] {
  --page:#f5f8fc; --card:#fff; --surface:#fff; --surface-2:#f0f6fd;
  --surf2:#f5f8fc; --bluetint:#eaf3ff; --ink:#263e53; --ink2:#405974;
  --mute:#6b829d; --line:#dce6f0; --line2:#e8eef5; --blue:#1d65bf;
  --found:#1d65bf; --found-tint:#eef5ff; --found-line:#c9ddf5;
  --reference-history:#eaf3fd;
}
html[data-theme="dark"] { --reference-history:#172e45; }
html[data-theme="road"] { --reference-history:var(--bluetint); }
body { background:var(--surface-2); }
.app { max-width:1800px; margin:18px auto; width:calc(100% - 36px); min-height:calc(100dvh - 36px); border:1px solid var(--line); border-radius:24px; background:var(--page); }
.main { min-width:0; }
.side { padding:0 28px; gap:12px; height:82px; min-height:82px; background:var(--card); border-radius:24px 24px 0 0; }
.side .brand { margin-right:13px; width:170px; }
.side .s7lockup { width:170px; }
.side nav.sw-primary-nav { gap:0; }
.side nav.sw-primary-nav a { height:82px; padding:0 11px; font-size:13px; }
.side nav.sw-primary-nav a.on:after { background:var(--blue); left:11px; right:11px; }
.side .sw-navsrch { min-width:38px; width:38px; padding:0; justify-content:center; background:transparent; border-color:transparent; }
.side .sw-navsrch .srchtxt,.side .sw-navsrch kbd { display:none; }
.side .sw-navdt { font-size:11px; }
.side .sw-profile summary>span { display:none; }
.side .sw-profile summary .av { width:34px; height:34px; }
.wrap { max-width:1700px; padding:28px 34px 40px; }
body[data-signal-route=today] .wrap { padding-top:24px; padding-bottom:32px; }
.side .sw-today-view select { width:228px; max-width:228px; font-size:12px; background:var(--surface-2); }
.side .sw-today-view>span { display:none; }


/* Company account profile. The original case heading is moved into this
   top slot so the name, owner, linked-record actions and provenance occur once. */
.w7c-page { max-width:none; }
.w7c-crumb { margin-bottom:11px; }
.w7c-profile-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:start; margin:0 0 24px; }
.w7c-profile-heading .w7ch { display:block; padding:0; border:0; background:transparent; }
.w7c-profile-heading .w7ch>.w7kicker { display:none; }
.w7c-profile-heading .w7cname { font:650 clamp(29px,3vw,43px)/1.12 var(--font-ui); letter-spacing:-.04em; margin:2px 0 11px; overflow-wrap:anywhere; }
.w7c-profile-heading .w7metaline { font-size:13px; line-height:1.5; gap:6px 12px; }
.w7c-profile-heading .w7sum { font-size:13px; line-height:1.6; max-width:900px; margin:11px 0 0; color:var(--ink2); }
.w7c-profile-heading .w7aka { font-size:12px; margin:0 0 8px; color:var(--mute); }
.w7c-profile-heading .w7legend-sample { margin-top:12px; max-width:900px; }
.w7c-profile-heading .w7ch-acts { margin-top:10px; padding:0; }
.w7c-profile-actions { display:flex; align-items:center; gap:10px; padding-top:5px; }
.w7c-profile-actions .w7btn { min-height:44px; padding:10px 17px; border-radius:12px; font-size:13px; }
.w7c-profile-actions .w7btn:not(.w7pri) { background:var(--card); border-color:transparent; font-variant-numeric:tabular-nums; }
.w7c-stat-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:var(--card); border-radius:17px; margin:0 0 23px; padding:20px 4px; }
.w7c-stat-strip>div { padding:1px 22px; min-width:0; display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; }
.w7c-stat-strip>div+div { border-left:1px solid var(--line); }
.w7c-stat-strip>div>span { flex-basis:100%; color:var(--mute); font-size:10px; letter-spacing:.17em; text-transform:uppercase; font-weight:700; margin-bottom:7px; }
.w7c-stat-strip strong { font:500 30px/1.2 var(--font-ui); color:var(--ink); letter-spacing:-.03em; }
.w7c-stat-strip small { font-size:11px; color:var(--mute); line-height:1.6; }
.w7c-stat-strip .w7c-stat-date { font-size:24px; }
.w7c-overview { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,.7fr) minmax(0,.7fr); gap:18px; align-items:stretch; margin:0 0 22px; }
.w7c-history-visual { background:var(--reference-history,var(--bluetint)); border-radius:18px; padding:25px 26px; min-width:0; }
.w7c-history-kicker { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.w7c-history-kicker>span { color:var(--blue); font-size:10px; font-weight:750; letter-spacing:.2em; text-transform:uppercase; }
.w7c-history-kicker>small { font-size:10px; color:var(--mute); font-weight:650; text-transform:uppercase; white-space:nowrap; }
.w7c-history-visual h2 { font-size:22px; font-weight:550; letter-spacing:-.02em; margin:0 0 6px; }
.w7c-preview-sub { margin:0; color:var(--mute); font-size:12px; line-height:1.55; }
.w7c-history-chart { display:block; width:100%; height:auto; margin:16px 0 18px; border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent); padding-top:14px; overflow:visible; }
.w7c-chart-grid { stroke:var(--mute); stroke-opacity:.42; stroke-width:1; }
.w7c-chart-rule { stroke:var(--mute); stroke-opacity:.5; stroke-width:1; }
.w7c-chart-tick { fill:var(--mute); font:600 12px var(--font-ui); }
.w7c-chart-label { fill:var(--mute); font:650 12px var(--font-ui); letter-spacing:1.2px; text-transform:uppercase; }
.w7c-chart-count { fill:var(--blue); font:650 12px var(--font-ui); }
.w7c-history-chart circle { fill:var(--blue); stroke:var(--reference-history,var(--bluetint)); stroke-width:1.5; }
.w7c-chart-purchases circle { fill:var(--accent-2); }
.w7c-chart-service circle { fill:var(--mute); }
.w7c-recent-note { background:var(--card); border-left:4px solid var(--accent-2); border-radius:3px 12px 12px 3px; padding:14px 17px; }
.w7c-recent-note>span { display:flex; justify-content:space-between; gap:10px; color:var(--blue); font-size:10px; font-weight:750; letter-spacing:.15em; text-transform:uppercase; }
.w7c-recent-note time { color:var(--mute); letter-spacing:.04em; white-space:nowrap; }
.w7c-recent-note p { font-size:14px; color:var(--ink2); line-height:1.6; margin:9px 0 0; }
.w7c-textlink { border:0; padding:0; background:none; color:var(--blue); font:650 12px/1.6 var(--font-ui); cursor:pointer; text-align:left; min-height:36px; margin-top:10px; }
.w7c-textlink:hover { text-decoration:underline; text-underline-offset:3px; }
.w7c-textlink:focus-visible { outline:2px solid var(--blue); outline-offset:3px; border-radius:3px; }
.w7c-note-preview { min-width:0; border-top:5px solid var(--blue); padding:19px 20px 14px; border-radius:3px 3px 16px 16px; background:var(--card); display:flex; flex-direction:column; }
.w7c-note-preview-service { border-top-color:var(--mute); background:var(--surface-2); }
.w7c-note-preview>header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.w7c-note-preview h2 { font-size:20px; font-weight:500; margin:0; }
.w7c-note-preview>header>span { color:var(--blue); font-size:15px; }
.w7c-note-preview>.w7c-preview-sub { font-size:11px; margin:7px 0 16px; }
.w7c-note-preview article { border-top:1px solid var(--line); padding:15px 0; }
.w7c-note-preview article time { display:block; color:var(--blue); font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.13em; }
.w7c-note-preview-service article time { color:var(--mute); }
.w7c-note-preview article p { font-size:13px; line-height:1.6; color:var(--ink2); margin:9px 0 13px; overflow-wrap:anywhere; }
.w7c-note-preview article small { display:block; font-size:10px; line-height:1.5; color:var(--mute); }
.w7c-note-preview>.w7c-textlink { margin-top:auto; }
.w7c-note-empty,.w7c-history-empty { color:var(--mute); font-size:13px; line-height:1.6; padding:28px 0; }
.w7c-history-empty { min-height:180px; display:flex; align-items:center; }
#company-workflow-tools:empty,#company-note-summary-slot:empty { display:none; }
.w7c-intelligence-heading { display:flex; align-items:baseline; gap:14px; margin:28px 0 14px; }
.w7c-intelligence-heading>span { color:var(--blue); font-size:11px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
.w7c-intelligence-heading p { margin:0; color:var(--mute); font-size:12px; }
.w7c-page>.w7case { background:transparent; border:0; }
.w7c-page>.w7case>.w7cbody { margin-top:0; }
.w7c-crmrail { background:var(--card); border-left:0; border-radius:13px; padding:12px; margin-bottom:16px; }
.w7c-crmrail .w7c-crmlink { background:transparent; border-color:transparent; min-height:36px; }
.w7c-crmrail .w7c-history { background:var(--bluetint); border-color:transparent; }
.w7c-utility { border:0; padding:16px 19px; border-radius:13px; }
.w7c-page .w7c-more { border-radius:15px; }
.w7c-page .w7csec>h2 { font-size:14px; }
.w7c-page .w7panel,.w7c-page .w7guardbox { border-radius:13px; padding:16px; }
.w7c-page .fleet-visuals .fleet-photo { border-radius:11px; }

/* Rep Today retains its full actionable case while adopting the same rhythm. */
.w7t-head { border-radius:17px; background:var(--surface-2); padding:20px 22px 17px; margin-bottom:17px; }
.w7t-head .w7h1 { letter-spacing:-.03em; }
.w7tday .w7t-body,.w7tday .w7t-pane { border-radius:15px; }
.w7tday .w7row.sel { background:var(--found-tint); }

/* Company and equipment discovery retain all geography as a visible choice. */
.company-search-options { display:flex; align-items:center; flex-wrap:wrap; gap:12px 18px; margin:14px 0 18px; padding:15px 18px; background:var(--card); border:1px solid var(--line); border-radius:14px; }
.company-search-options>label { display:flex; align-items:center; gap:9px; color:var(--ink2); font-size:12px; font-weight:650; }
.company-search-options>.equipment-search { flex:1; min-width:260px; }
.company-search-options select,.company-search-options input { min-height:39px; padding:8px 12px; border:1px solid var(--line); border-radius:9px; background:var(--surface-2); color:var(--ink); font:400 13px var(--font-ui); }
.company-search-options input { width:100%; min-width:0; }
.company-search-options select:focus-visible,.company-search-options input:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.company-search-options>span { color:var(--mute); font-size:12px; line-height:1.5; }

@media(min-width:1100px) and (max-width:1450px) {
  .side { padding:0 21px; gap:9px; }
  .side .brand,.side .s7lockup { width:145px; }
  .side .brand { margin-right:5px; }
  .side nav.sw-primary-nav a { padding:0 8px; font-size:12px; }
  .side .sw-today-view select { width:215px; max-width:215px; }
  .side .sw-navdt { display:none; }
  .wrap { padding-left:26px; padding-right:26px; }
  .w7c-overview { grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr) minmax(0,.75fr); gap:14px; }
  .w7c-history-visual { padding:22px; }
  .w7c-note-preview { padding:17px 17px 13px; }
}
@media(max-width:1099px) {
  .app { margin:12px auto; width:calc(100% - 24px); border-radius:20px; }
  .side { border-radius:20px 20px 0 0; padding:0 18px; gap:8px; }
  .side .brand,.side .s7lockup { width:133px; }
  .side .brand { margin-right:0; }
  .side nav.sw-primary-nav a { padding:0 7px; font-size:12px; }
  .side .sw-navdt { display:none; }
  .side .sw-today-view select { width:180px; max-width:180px; }
  .wrap { padding:24px; }
  .w7c-profile-heading { grid-template-columns:minmax(0,1fr); gap:12px; }
  .w7c-profile-actions { padding:0; }
  .w7c-overview { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .w7c-history-visual { grid-column:1/-1; }
  .w7c-history-chart { max-height:225px; }
  .w7c-stat-strip>div { padding:0 15px; }
  .w7c-stat-strip small { display:block; flex-basis:100%; }
}
@media(max-width:820px) {
  .app { margin:0; width:100%; border:0; border-radius:0; min-height:100dvh; }
  .side { border-radius:0; }
  .wrap,body[data-signal-route=today] .wrap { padding:20px 18px 120px; }
  .w7c-profile-heading { display:none; }
  .w7c-stat-strip { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; }
  .w7c-stat-strip>div { padding:16px; }
  .w7c-stat-strip>div:nth-child(3) { border-left:0; }
  .w7c-stat-strip>div:nth-child(n+3) { border-top:1px solid var(--line); }
  .w7c-stat-strip>div>span { font-size:12px; letter-spacing:.07em; margin-bottom:3px; }
  .w7c-stat-strip small { font-size:12px; }
  .w7c-overview { display:block; }
  .w7c-history-visual { padding:20px; margin-bottom:17px; }
  .w7c-history-kicker { align-items:flex-start; flex-wrap:wrap; }
  .w7c-history-kicker>span,.w7c-history-kicker>small { font-size:12px; letter-spacing:.06em; }
  .w7c-history-visual h2 { font-size:23px; }
  .w7c-preview-sub { font-size:13px; }
  .w7c-history-chart { min-height:160px; margin:13px 0; }
  .w7c-recent-note>span { font-size:12px; letter-spacing:.04em; flex-wrap:wrap; }
  .w7c-recent-note p { font-size:14px; }
  .w7c-note-preview { padding:20px; margin-top:16px; }
  .w7c-note-preview h2 { font-size:22px; }
  .w7c-note-preview>.w7c-preview-sub,.w7c-note-preview article time,.w7c-note-preview article small { font-size:12px; }
  .w7c-note-preview article p { font-size:14px; }
  .w7c-textlink { font-size:13px; min-height:44px; }
  .w7c-intelligence-heading { display:block; }
  .w7c-intelligence-heading>span,.w7c-intelligence-heading p { font-size:12px; }
  .w7c-intelligence-heading p { margin-top:7px; }
  .w7t-head { padding:18px; }
  .company-search-options { align-items:stretch; gap:13px; padding:16px; }
  .company-search-options>label,.company-search-options>.equipment-search { width:100%; flex:none; min-width:0; display:grid; gap:7px; }
  .company-search-options select,.company-search-options input { width:100%; min-height:44px; font-size:14px; }
}
@media(max-width:480px) {
  .w7c-history-visual { padding:18px 15px; }
  .w7c-stat-strip strong { font-size:27px; }
  .w7c-stat-strip .w7c-stat-date { font-size:20px; }
}

html[data-theme="default"] { --reference-warm:#fff1e8; --reference-warm-rule:#efdcd0; }
html[data-theme="dark"] { --reference-warm:#332921; --reference-warm-rule:#5b4230; }
html[data-theme="road"] { --reference-warm:var(--guard-tint); --reference-warm-rule:var(--guard-line); }

/* Account working rhythm: record tools stay beside the heading, while every
   lower panel follows the same card and typography system as the overview. */
.w7c-profile-heading { margin-bottom:17px; gap:14px; }
.w7c-profile-heading .w7cname { font-size:clamp(28px,2.6vw,38px); margin-bottom:8px; }
.w7c-profile-heading .w7sum { font-size:12px; line-height:1.45; margin-top:8px; }
.w7c-profile-heading .w7ch-acts { margin-top:7px; }
.w7c-profile-heading .w7ch-acts .w7btn { min-height:30px; padding:5px 10px; font-size:11px; }
.w7c-profile-heading .w7legend-sample { padding:7px 10px; margin-top:8px; font-size:11px; }
.w7c-stat-strip { padding:15px 4px; margin-bottom:13px; border-radius:15px; }
.w7c-stat-strip>div>span { margin-bottom:3px; }
.w7c-stat-strip strong { font-size:27px; }
.w7c-stat-strip .w7c-stat-date { font-size:22px; }
.w7c-crmrail { margin:0 0 9px; padding:7px 10px; gap:4px; border-radius:12px; }
.w7c-crmrail .w7c-crmlink { min-height:34px; padding:6px 9px; font-size:12px; }
.w7c-page>#w7cMore { margin:0 0 12px; border-color:var(--line); border-radius:12px; }
.w7c-page>#w7cMore>summary { min-height:39px; padding:8px 15px; font-size:12px; }
.w7c-page>#w7cMore>summary .w7c-mc { font-size:12px; }
.w7c-page>#w7cMore>.w7c-mb { padding:15px 18px 18px; }
.w7c-page .crm-followups { margin:0 0 12px; padding:12px 16px; border-radius:12px; background:var(--card); border-color:var(--line); }
.w7c-page .crm-fu-head { gap:12px; }
.w7c-page .crm-fu-head h2 { font:650 14px/1.4 var(--font-ui); }
.w7c-page .crm-fu-head p { display:none; }
.w7c-page .crm-fu-head .w7btn { min-height:32px; font-size:12px; padding:6px 12px; background:var(--bluetint); border-color:transparent; color:var(--blue); }
.w7c-page .crm-fu-empty { margin:0; font-size:12px; line-height:1.4; color:var(--mute); }
.w7c-page .crm-followups:has(>.crm-fu-empty):not(:has(.crm-fu-form)) { display:grid; grid-template-columns:auto 1fr auto; gap:9px 17px; align-items:center; }
.w7c-page .crm-followups:has(>.crm-fu-empty):not(:has(.crm-fu-form))>.crm-fu-head { display:contents; }
.w7c-page .crm-followups:has(>.crm-fu-empty):not(:has(.crm-fu-form))>.crm-fu-head>button { grid-column:3; grid-row:1; }
.w7c-page .crm-followups:has(>.crm-fu-empty):not(:has(.crm-fu-form))>.crm-fu-empty { grid-column:2; grid-row:1; }
.w7c-page .crm-fu-list { margin-top:8px; }
.w7c-page .crm-fu-item { padding:10px 0; }
.w7c-page .crm-fu-item p { font-size:13px; margin:4px 0; }
.w7c-page .crm-fu-completed { grid-column:1/-1; }
.w7c-utility { margin-bottom:14px; padding:11px 15px; gap:4px 12px; border-radius:12px; }
.w7c-utility-place,.w7c-utility-place b { font-size:12px; }
.w7c-utility-label { font-size:10px; }
.w7c-utility-links { font-size:12px; }
.w7c-utility p { font-size:11px; }
.w7c-overview { margin-bottom:16px; gap:14px; }
.w7c-history-visual { padding:18px 21px; border-radius:15px; }
.w7c-history-kicker { margin-bottom:8px; }
.w7c-history-visual h2 { font-size:20px; margin-bottom:4px; }
.w7c-history-chart { margin:10px 0 11px; padding-top:9px; max-height:170px; }
.w7c-recent-note { padding:10px 13px; }
.w7c-recent-note p { margin-top:6px; font-size:13px; line-height:1.45; }
.w7c-note-preview { padding:14px 17px 9px; }
.w7c-note-preview h2 { font-size:18px; }
.w7c-note-preview>.w7c-preview-sub { margin:5px 0 10px; }
.w7c-note-preview article { padding:10px 0; }
.w7c-note-preview article p { margin:7px 0 8px; font-size:12px; line-height:1.5; }
.w7c-note-preview article small { font-size:10px; }
.w7c-overview .w7c-textlink { margin-top:5px; min-height:29px; font-size:11px; }
.w7c-intelligence-heading { margin:19px 0 11px; }
.w7c-page .w7csec { padding:16px 18px; border:1px solid var(--line); border-radius:15px; background:var(--card); }
.w7c-page .w7csec>h2 { margin:0 0 12px; padding:0; font-size:14px; color:var(--ink); }
.w7c-page .w7csec>h2 .w7q { background:var(--bluetint); color:var(--blue); border-color:transparent; }
.w7c-page .w7csec>.w7panel,.w7c-page .w7csec>.w7guardbox { padding:0; border:0; border-radius:0; background:transparent; }
.w7c-page .w7s-guard { background:var(--reference-warm,var(--guard-tint)); border-color:var(--reference-warm-rule,var(--guard-line)); }
.w7c-page .w7s-run { background:var(--surface-2); }
.w7c-page .w7evl { padding:9px 0; }
.w7c-page .w7evl .w7t,.w7c-page .w7runline,.w7c-page .w7say p { font-size:13px; line-height:1.55; }
.w7c-page .w7evl .w7s { font-size:11px; }
.w7c-page .w7recs li { padding:8px 0; font-size:12px; }
.w7c-page .w7c-rec .w6tablist { background:var(--surface-2); border:1px solid var(--line); padding:4px; border-radius:11px; gap:4px; }
.w7c-page .w7c-rec .w6tab { border-radius:8px; font-size:13px; padding:9px 13px; min-height:39px; border-bottom-color:transparent; }
.w7c-page .w7c-rec .w6tab[aria-selected=true] { background:var(--card); color:var(--blue); border:1px solid var(--line); }
.w7c-page .w7c-rec .w6panel { padding:17px 3px 0; }
.w7c-page .w7c-rec .w6sub { border:1px solid var(--line); padding:17px; border-radius:13px; background:var(--card); margin-bottom:13px; }
.w7c-page .w7c-rec .w6sub h4 { font-size:15px; margin:0 0 13px; }
.w7c-page .w6comp { padding:12px 14px; border-radius:12px; background:var(--surface-2); border:1px solid var(--line); margin:13px 0; }
.w7c-page .w6comp textarea { background:var(--card); border-radius:8px; padding:11px; font-size:14px; }
.w7c-page .w4tl { background:var(--card); }
.w7c-page .w4dayg { padding:13px 0; }
.w7c-page .w4when { color:var(--blue); font-size:11px; font-weight:650; }
.w7c-page .w4evb { background:var(--surface-2); padding:13px 15px; border-radius:11px; }
.w7c-page .w6ppl { border:1px solid var(--line); border-radius:13px; padding:5px 17px 14px; }
.w7c-page .w6ppl .pl { padding:14px 0; }
.w7c-page .w6ppl .pi b { font-size:14px; }
.w7c-page .w6ppl .pi span { font-size:12px; line-height:1.5; }
.w7c-page .fleet-visuals tbody tr { background:var(--surface-2); }
.w7c-page .fleet-visuals td { border-bottom:5px solid var(--card); }
.w7c-page .fleet-visuals .fleet-photo { background:var(--card); }
@media(max-width:820px) {
  .w7c-stat-strip { padding:0; }
  .w7c-stat-strip>div { padding:13px 15px; }
  .w7c-crmrail .w7c-crmlink { min-height:40px; font-size:12px; }
  .w7c-page .crm-followups:has(>.crm-fu-empty):not(:has(.crm-fu-form)) { grid-template-columns:1fr auto; gap:5px 10px; }
  .w7c-page .crm-followups:has(>.crm-fu-empty):not(:has(.crm-fu-form))>.crm-fu-head>button { grid-column:2; grid-row:1/3; min-height:40px; }
  .w7c-page .crm-followups:has(>.crm-fu-empty):not(:has(.crm-fu-form))>.crm-fu-empty { grid-column:1; grid-row:2; }
  .w7c-page .crm-fu-head { flex-direction:row; align-items:center; }
  .w7c-history-visual { padding:18px; }
  .w7c-history-chart { max-height:none; min-height:150px; }
  .w7c-note-preview h2 { font-size:20px; }
  .w7c-note-preview article p,.w7c-recent-note p { font-size:14px; }
  .w7c-note-preview article small,.w7c-overview .w7c-textlink,.w7c-utility p,.w7c-utility-label { font-size:12px; }
  .w7c-overview .w7c-textlink { min-height:40px; }
  .w7c-page .w7evl .w7t,.w7c-page .w7runline,.w7c-page .w7say p { font-size:14px; }
  .w7c-page .w7evl .w7s,.w7c-page .w4when { font-size:12px; }
  .w7c-page .w7c-rec .w6tab { min-height:44px; padding:9px; font-size:12px; }
  .w7c-page .w7c-rec .w6panel { padding-top:12px; }
}

/* Company record overview and editable record */

.sg-vitals {
  position:relative; top:auto; z-index:2; background:var(--bluetint);
  border-color:var(--line); border-radius:15px; margin-bottom:15px;
}
.sg-vitals .w6vrow { gap:0 14px; padding:15px 18px; }
.sg-vitals .w6vid h2 { font:700 27px/1.1 var(--font-ui); letter-spacing:-.035em; }
.sg-vitals .w4facts { margin-top:6px; font-size:12.5px; }
.sg-vitals .w4call, .sg-vitals .w6vacts { background:var(--card); border:1px solid var(--line); }
.sg-vitals .w4call { align-items:flex-start; padding:9px 14px 1px; border-bottom:0; border-radius:11px 11px 0 0; }
.sg-vitals .w4phone, .sg-vitals .w4phone:hover { height:auto; padding:0; background:transparent; color:var(--ink); font:700 27px/1.05 var(--font-num); letter-spacing:.005em; }
.sg-vitals .w4phone svg { color:var(--blue); }
.sg-vitals .w4phone.off { border:0; font:600 14px/1.2 var(--font-ui); }
.sg-vitals .w4who { max-width:350px; font-size:11px; }
.sg-vitals .w6vacts { padding:5px 14px 10px; border-top:0; border-radius:0 0 11px 11px; }
.sg-vitals .w6vacts .k4acts { flex-wrap:wrap; }
.sg-vitals .w6vacts .k4b { height:28px; font-size:11px; }
.sg-vitals .w4ol { color:var(--blue); }
.sg-vitals .w4say { align-self:flex-start; }
.sg-vitals .w4own { align-self:center; }
@media (min-width:1180px) {
  .sg-vitals .w6vrow { display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,max-content) minmax(320px,360px); grid-template-rows:auto auto auto; align-items:start; gap:8px 18px; }
  .sg-vitals .w6back { grid-column:1 / -1; grid-row:1; justify-self:start; }
  .sg-vitals .w6vid { grid-column:1 / 3; grid-row:2; }
  .sg-vitals .w6vstate { grid-column:1; grid-row:3; }
  .sg-vitals .w4own { grid-column:2; grid-row:3; }
  .sg-vitals .w4call { grid-column:3; grid-row:2; }
  .sg-vitals .w6vacts { grid-column:3; grid-row:3; }
}
.sg-record { max-width:none; }
.sg-company-page { min-width:0; }
.sg-vitals .w6vid h2 { white-space:normal; overflow-wrap:anywhere; text-overflow:clip; }
.sg-account-tools { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr); gap:12px; align-items:start; margin:0 0 14px; }
.sg-account-tools .w7c-utility { margin:0; padding:13px 16px; grid-template-columns:minmax(0,1fr); border:1px solid var(--line); border-radius:12px; }
.sg-account-tools .w7c-utility-place { font-size:12px; }
.sg-account-tools .w7c-utility-links { margin:5px 0; font-size:12px; }
.sg-account-tools .w7c-utility p { font-size:11px; }
.sg-account-tools .crm-followups { margin:0; padding:13px 16px; border-radius:12px; }
.sg-account-tools .crm-fu-head h2 { font-size:14px; }
.sg-account-tools .crm-fu-head p { display:none; }
.sg-account-tools .crm-fu-head .w7btn { min-height:36px; font-size:12px; }
.sg-account-tools .crm-fu-empty { font-size:12px; margin-top:7px; }
.sg-record-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 9px; }
.sg-record-toolbar>span { color:var(--mute); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.sg-record-toolbar .w7btn { min-height:36px; padding:8px 15px; font-size:12px; }
.sg-record>.w6tabs>.w6tablist { position:sticky; top:8px; z-index:8; display:flex; max-width:100%; overflow-x:auto; flex-wrap:nowrap; padding:4px; gap:4px; border:1px solid var(--line); border-radius:11px; background:var(--surface); margin-bottom:16px; scroll-margin-top:12px; }
.sg-record>.w6tabs>.w6tablist .w6tab { flex:none; min-height:40px; padding:9px 13px; border-radius:8px; font-size:13px; }
.sg-record>.w6tabs>.w6tablist .w6tab.on { background:var(--bluetint); border-bottom-color:transparent; color:var(--blue); }
.sg-record>.w6tabs>.w6panel { padding:0; min-width:0; }
.sg-record>.w6tabs>.w6panel[hidden] { display:none; }
.sg-record>.w6tabs>.w6panel:not([data-panel=overview]) { padding:17px; border:1px solid var(--line); border-radius:13px; background:var(--card); }
.sg-record .w4when { position:static; }
.sg-record .tm.account,.w7c-page .tm.account { color:var(--mute); background:var(--surface-2); border:1px solid var(--line); }
.sg-record .w6chips { flex-wrap:wrap; }
.sg-record .w6tlbar { flex-wrap:wrap; gap:10px; }
.sg-record .w5tlsearch { min-width:0; max-width:100%; }
.sg-record .w6comp textarea { min-width:0; max-width:100%; }
.sg-record [data-panel=people] .pl .pi { min-width:0; overflow-wrap:anywhere; }
.sg-data-pane>button:focus-visible { outline:2px solid var(--blue); outline-offset:3px; border-radius:4px; }
.sg-record .w6facts { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); margin:0 0 15px; overflow:hidden; border-radius:12px; }
.sg-record .w6facts>.w6fact { grid-column:auto; }
.sg-record .w6fact { padding:11px 15px; }
.sg-record .w6fk { color:var(--blue); }
.sg-brief { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.78fr) minmax(0,.9fr); gap:12px; align-items:start; margin-bottom:19px; }
.sg-brief > .w7c-more { margin:0; border-radius:12px; }
.sg-brief > .w7c-more .w7c-mb { padding:16px 18px; }
.sg-brief > .w7c-more .w7c-acct { justify-content:space-between; }
.sg-brief .w6bandpane { border-radius:12px; min-width:0; }
.sg-brief .w6bandpane .ph { min-height:37px; background:var(--card); border-bottom:1px solid var(--line); color:var(--blue); }
.sg-brief .w6bandpane .ph h3 { color:var(--ink); }
.sg-brief .w6bandpane .pb { padding:11px 15px; }
.sg-brief .w6bandpane .emptyst { padding:0; }
.sg-brief .w6bandpane .pl { padding:4px 0; }
.sg-section-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; margin:0 0 11px; }
.sg-section-heading span { display:block; color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.sg-section-heading h2 { margin:3px 0 0; color:var(--ink); font:700 23px/1.15 var(--font-ui); letter-spacing:-.025em; }
.sg-section-heading p { margin:0 0 3px; color:var(--mute); font-size:11.5px; }
.sg-record .w7c-overview { grid-template-columns:minmax(0,1.45fr) minmax(0,.78fr) minmax(0,.78fr); gap:12px; margin-bottom:21px; }
.sg-record .w7c-history-visual { padding:17px 19px; }
.sg-record .w7c-history-visual h2 { font-size:20px; }
.sg-record .w7c-history-chart { margin:9px 0; padding-top:6px; max-height:150px; }
.sg-record .w7c-recent-note { padding:9px 11px; }
.sg-record .w7c-note-preview { padding:14px 15px 11px; border-top-width:3px; }
.sg-record .w7c-note-preview h2 { font-size:17px; }
.sg-record .w7c-note-preview article { padding:8px 0; }
.sg-record .w7c-note-preview article p { margin:6px 0 5px; font-size:12px; line-height:1.45; }
.sg-record .w7c-note-preview article small { font-size:10px; }
.sg-record .w7c-overview .w7c-textlink { min-height:28px; font-size:11px; }
.sg-data { margin-bottom:22px; }
.sg-data-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sg-data-pane { min-width:0; border:1px solid var(--line); border-radius:12px; background:var(--card); padding:15px 18px 14px; }
.sg-data-title { display:flex; align-items:center; gap:8px; min-height:34px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.sg-data-title svg { width:17px; height:17px; color:var(--blue); flex:none; }
.sg-data-title h3 { margin:0; font:700 16px/1.2 var(--font-ui); color:var(--ink); }
.sg-data-title>span { margin-left:auto; color:var(--mute); font-size:11px; text-align:right; }
.sg-data-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:13px 0; }
.sg-data-metrics>div { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 6px; min-width:0; padding:0 12px; border-left:1px solid var(--line); }
.sg-data-metrics>div:first-child { border-left:0; padding-left:0; }
.sg-data-metrics strong { color:var(--ink); font:700 24px/1 var(--font-num); }
.sg-data-metrics span { color:var(--mute); font-size:11px; line-height:1.3; }
.sg-data-row { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid var(--line); font-size:12px; }
.sg-data-row span { color:var(--mute); }
.sg-data-row b { color:var(--ink); font-weight:650; text-align:right; }
.sg-data-pane>small { display:block; color:var(--mute); font-size:10.5px; margin-top:7px; }
.sg-data-pane>button { display:block; border:0; background:transparent; padding:10px 0 0; color:var(--blue); font:700 11.5px var(--font-ui); cursor:pointer; text-align:left; }
.sg-data-pane>button:hover { text-decoration:underline; }
.sg-source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:12px 0; }
.sg-source-grid>div { min-width:0; }
.sg-source-grid span { display:block; color:var(--mute); font-size:10px; text-transform:uppercase; letter-spacing:.05em; }
.sg-source-grid b { display:block; margin-top:3px; color:var(--ink); font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
.sg-data-empty { color:var(--mute); font-size:12px; }
.sg-people-pane { grid-column:1 / -1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }
.sg-people-pane .sg-data-title, .sg-people-pane>button, .sg-people-pane>small, .sg-people-pane>.sg-data-empty { grid-column:1 / -1; }
.sg-person { display:flex; justify-content:space-between; align-items:center; gap:12px; min-width:0; padding:10px 0; border-bottom:1px solid var(--line); }
.sg-person>div { min-width:0; }
.sg-person b { display:block; color:var(--ink); font-size:12.5px; }
.sg-person span { display:block; color:var(--mute); margin-top:3px; font-size:10.5px; line-height:1.35; }
.sg-person a { color:var(--blue); font-size:12.5px; font-weight:650; white-space:nowrap; text-decoration:none; }
.sg-person a:hover { text-decoration:underline; }
.sg-person small { color:var(--mute); font-size:11px; white-space:nowrap; }
.sg-detail-heading { margin-bottom:2px; }
.sg-record .w6tablist { top:54px; }
@media (max-width:1100px) {
  .sg-account-tools { grid-template-columns:minmax(0,1fr); }
  .sg-brief { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sg-brief > .w7c-more { grid-column:1 / -1; }
  .sg-record .w7c-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sg-record .w7c-history-visual { grid-column:1 / -1; }
  .sg-vitals .w6vrow { display:flex; flex-wrap:wrap; }
}
@media (max-width:820px) {
  .sg-vitals { border-radius:11px; }
  .sg-vitals .w6vrow { padding:12px; gap:8px 12px; }
  .sg-vitals .w6vid { flex:1 1 60%; }
  .sg-vitals .w6vid h2 { font-size:23px; }
  .sg-vitals .w4call, .sg-vitals .w6vacts { flex:1 1 100%; }
  .sg-vitals .w4phone { font-size:23px; }
  .sg-vitals .w6vstate, .sg-vitals .w4own { flex:1 1 35%; }
  .sg-brief, .sg-data-grid { grid-template-columns:1fr; }
  .sg-brief > .w7c-more { grid-column:auto; }
  .sg-brief > .w7c-more .pl { display:block; }
  .sg-brief > .w7c-more .pl .pi { display:block; width:100%; }
  .sg-brief > .w7c-more .pl .pn { align-items:flex-start; margin-top:8px; text-align:left; }
  .sg-record .w7c-overview { display:block; }
  .sg-record .w7c-history-visual, .sg-record .w7c-note-preview { margin-bottom:10px; }
  .sg-people-pane { grid-column:auto; grid-template-columns:1fr; }
  .sg-section-heading { display:block; }
  .sg-section-heading p { margin-top:4px; }
  .sg-data-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sg-person { flex-wrap:wrap; }
  .sg-company-page .w7c-utility-label,.sg-company-page .w7c-utility p,.sg-vitals .w4who,.sg-vitals .w6vacts .k4b { font-size:12px; }
  .sg-vitals .w6vacts .k4b { min-height:42px; }
  .sg-record-toolbar .w7btn { min-height:44px; }
  .sg-record>.w6tabs>.w6tablist { top:0; border-radius:9px; }
  .sg-record>.w6tabs>.w6tablist .w6tab { min-height:44px; font-size:12px; padding:9px 11px; }
  .sg-record>.w6tabs>.w6panel:not([data-panel=overview]) { padding:12px; }
  .sg-section-heading span,.sg-section-heading p,.sg-record .w7c-note-preview article small,.sg-record .w7c-overview .w7c-textlink,.sg-data-title>span,.sg-data-metrics span,.sg-data-pane>small,.sg-source-grid span,.sg-person span,.sg-person small { font-size:12px; }
  .sg-record .w7c-note-preview article p,.sg-person b,.sg-person a { font-size:14px; }
  .sg-data-pane>button,.sg-record .w7c-overview .w7c-textlink { min-height:44px; font-size:13px; }
  .sg-account-tools .crm-fu-head { flex-direction:row; align-items:center; }
  .sg-account-tools .crm-fu-head .w7btn { min-height:44px; }
}

/* Pilot account workspace. These rules follow the earlier concept styles so the
   working record has one visible navigation and a compact, source-dated overview. */
.sg-company-page { max-width:1480px; margin:auto; padding-bottom:80px; }
.sg-company-page * { box-sizing:border-box; }
.sg-company-page :is(button,a,summary,select,input,textarea):focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.sg-vitals { margin:0 0 12px; background:var(--bluetint); }
.sg-vitals .w4facts { white-space:normal; overflow:visible; line-height:1.4; }
.sg-vitals .w4svc { color:var(--ink2); }
.sg-vitals .w4say { max-width:none; flex-wrap:wrap; }
.sg-vitals .sg-state-scope { display:block; flex-basis:100%; color:var(--mute); font-size:10px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.sg-vitals .w4own { max-width:180px; font-size:12px; }
.sg-vitals .w4own .ol { max-width:125px; }
.sg-vitals .w4own select { max-width:150px; min-height:36px; font-size:12px; }
.sg-vitals .w4phone { color:var(--ink); }
.sg-vitals .sg-priority { display:inline-flex; align-items:center; gap:4px; color:var(--ink2); font-size:11px; white-space:nowrap; }
.sg-vitals .sg-priority::before { content:""; width:7px; height:7px; flex:none; border-radius:50%; background:var(--mute); }
.sg-vitals .sg-priority.likely::before { background:#b65b2b; }
.sg-vitals .sg-priority.possible::before { background:#b38b2a; }
.sg-vitals .sg-priority.unlikely::before { background:#728ba0; }
.sg-vitals .sg-priority b { color:var(--ink); font-weight:750; }
.sg-vitals .w6vacts .k4b { font-family:var(--font-ui); }
.sg-account-tools { display:block; margin-bottom:12px; }
.sg-account-tools .w7c-utility { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:5px 18px; margin:0; padding:10px 15px; border-radius:11px; }
.sg-account-tools .w7c-utility-place { font-size:12.5px; }
.sg-account-tools .w7c-utility-place b { font-size:12.5px; }
.sg-account-tools .w7c-utility-links { margin:0; font-size:12px; }
.sg-account-tools .w7c-utility p { flex-basis:100%; margin:0; font-size:11px; }
.sg-record .w6marks { margin:0 0 10px; }
.sg-record .w6facts { margin:0 0 6px; }
.sg-record .w6fact { padding:10px 14px; }
.sg-record .w6fv { font:700 18px/1.2 var(--font-ui); }
.sg-record .w6fs { font-size:11px; }
.sg-history-caveat { margin:5px 0 11px; color:var(--mute); font-size:11.5px; line-height:1.4; }
.sg-record-toolbar { margin:11px 0 9px; }
.sg-record-toolbar>span { color:var(--blue); }
.sg-record-toolbar small { display:block; margin-top:4px; color:var(--mute); font-size:11px; font-weight:500; letter-spacing:0; text-transform:none; }
.sg-record>.w6tabs>.w6tablist { top:54px; margin:0 0 12px; background:var(--card); scroll-margin-top:60px; }
.sg-record>.w6tabs>.w6tablist .w6tab { font-family:var(--font-ui); font-weight:650; }
.sg-record>.w6tabs>.w6panel:not([data-panel=overview]) { padding:17px 19px; }
.sg-record .tm.other { border:1px solid var(--line); background:var(--surface-2); color:var(--blue); }
.sg-company-page .pl .pi .sg-contact-email { display:block; margin-top:4px; color:var(--ink2); font-size:12px; overflow-wrap:anywhere; }
.sg-company-page .pl .pi .sg-contact-email a { color:var(--blue); font-weight:700; text-decoration:none; }
.sg-company-page .pl .pi .sg-contact-email a:hover { text-decoration:underline; }
.sg-overview-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:11px; align-items:start; }
.sg-overview-grid>section { min-width:0; margin:0; border:1px solid var(--line); border-radius:11px; background:var(--card); }
.sg-overview-grid .w6bandpane .ph { min-height:38px; border-bottom:1px solid var(--line); background:transparent; color:var(--blue); }
.sg-overview-grid .w6bandpane .ph h3 { color:var(--ink); font:700 15px var(--font-ui); }
.sg-overview-grid .w6bandpane .pb { padding:10px 14px; }
.sg-overview-grid .w6rr { display:grid; grid-template-columns:1fr; gap:4px; padding:8px 0; }
.sg-overview-grid .w6rr .w6rt { display:block; width:auto; max-width:none; white-space:normal; overflow:visible; text-overflow:clip; line-height:1.4; }
.sg-overview-grid .w6rr .w6rw { display:block; text-align:left; white-space:normal; font-size:10.5px; }
.sg-overview-grid .w6rr .w6rw a { color:var(--blue); font-weight:650; text-decoration:underline; text-underline-offset:2px; }
.sg-overview-grid .w6rr .w6rw a:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.sg-overview-grid .w6bandpane .pl { padding:7px 0; }
.sg-overview-grid .w6bandpane .emptyst { padding:4px 0; }
.sg-clue-scope { margin:9px 0 0; padding-top:8px; border-top:1px solid var(--line); color:var(--mute); font-size:11.5px; line-height:1.4; }
.sg-overview-grid .crm-followups { padding:13px 15px; }
.sg-overview-grid .crm-fu-head h2 { font:700 15px var(--font-ui); }
.sg-overview-grid .crm-fu-head p { font-size:11.5px; }
.sg-overview-grid .crm-fu-head .w7btn { min-height:35px; font-size:11.5px; }
.sg-overview-grid .crm-fu-item { padding:10px 0; }
.sg-overview-grid .crm-fu-empty { font-size:12px; }
.sg-history { margin:13px 0 0; padding:15px 17px; border:1px solid var(--line); border-radius:11px; background:var(--card); }
.sg-history-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.sg-history-heading span { display:block; color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sg-history-heading h2 { margin:4px 0 0; color:var(--ink); font:700 18px/1.2 var(--font-ui); }
.sg-history-heading button,.sg-history-panel button { min-height:34px; padding:4px 0; border:0; background:transparent; color:var(--blue); font:700 12px var(--font-ui); cursor:pointer; text-align:left; }
.sg-history-heading button:hover,.sg-history-panel button:hover { text-decoration:underline; }
.sg-history-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; }
.sg-history-panel { min-width:0; padding:10px 12px 0; border-left:2px solid var(--line); }
.sg-history-panel:first-child { border-left-color:var(--blue); }
.sg-history-panel header { display:flex; justify-content:space-between; gap:8px; align-items:baseline; }
.sg-history-panel h3 { margin:0; color:var(--ink); font:700 13px/1.3 var(--font-ui); }
.sg-history-panel header span { color:var(--mute); font-size:10.5px; white-space:nowrap; }
.sg-history-panel article { padding:8px 0; border-bottom:1px solid var(--line); }
.sg-history-panel article>div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 10px; color:var(--mute); font-size:10.5px; }
.sg-history-panel time { color:var(--blue); font-weight:750; }
.sg-history-panel p { margin:5px 0 0; color:var(--ink2); font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
.sg-history-panel .sg-history-empty { margin:8px 0; color:var(--mute); }
.sg-history-scope { margin:12px 0 0; color:var(--mute); font-size:11.5px; line-height:1.4; }
.sg-note-brief { margin:0 0 12px; border:1px solid var(--line); border-radius:8px; background:var(--surface-2); }
.sg-note-brief>summary { min-height:40px; padding:10px 13px; cursor:pointer; color:var(--ink2); font-size:12px; font-weight:700; }
.sg-note-brief>summary span { margin-left:8px; color:var(--mute); font-weight:500; }
.sg-note-brief #company-note-summary-slot { padding:0 10px 10px; }
.sg-note-brief .notes-summary { margin:0; }
.sg-empty-panel { padding:20px; border:1px dashed var(--line); border-radius:10px; background:var(--surface-2); }
.sg-empty-panel h3 { margin:0 0 5px; color:var(--ink); font-size:15px; }
.sg-empty-panel p { margin:0; color:var(--mute); font-size:12px; line-height:1.5; }
.sg-evidence-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:0 0 13px; }
.sg-evidence-intro span { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sg-evidence-intro h2 { margin:3px 0 0; font:700 19px/1.2 var(--font-ui); }
.sg-evidence-intro p { max-width:370px; margin:0; color:var(--mute); font-size:11.5px; line-height:1.45; }
.sg-evidence .w7case { border:0; background:transparent; }
.sg-evidence .w7ch { padding:12px 14px; border:1px solid var(--line); border-radius:10px; background:var(--bluetint); }
.sg-evidence .w7ch .w7cname,.sg-evidence .w7ch .w7kicker { display:none; }
.sg-evidence .w7ch .w7sum { margin:3px 0; font-size:13px; line-height:1.5; }
.sg-evidence .w7cbody { margin-top:12px; }
.sg-evidence .w7csec { margin-top:12px; }
@media(max-width:900px) {
  .sg-vitals .w6vrow { display:flex; flex-wrap:wrap; gap:9px 12px; }
  .sg-vitals .w6back { flex:none; }
  .sg-vitals .w6vid { flex:1 1 60%; }
  .sg-vitals .w6vstate,.sg-vitals .w4own { flex:1 1 36%; max-width:none; }
  .sg-vitals .w4call,.sg-vitals .w6vacts { flex:1 1 100%; }
}
@media(max-width:820px) {
  .sg-company-page { padding-bottom:86px; }
  .sg-vitals .w6vacts { display:block; position:static; order:6; width:100%; flex-basis:100%; margin-top:4px; padding:9px 12px; border:1px solid var(--line); border-radius:9px; backdrop-filter:none; }
  .sg-vitals .w6vacts .w4ol { display:block; }
  .sg-vitals .w6vacts .k4acts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:6px; }
  .sg-vitals .w6vacts .k4b { width:100%; min-width:0; white-space:normal; }
  .sg-vitals .w4own select { max-width:100%; }
  body.on-company .callbar { display:none; }
  .sg-vitals .w6vacts .k4b { min-height:42px; font-size:12px; }
  .sg-account-tools .w7c-utility { display:block; padding:11px 13px; }
  .sg-account-tools .w7c-utility-place { display:grid; gap:2px; }
  .sg-account-tools .w7c-utility-links { margin:8px 0 0; }
  .sg-account-tools .w7c-utility p { margin-top:7px; font-size:12px; }
  .sg-record>.w6tabs>.w6tablist { top:50px; }
  .sg-record>.w6tabs>.w6tablist .w6tab { min-height:44px; font-size:12.5px; }
  .sg-record>.w6tabs>.w6panel:not([data-panel=overview]) { padding:12px; }
  .sg-history { padding:13px; }
  .sg-history-panel { padding:9px 0; border-left:0; border-top:2px solid var(--line); }
  .sg-history-panel:first-child { border-left:0; border-top-color:var(--blue); }
  .sg-history-panel p,.sg-history-scope,.sg-clue-scope { font-size:13px; }
  .sg-history-panel h3 { font-size:14px; }
  .sg-history-heading button,.sg-history-panel button { min-height:44px; font-size:13px; }
  .sg-note-brief>summary { min-height:44px; font-size:13px; }
  .sg-note-brief>summary span { display:block; margin:3px 0 0; font-size:12px; }
  .sg-evidence-intro { display:block; }
  .sg-evidence-intro p { margin-top:5px; font-size:12px; }
  .sg-record input,.sg-record textarea { font-size:16px; }
}
@media(max-width:540px) {
  .sg-vitals .w6back,.sg-vitals .w6vid { flex-basis:100%; }
  .sg-record .w6facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sg-record .w6facts>.w6fact:last-child:nth-child(odd) { grid-column:span 2; }
  .sg-history-heading { align-items:flex-start; flex-direction:column; }
  .sg-record-toolbar small { max-width:250px; line-height:1.35; }
}


/* Portfolio reference: explicit field boundaries and compact, labelled sections.
   Color reinforces the existing text; it never upgrades a clue to buying intent. */
.sg-company-page {
  --record-border:color-mix(in srgb,var(--ink) 26%,var(--card));
  --record-blue:color-mix(in srgb,var(--blue) 8%,var(--card));
  --record-amber:color-mix(in srgb,var(--warning) 9%,var(--card));
  --record-green:color-mix(in srgb,var(--positive) 8%,var(--card));
}
.sg-vitals { border:1px solid var(--record-border); border-top:3px solid var(--blue); border-radius:10px; }
.sg-vitals .w6vid h2 { font-weight:800; letter-spacing:-.025em; }
.sg-company-page .sg-field-label,.sg-vitals .sg-state-scope {
  display:block; margin-bottom:5px; color:var(--ink2); font-size:11px;
  font-weight:750; line-height:1.3; letter-spacing:.035em;
}
.sg-vitals .w4own { align-self:start; }
.sg-vitals .w4say { gap:5px; }
.sg-vitals .sg-state-scope { margin-bottom:0; }
.sg-vitals :is(#stagesel,#ownsel) {
  min-height:36px; padding:6px 9px; color:var(--ink); background:var(--card);
  border:1px solid var(--record-border); border-radius:6px; font-weight:650;
}
.sg-vitals .w4say[data-record-status=working] #stagesel,
.sg-vitals .w4say[data-record-status=customer] #stagesel { border-color:var(--positive); background:var(--record-green); }
.sg-vitals .w4say[data-record-status=hot] #stagesel { border-color:var(--warning); background:var(--record-amber); }
.sg-company-page .w7c-utility-links a {
  display:inline-flex; align-items:center; min-height:32px; margin:2px 3px;
  padding:5px 9px; border:1px solid var(--record-border); border-radius:5px;
  background:var(--card); color:var(--blue); font-weight:650; text-decoration:none;
}
.sg-company-page .w7c-utility-links a:hover { background:var(--record-blue); border-color:var(--blue); }
.sg-record .w6facts { border:1px solid var(--line); background:var(--card); }
.sg-record .w6fk { font-size:10.5px; font-weight:750; color:var(--ink2); }
.sg-record .w6fv { font-size:22px; font-weight:750; }
.sg-record>.w6tabs>.w6tablist { gap:2px; padding:0 4px; border-radius:7px; background:var(--surface-2); }
.sg-record>.w6tabs>.w6tablist .w6tab { border-radius:0; border-bottom:3px solid transparent; color:var(--ink2); }
.sg-record>.w6tabs>.w6tablist .w6tab.on { border-bottom-color:var(--blue); background:var(--record-blue); color:var(--blue); font-weight:750; }
.sg-overview-grid>section { border-color:var(--record-border); border-radius:8px; }
.sg-overview-grid .w6bandpane .ph { min-height:42px; padding:10px 14px; border-radius:7px 7px 0 0; background:var(--record-blue); }
.sg-overview-grid #w4reasons .ph { background:var(--record-amber); color:var(--warning); }
.sg-overview-grid .w6bandpane .ph h3 { font-weight:750; }
.sg-overview-grid .w6rr .w4rlab { color:var(--ink); font-weight:750; font-size:12px; }
.sg-overview-grid .w6rr .w6rt { color:var(--ink2); font-size:12px; }
.sg-overview-grid .crm-followups { padding:0 14px 12px; }
.sg-overview-grid .crm-fu-head {
  margin:0 -14px 9px; padding:10px 14px; border-bottom:1px solid var(--line);
  border-radius:7px 7px 0 0; background:var(--record-blue); gap:8px; flex-wrap:wrap;
}
.sg-company-page .crm-fu-status { border:1px solid currentColor; font-weight:750; }
.sg-company-page .crm-fu-status.completed { color:var(--positive); background:var(--record-green); }
.sg-company-page .crm-fu-status.overdue { color:var(--danger); background:color-mix(in srgb,var(--danger) 8%,var(--card)); }
.sg-company-page .crm-fu-status.due_today { color:var(--warning); background:var(--record-amber); }
.sg-company-page .crm-fu-head .w7btn,.sg-company-page .crm-fu-form button[type=submit] {
  background:var(--blue); border-color:var(--blue); color:var(--card); font-weight:700;
}
.sg-history { border-color:var(--record-border); border-radius:8px; padding-top:0; }
.sg-history-heading { margin:0 -17px 0; padding:11px 17px; background:var(--record-blue); border-radius:7px 7px 0 0; }
.sg-history-panel { margin-top:10px; padding-top:0; }
.sg-history-panel[data-history-team=sales] { border-color:var(--blue); }
.sg-history-panel[data-history-team=service] { border-color:var(--ink-muted); }
.sg-history-panel header { padding:7px 9px; margin:0 -1px 2px; border-radius:4px; background:var(--surface-2); }
.sg-history-panel[data-history-team=sales] header { background:var(--record-blue); }
.sg-history-panel h3 { font-weight:750; }
.sg-company-page .sg-note-brief { border-color:var(--record-border); }
.sg-record .w6comp { padding:11px 12px; background:var(--record-blue); border:1px solid var(--record-border); border-left:3px solid var(--blue); border-radius:7px; }
.sg-record .w6comp>.sg-field-label { margin-bottom:8px; font-size:12px; color:var(--ink); }
.sg-company-page :is(.w5cform,.crm-fu-form) { padding:12px; background:var(--surface-2); border:1px solid var(--record-border); border-radius:7px; }
.sg-company-page :is(.w5cform,.crm-fu-form) label { color:var(--ink); font-weight:700; }
.sg-company-page :is(input:not([type=checkbox]):not([type=radio]),textarea,select) {
  border:1px solid var(--record-border); border-radius:5px; background:var(--card); color:var(--ink);
}
.sg-company-page :is(input:not([type=checkbox]):not([type=radio]),select) { min-height:36px; }
.sg-company-page :is(input,textarea)::placeholder { color:var(--ink-muted); opacity:1; }
.sg-company-page :is(input,textarea,select):focus { outline:2px solid var(--blue); outline-offset:1px; }
.sg-company-page .w5tlsearch .fsearch { min-height:36px; padding:0 9px; background:var(--card); border:1px solid var(--record-border); border-radius:5px; }
.sg-company-page .w5tlsearch input { border:0; background:transparent; }
.sg-company-page .w6chip { border-radius:5px; min-height:30px; font-weight:650; }
.sg-record .w6chip.on { background:var(--record-blue); border-color:var(--blue); }
.sg-company-page :is(button,a):focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
@media(max-width:820px) {
  .sg-vitals :is(#stagesel,#ownsel),.sg-company-page .w7c-utility-links a { min-height:42px; }
  .sg-vitals .w4own { padding-top:0; border-top:0; }
  .sg-history-heading { margin:0 -13px; padding:11px 13px; }
  .sg-company-page .sg-field-label { font-size:12px; }
  .sg-record .w6chip { min-height:40px; }
  .sg-company-page :is(input:not([type=checkbox]):not([type=radio]),textarea,select) { font-size:16px; }
  .sg-overview-grid { grid-template-columns:minmax(0,1fr); }
}

/* Deals */

.sd-deals{--sd-navy:#123249;--sd-blue:#1474a6;--sd-sky:#dceff9;--sd-border:var(--line,#dbe4ea);--sd-paper:var(--card,#fff);--sd-quiet:var(--mute,#657988);color:var(--ink,#172b39);font-family:var(--ui,system-ui,sans-serif);min-width:0;max-width:1460px;margin:0 auto}
.sd-deals *{box-sizing:border-box}
.sd-deals [hidden]{display:none!important}
.sd-deals button,.sd-deals input,.sd-deals select,.sd-deals textarea{font:inherit}
.sd-deals button{cursor:pointer}
.sd-deals a{color:var(--blue,var(--sd-blue));text-decoration:none}
.sd-deals a:hover{text-decoration:underline;text-underline-offset:3px}
.sd-deals :is(button,input,select,textarea,a,summary):focus-visible{outline:2px solid var(--blue,var(--sd-blue));outline-offset:3px}
.sd-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sd-eyebrow{display:block;color:var(--blue,var(--sd-blue));font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.4}
.sd-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;padding:7px 1px 23px}
.sd-page-head h2{font-size:clamp(25px,2.5vw,34px);line-height:1.15;letter-spacing:-.035em;margin:6px 0 7px;color:var(--ink,var(--sd-navy));font-weight:740}
.sd-page-head p{margin:0;color:var(--ink2,#445968);font-size:13px;line-height:1.55}
.sd-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 15px;border:1px solid var(--sd-border);border-radius:6px;background:var(--sd-paper);color:var(--ink,var(--sd-navy));font-size:12px;font-weight:720;line-height:1.2;white-space:nowrap;transition:background var(--dur-1,120ms) var(--ease,ease),border-color var(--dur-1,120ms) var(--ease,ease)}
.sd-button:hover{background:var(--surface-2,#f3f8fb);border-color:var(--blue,var(--sd-blue))}
.sd-button:disabled{opacity:.55;cursor:wait}
.sd-button-primary{background:var(--navy,#07334c);border-color:var(--navy,#07334c);color:#fff}
.sd-button-primary:hover{background:var(--blue,var(--sd-blue));border-color:var(--blue,var(--sd-blue));color:#fff}
.sd-button-quiet{background:transparent}
.sd-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 18px}
.sd-metric{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:71px;padding:10px 16px;background:var(--sd-paper);border:1px solid var(--sd-border);border-radius:7px;color:var(--ink,var(--sd-navy));text-align:left}
.sd-metric b{font-size:25px;line-height:1.05;letter-spacing:-.045em;font-weight:750;font-variant-numeric:tabular-nums}
.sd-metric span{margin-top:5px;color:var(--sd-quiet);font-size:11px;font-weight:650}
.sd-metric:hover,.sd-metric.is-active{border-color:var(--blue,var(--sd-blue));background:var(--bluetint,#edf7fc)}
.sd-metric.is-active{box-shadow:inset 0 3px var(--blue,var(--sd-blue))}
.sd-metric-loading{opacity:.55;background:linear-gradient(90deg,var(--sd-paper),var(--surface-2,#f7fafc),var(--sd-paper));background-size:200% 100%;animation:sd-shimmer 1.8s linear infinite}
@keyframes sd-shimmer{to{background-position:-200% 0}}
.sd-board-panel{background:var(--sd-paper);border:1px solid var(--sd-border);border-radius:8px;overflow:hidden}
.sd-board-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:19px 20px 14px;border-bottom:1px solid var(--sd-border)}
.sd-board-toolbar h3{margin:3px 0 3px;color:var(--ink,var(--sd-navy));font-size:19px;line-height:1.2;letter-spacing:-.015em;font-weight:730}
.sd-board-toolbar p{margin:0;color:var(--sd-quiet);font-size:11px;line-height:1.45}
.sd-board-total{font-size:11px;font-weight:700;color:var(--ink2,#445968);white-space:nowrap}
.sd-filters{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(140px,.75fr));gap:9px;padding:12px 20px;background:var(--surface-2,#fbfdff);border-bottom:1px solid var(--sd-border)}
.sd-filters label{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--sd-quiet);font-size:10px;font-weight:700}
.sd-filters select,.sd-filters input{width:100%;height:37px;border:1px solid var(--sd-border);border-radius:5px;background:var(--sd-paper);color:var(--ink,var(--sd-navy));font-size:12px;padding:0 10px;min-width:0}
.sd-filters input::placeholder{color:var(--sd-quiet)}
.sd-filter-search{justify-content:flex-end}
.sd-filter-search input{padding-left:13px}
.sd-table-head,.sd-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(150px,1.12fr) minmax(105px,.78fr) minmax(125px,1fr) minmax(130px,1.08fr) 65px;column-gap:13px;align-items:center}
.sd-table-head{padding:10px 20px;background:var(--surface-2,#fbfdff);border-bottom:1px solid var(--sd-border);color:var(--sd-quiet);font-size:10px;font-weight:760;letter-spacing:.055em;text-transform:uppercase}
.sd-row{padding:15px 20px;border-bottom:1px solid var(--line2,#edf2f5);min-height:82px;transition:background var(--dur-1,120ms) var(--ease,ease)}
.sd-row:last-child{border-bottom:0}
.sd-row:hover{background:var(--bluetint,#f6fbff)}
.sd-cell{display:flex;flex-direction:column;gap:4px;min-width:0;line-height:1.35}
.sd-cell-main{display:block;min-width:0;font-size:12px;color:var(--ink,var(--sd-navy));font-weight:660;overflow-wrap:anywhere}
.sd-cell-sub{display:block;min-width:0;font-size:10.5px;line-height:1.4;color:var(--sd-quiet);overflow-wrap:anywhere}
.sd-deal-identity strong{font-size:12px;font-weight:690;color:var(--ink,var(--sd-navy));overflow-wrap:anywhere}
.sd-identity-top{display:flex;align-items:center;gap:8px;min-width:0}
.sd-company-link{font-size:13px;font-weight:750;line-height:1.25;overflow-wrap:anywhere}
.sd-status{display:inline-flex;align-items:center;flex:none;border-radius:3px;padding:3px 6px;background:var(--bluetint,#eaf4fa);color:var(--blue,var(--sd-blue));font-size:9px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.sd-status-won{color:var(--green,#1a7a4c);background:#e8f4ec}
.sd-status-lost{color:var(--red,#a63c3b);background:#f9eded}
.sd-status-withdrawn{color:var(--sd-quiet);background:var(--surface-3,#f0f3f5)}
.sd-muted{color:var(--sd-quiet)!important;font-weight:500!important}
.sd-due{display:inline-flex;margin-left:4px;color:var(--blue,var(--sd-blue));font-weight:800}
.sd-due.is-overdue{color:var(--red,#b93a2f)}
.sd-row-end{align-items:flex-end}
.sd-text-button{display:inline-flex;align-items:center;gap:4px;padding:5px 0;border:0;background:transparent;color:var(--blue,var(--sd-blue));font-size:11px;font-weight:750;white-space:nowrap}
.sd-text-button:hover{text-decoration:underline;text-underline-offset:3px}
.sd-board-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:9px 20px;border-top:1px solid var(--sd-border);color:var(--sd-quiet);font-size:10.5px}
.sd-board-foot button[hidden]{display:none}
.sd-state{min-height:230px;padding:36px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--sd-quiet);font-size:12px;line-height:1.55}
.sd-state h3{font-size:18px;letter-spacing:-.02em;color:var(--ink,var(--sd-navy));margin:4px 0 5px}
.sd-state p{max-width:500px;margin:0 0 15px}
.sd-state-icon{font-family:Georgia,serif;font-size:36px;line-height:1;color:var(--blue,var(--sd-blue));margin-bottom:7px}
.sd-spinner{width:22px;height:22px;border:2px solid var(--sd-border);border-top-color:var(--blue,var(--sd-blue));border-radius:50%;animation:sd-spin .8s linear infinite;margin-bottom:11px}
@keyframes sd-spin{to{transform:rotate(360deg)}}
.sd-error{background:var(--surface-2,#fafcfd)}
.sd-clues{margin-top:14px;border:1px solid var(--sd-border);border-radius:8px;background:var(--sd-paper);overflow:hidden}
.sd-clues[hidden]{display:none}
.sd-clues>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;cursor:pointer;list-style:none}
.sd-clues>summary::-webkit-details-marker{display:none}
.sd-clues>summary:after{content:'⌄';font-size:20px;color:var(--blue,var(--sd-blue));line-height:1;margin-left:auto;transition:transform var(--dur-1,120ms) var(--ease,ease)}
.sd-clues[open]>summary:after{transform:rotate(180deg)}
.sd-clues>summary>span:first-child{display:grid;gap:3px}
.sd-clues>summary b{font-size:12px;color:var(--ink,var(--sd-navy))}
.sd-clues>summary small{font-size:10px;line-height:1.4;color:var(--sd-quiet)}
.sd-clue-count{font-size:10px;font-weight:750;color:var(--blue,var(--sd-blue));white-space:nowrap}
.sd-clue-body{border-top:1px solid var(--sd-border)}
.sd-clue{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 20px;border-bottom:1px solid var(--line2,#edf2f5)}
.sd-clue:last-child{border-bottom:0}
.sd-clue>div{min-width:0}
.sd-clue a:first-child{font-size:12px;font-weight:740}
.sd-clue small{display:block;color:var(--sd-quiet);font-size:10px;margin:3px 0}
.sd-clue p{font-size:11px;line-height:1.45;color:var(--ink2,#445968);margin:4px 0 0;overflow-wrap:anywhere}
.sd-clue-more,.sd-clue-empty{padding:12px 20px;color:var(--sd-quiet);font-size:10.5px;margin:0}
.sd-trust-note{margin:14px 2px 0;color:var(--sd-quiet);font-size:10.5px;line-height:1.5}
.sd-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(730px,calc(100vw - 26px));max-width:none;max-height:min(94dvh,900px);border:1px solid var(--sd-border);border-radius:9px;background:var(--sd-paper);color:var(--ink,var(--sd-navy));box-shadow:var(--shadow-float,0 20px 70px #071d2c38);overflow:hidden}
.sd-dialog::backdrop{background:rgba(5,29,46,.55)}
.sd-dialog[open]{display:flex;flex-direction:column}
.sd-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 24px 17px;border-bottom:1px solid var(--sd-border);flex:none}
.sd-dialog-heading h2{font-size:23px;letter-spacing:-.035em;line-height:1.18;margin:5px 0;color:var(--ink,var(--sd-navy))}
.sd-dialog-heading p{font-size:11px;line-height:1.5;color:var(--sd-quiet);margin:5px 0 0;max-width:560px}
.sd-close{width:30px;height:30px;border:1px solid var(--sd-border);border-radius:5px;background:var(--sd-paper);color:var(--sd-quiet);font-size:23px;line-height:1;flex:none}
.sd-close:hover{background:var(--surface-2,#f5f8fa);color:var(--ink,var(--sd-navy))}
.sd-form{display:flex;flex-direction:column;min-height:0;flex:1}
.sd-form-scroll,.sd-detail-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 24px}
.sd-form-section{padding:17px 0 18px;border-bottom:1px solid var(--sd-border)}
.sd-form-section:last-child{border:0}
.sd-form-section h3,.sd-detail-scroll h3{font-size:12px;font-weight:780;letter-spacing:.01em;margin:0 0 11px;color:var(--ink,var(--sd-navy))}
.sd-field{display:flex;flex-direction:column;gap:5px;min-width:0;margin-bottom:11px}
.sd-field:last-child{margin-bottom:0}
.sd-field label{font-size:10.5px;font-weight:700;color:var(--ink2,#445968)}
.sd-field label em{font-style:normal;font-size:9px;font-weight:580;color:var(--sd-quiet)}
.sd-field input,.sd-field select,.sd-field textarea{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--sd-border);border-radius:5px;background:var(--sd-paper);color:var(--ink,var(--sd-navy));font-size:12px;line-height:1.35}
.sd-field input,.sd-field select{min-height:37px}
.sd-field textarea{resize:vertical;min-height:60px}
.sd-field small,.sd-static-company small{font-size:10px;color:var(--sd-quiet);line-height:1.45}
.sd-form-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:11px}
.sd-grid-three{grid-template-columns:.7fr .8fr 1.5fr}
.sd-static-company{display:grid;gap:5px;padding:11px 12px;background:var(--surface-2,#f7fafc);border:1px solid var(--sd-border);border-radius:5px;margin-bottom:12px}
.sd-static-company a{font-size:13px;font-weight:730}
.sd-search-results:not(:empty){border:1px solid var(--sd-border);border-radius:5px;background:var(--sd-paper);max-height:230px;overflow-y:auto}
.sd-search-results button{display:grid;gap:2px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--line2,#edf2f5);background:transparent;text-align:left}
.sd-search-results button:last-child{border-bottom:0}
.sd-search-results button:hover{background:var(--bluetint,#f1f8fc)}
.sd-search-results b{font-size:11.5px;color:var(--ink,var(--sd-navy))}
.sd-search-results small{font-size:10px;color:var(--sd-quiet)}
.sd-search-state{padding:10px 12px;font-size:10.5px;color:var(--sd-quiet)}
.sd-note-id,.sd-lost-to{display:none}
.sd-note-id.is-visible,.sd-lost-to.is-visible{display:flex}
.sd-outcome-date{display:none}
.sd-outcome-date.is-visible{display:flex}
.sd-form-footer,.sd-detail-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:13px 24px;border-top:1px solid var(--sd-border);background:var(--surface-2,#fafcfd);flex:none}
.sd-form-footer p{margin:0 auto 0 0;color:var(--red,#b93a2f);font-size:11px;line-height:1.4}
.sd-form-footer p[hidden]{display:none}
.sd-detail-scroll{padding-top:18px;padding-bottom:22px}
.sd-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:15px 17px;background:var(--bluetint,#f3f9fc);border:1px solid var(--sd-border);border-radius:6px;margin-bottom:17px}
.sd-detail-hero>div{display:grid;gap:5px}
.sd-detail-hero small,.sd-detail-grid small{font-size:10px;color:var(--sd-quiet)}
.sd-detail-hero b{font-size:15px;color:var(--ink,var(--sd-navy))}
.sd-detail-hero span{font-size:10.5px;color:var(--ink2,#445968)}
.sd-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--sd-border)}
.sd-detail-grid section{padding:14px 15px 15px 0;min-width:0}
.sd-detail-grid section+section{padding-left:15px;border-left:1px solid var(--sd-border)}
.sd-detail-grid p,.sd-detail-note p{font-size:12px;line-height:1.55;margin:0 0 6px;white-space:pre-wrap;overflow-wrap:anywhere}
.sd-detail-grid small{display:block;line-height:1.5}
.sd-detail-note{padding:15px 0;border-bottom:1px solid var(--sd-border)}
.sd-history{padding:17px 0 0}
.sd-history ol{list-style:none;padding:0;margin:0}
.sd-history li{display:flex;gap:11px;padding:10px 0;border-top:1px solid var(--line2,#edf2f5)}
.sd-history-dot{width:7px;height:7px;margin:5px 2px 0 1px;border-radius:50%;background:var(--blue,var(--sd-blue));flex:none}
.sd-history b{font-size:11px}
.sd-history p{font-size:10.5px;color:var(--ink2,#445968);margin:3px 0;line-height:1.45}
.sd-history small{font-size:9.5px;color:var(--sd-quiet)}
.sd-detail-footer{justify-content:space-between}
@media(max-width:1180px){
  .sd-table-head{display:none}
  .sd-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;padding:16px 18px}
  .sd-deal-identity{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid var(--line2,#edf2f5)}
  .sd-row-end{grid-column:3;align-items:flex-start;justify-content:flex-end}
  .sd-cell[data-label]:not(.sd-deal-identity):before{content:attr(data-label);font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--sd-quiet);margin-bottom:2px}
  .sd-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .sd-page-head{align-items:flex-start;padding:3px 0 17px}
  .sd-page-head h2{font-size:25px}
  .sd-page-head p{font-size:11.5px}
  .sd-page-head>.sd-button{align-self:flex-start;min-height:36px;padding:8px 10px;font-size:10px}
  .sd-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:13px}
  .sd-metric{min-height:58px;padding:8px 10px}
  .sd-metric b{font-size:21px}
  .sd-metric span{font-size:9px}
  .sd-board-toolbar{padding:15px 15px 12px}
  .sd-board-toolbar h3{font-size:17px}
  .sd-board-toolbar p{font-size:10px}
  .sd-filters{padding:12px 15px;gap:8px}
  .sd-filters label{font-size:9px}
  .sd-filters select,.sd-filters input{font-size:11px;min-height:39px}
  .sd-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px;padding:14px 15px}
  .sd-deal-identity{grid-column:1/-1}
  .sd-row-end{grid-column:2;justify-content:flex-end}
  .sd-identity-top{flex-wrap:wrap}
  .sd-board-foot{padding:9px 15px}
  .sd-clues>summary{padding:14px 15px}
  .sd-clue{padding:12px 15px;align-items:flex-start;flex-direction:column;gap:5px}
  .sd-dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 20px);border-radius:8px}
  .sd-dialog-heading,.sd-form-footer,.sd-detail-footer{padding-left:16px;padding-right:16px}
  .sd-form-scroll,.sd-detail-scroll{padding-left:16px;padding-right:16px}
  .sd-form-grid,.sd-grid-three,.sd-detail-grid{grid-template-columns:1fr}
  .sd-detail-grid section+section{padding-left:0;border-left:0;border-top:1px solid var(--sd-border)}
  .sd-detail-hero{gap:13px;padding:13px}
}
@media(max-width:420px){
  .sd-page-head{flex-direction:column;gap:10px}
  .sd-page-head>.sd-button{align-self:stretch}
  .sd-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sd-filters{grid-template-columns:1fr 1fr}
  .sd-filter-search{grid-column:1/-1}
  .sd-row{grid-template-columns:1fr 1fr}
  .sd-detail-hero{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.sd-deals *, .sd-deals *:before, .sd-deals *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Sales funnel */

.sf-funnel{--sf-paper:#fff;--sf-tint:#f3f8fd;--sf-line:#d8e4ef;--sf-ink:#203a55;--sf-muted:#62768b;--sf-blue:#1479d4;max-width:1600px;margin:0 auto;color:var(--sf-ink);font-family:var(--font-ui,var(--ui,system-ui,sans-serif));min-width:0}
.sf-funnel *{box-sizing:border-box}
.sf-funnel a{text-decoration:none;color:inherit}
.sf-funnel :is(a,button,select):focus-visible{outline:2px solid var(--sf-blue);outline-offset:3px}
.sf-page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:5px 0 19px;border-bottom:1px solid var(--sf-line)}
.sf-eyebrow{display:block;color:#37628e;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.4}
.sf-page-head h1{margin:7px 0 5px;font-size:clamp(28px,2.5vw,35px);line-height:1.12;letter-spacing:-.035em;font-weight:750}
.sf-page-head p,.sf-board-intro p{margin:0;color:var(--sf-muted);font-size:13px;line-height:1.5}
.sf-owner-picker{display:grid;gap:6px;min-width:250px;color:#506986;font-size:10px;font-weight:760;letter-spacing:.045em;text-transform:uppercase}
.sf-owner-picker select{min-height:42px;width:100%;padding:8px 36px 8px 12px;border:1px solid #cfdeed;border-radius:6px;background:var(--sf-paper);color:var(--sf-ink);font:650 12px/1.3 var(--font-ui,var(--ui,system-ui,sans-serif));letter-spacing:0;text-transform:none;cursor:pointer}
.sf-owner-picker select:disabled{opacity:.6;cursor:wait}
.sf-content[aria-busy=true]{min-height:460px}
.sf-board-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:19px 1px 13px}
.sf-board-intro h2{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:3px 0 4px;font-weight:730}
.sf-board-intro p strong{color:var(--sf-ink);font-weight:750}
.sf-board-intro .sf-eyebrow{font-size:9px}
.sf-board-total{padding:7px 10px;border-radius:5px;background:#edf5fe;color:#2d5d8c;font-size:11px;font-weight:750;white-space:nowrap}
.sf-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;height:clamp(520px,calc(100dvh - 300px),740px);min-width:0}
.sf-column{--sf-accent:#1d78c6;display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--sf-line);border-radius:7px;background:var(--sf-paper);overflow:hidden}
.sf-column-working{--sf-accent:#337ba8}.sf-column-deals{--sf-accent:#4b779e}.sf-column-completed{--sf-accent:#5b7088}
.sf-column-head{padding:14px 14px 12px;min-height:88px;flex:none;background:var(--sf-tint);border-bottom:1px solid var(--sf-line)}
.sf-column-title{display:flex;align-items:center;gap:8px;min-width:0}
.sf-column-dot{width:7px;height:7px;border-radius:50%;background:var(--sf-accent);flex:none}
.sf-column-title h3{min-width:0;flex:1;margin:0;font-size:14px;line-height:1.2;font-weight:760;letter-spacing:-.015em}
.sf-column-title strong{padding:2px 7px;border-radius:10px;background:#e3f0fc;font-size:12px;font-weight:790;color:#26669c;font-variant-numeric:tabular-nums}
.sf-column-head p{margin:7px 0 0 15px;color:var(--sf-muted);font-size:10px;line-height:1.4}
.sf-column-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 8px;scrollbar-color:var(--sf-line) transparent}
.sf-column-scroll>div[role=listitem]+div[role=listitem]{margin-top:7px}
.sf-card{background:var(--sf-paper);border:1px solid var(--sf-line);border-radius:6px;overflow:hidden;transition:border-color .12s ease,background .12s ease}
.sf-card:hover{border-color:#9ec9ed;background:#f8fbff}
.sf-card-main{display:block;padding:12px 11px 10px;min-width:0}
.sf-card-head{display:flex;align-items:center;gap:9px;min-width:0}
.sf-avatar{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:#e5f2ff;color:#1769af;font-size:10px;font-weight:800}
.sf-card-identity{display:grid;gap:2px;min-width:0;flex:1}
.sf-card-identity strong{font-size:12.5px;line-height:1.3;font-weight:760;overflow-wrap:anywhere}
.sf-card-identity small{color:var(--sf-muted);font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.sf-card-arrow{align-self:start;color:var(--sf-blue);font-size:14px;line-height:1;flex:none}
.sf-deal-title{display:block;margin:10px 0 -2px;color:var(--sf-ink);font-size:11px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.sf-card-detail{display:grid;gap:3px;margin-top:10px;padding-top:9px;border-top:1px solid #eaf0f6}
.sf-label{color:var(--sf-muted);font-size:9px;line-height:1.2;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.sf-detail-text{font-size:11px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}
.sf-detail-text.is-missing{color:var(--sf-muted);font-weight:500}
.sf-detail-date{color:var(--sf-muted);font-size:10px;line-height:1.3}
.sf-detail-date.is-overdue{color:var(--red,#ba433a);font-weight:790}.sf-detail-date.is-today{color:var(--sf-blue);font-weight:790}
.sf-card-tail{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;color:var(--sf-blue);font-size:10px;font-weight:760}
.sf-card-tail>span:last-child{white-space:nowrap}
.sf-stage{display:inline-flex;align-items:center;min-height:20px;padding:3px 6px;background:#edf5fd;border-radius:4px;color:#276fa6;font-size:9px;line-height:1.2;font-weight:780;white-space:normal}
.sf-stage.sf-outcome-won{color:var(--green,#16805a);background:#e5f4ec}.sf-stage.sf-outcome-lost{color:var(--red,#a94741);background:#faeceb}.sf-stage.sf-outcome-withdrawn{color:var(--sf-muted)}
.sf-deal-link{display:block;padding:8px 11px 9px;border-top:1px solid #eaf0f6;color:var(--sf-blue)!important;font-size:10px;font-weight:760}
.sf-deal-link:hover{text-decoration:underline;text-underline-offset:2px}
.sf-column-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:43px;padding:9px 14px;border-top:1px solid var(--sf-line);color:var(--sf-muted);font-size:10px;flex:none}
.sf-column-foot a{color:var(--sf-blue);font-weight:760;white-space:nowrap}
.sf-column-foot a:hover{text-decoration:underline;text-underline-offset:2px}
.sf-column-empty{display:grid;justify-items:center;align-content:center;min-height:220px;padding:20px 12px;text-align:center;color:var(--sf-muted)}
.sf-column-empty>span{font-size:30px;color:var(--sf-accent);line-height:1;margin-bottom:7px}
.sf-column-empty b{font-size:12px;color:var(--sf-ink)}
.sf-column-empty p{font-size:10.5px;line-height:1.5;max-width:210px;margin:5px 0 0}
.sf-trust{margin:13px 2px 0;color:var(--sf-muted);font-size:10.5px;line-height:1.5}
.sf-loading,.sf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px;padding:32px;border:1px solid var(--sf-line);border-radius:9px;background:var(--sf-paper);text-align:center;color:var(--sf-muted);font-size:12px;line-height:1.5}
.sf-loading b,.sf-error h2{color:var(--sf-ink);font-size:17px;line-height:1.25;margin:5px 0 6px}
.sf-spinner{width:23px;height:23px;border:2px solid var(--sf-line);border-top-color:var(--sf-blue);border-radius:50%;animation:sf-spin .75s linear infinite}
@keyframes sf-spin{to{transform:rotate(360deg)}}
.sf-error>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#faeceb;color:var(--red,#a94741);font-weight:800}
.sf-error p{margin:0 0 16px;max-width:360px}
.sf-retry{min-height:38px;padding:8px 17px;border:1px solid var(--sf-blue);border-radius:6px;background:var(--sf-blue);color:#fff;font:750 11px var(--ui,system-ui,sans-serif);cursor:pointer}
.sf-retry:hover{filter:brightness(1.1)}
@media(max-width:1180px){.sf-board{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.sf-column{height:500px}.sf-column-head{min-height:75px}.sf-card-identity strong{font-size:13px}}
@media(max-width:700px){.sf-page-head{display:grid;gap:16px;padding-bottom:18px}.sf-page-head h1{font-size:27px}.sf-page-head p{font-size:11.5px}.sf-owner-picker{min-width:0;width:100%}.sf-board-intro{display:block;margin-bottom:12px}.sf-board-intro h2{font-size:18px}.sf-board-intro p{font-size:11px}.sf-board-total{display:block;margin-top:9px;font-size:10px}.sf-board{display:grid;grid-template-columns:1fr;gap:14px}.sf-column{height:auto;max-height:530px}.sf-column-scroll{min-height:130px}.sf-column-head{min-height:0;padding:14px}.sf-column-title h3{font-size:14px}.sf-column-head p{font-size:10px}.sf-trust{font-size:10px}.sf-loading,.sf-error{min-height:310px}}
@media(prefers-reduced-motion:reduce){.sf-funnel *,.sf-funnel *::before,.sf-funnel *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Settings */

.sig-settings{max-width:1260px;margin:0 auto 48px;color:var(--ink)}
.sig-settings-head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 16px;padding:4px 0 12px;border-bottom:1px solid var(--line)}
.sig-settings-eyebrow{display:block;margin-bottom:5px;color:var(--blue);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.sig-settings-head h1{margin:0;font:750 25px/1.15 var(--font-ui,system-ui);letter-spacing:-.025em;color:var(--ink)}
.sig-settings-head p{margin:5px 0 0;color:var(--ink2);font-size:13px;line-height:1.45}
.sig-settings-asof{padding-bottom:2px;color:var(--mute);font-size:12px;white-space:nowrap}
.sig-settings-groups{display:grid;gap:14px}
.sig-settings-group,.sig-settings-references{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--card)}
.sig-settings-group>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;background:var(--surf2);border-bottom:1px solid var(--line)}
.sig-settings-group h2,.sig-settings-references h2{margin:0;color:var(--ink);font:700 16px/1.25 var(--font-ui,system-ui)}
.sig-settings-group>header p,.sig-settings-references>header p{margin:3px 0 0;color:var(--ink2);font-size:12.5px;line-height:1.4}
.sig-settings-group>header>span{flex:none;color:var(--mute);font-size:12px}
.sig-setting-row{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(155px,.58fr) minmax(230px,.92fr);gap:16px;align-items:start;padding:13px 18px}
.sig-setting-row+.sig-setting-row{border-top:1px solid var(--line2)}
.sig-setting-about{min-width:0}
.sig-setting-about label{display:block;margin:0;color:var(--ink);font-size:14px;font-weight:700;line-height:1.35}
.sig-setting-about p{margin:3px 0 0;color:var(--ink2);font-size:13px;line-height:1.45}
.sig-setting-about small,.sig-settings-references small{display:block;margin-top:5px;color:var(--mute);font-size:11.5px;line-height:1.4;overflow-wrap:anywhere}
.sig-setting-edit{min-width:0}
.sig-setting-caption{display:block;margin:0 0 4px;color:var(--mute);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.sig-setting-input{display:flex;align-items:center;min-height:38px;max-width:200px;overflow:hidden;border:1px solid var(--rule2,var(--line));border-radius:7px;background:var(--card)}
.sig-setting-input:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.sig-setting-input input{box-sizing:border-box;width:100%;min-width:0;height:37px;padding:0 10px;border:0;outline:0;background:transparent;color:var(--ink);font:650 14px var(--font-num,var(--font-ui,system-ui));font-variant-numeric:tabular-nums}
.sig-setting-input input:disabled{opacity:.7;cursor:not-allowed}
.sig-setting-input:has(input:disabled){background:var(--surf2)}
.sig-setting-input:has(input[aria-invalid="true"]){border-color:var(--red)}
.sig-setting-input>span{padding:0 10px;border-left:1px solid var(--line2);color:var(--ink2);font-size:12px;white-space:nowrap}
.sig-setting-error{display:block;min-height:0;margin-top:3px;color:var(--red);font-size:11.5px;line-height:1.35}
.sig-setting-error:empty{display:none}
.sig-setting-lock{max-width:290px;margin:6px 0 0;color:var(--ink2);font-size:11.5px;line-height:1.4}
.sig-setting-lock b{color:var(--ink);font-weight:700}
.sig-setting-facts{display:flex;flex-wrap:wrap;gap:4px 10px;padding-top:2px;color:var(--ink2);font-size:12px;line-height:1.45}
.sig-setting-facts span{display:block;min-width:calc(50% - 10px)}
.sig-setting-facts b{color:var(--mute);font-weight:650}
.sig-setting-facts .sig-setting-changed{min-width:100%;color:var(--mute)}
.sig-settings-references{margin-top:14px}
.sig-settings-references>header{padding:13px 18px;background:var(--surf2);border-bottom:1px solid var(--line)}
.sig-settings-references>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}
.sig-settings-references article{padding:12px 18px;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.sig-settings-references h3{margin:0;color:var(--ink);font-size:13px;font-weight:700}
.sig-settings-references article p{margin:3px 0 0;color:var(--ink2);font-size:12.5px;line-height:1.45}
.sig-settings-actions{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;align-items:center;margin-top:14px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.sig-settings-actions strong{display:block;color:var(--ink);font-size:13px}
.sig-settings-actions span{color:var(--mute);font-size:12px}
.sig-settings-buttons{display:flex;gap:8px}
.sig-settings-buttons button,.sig-settings-failure button,.sig-settings-message button{min-height:38px;padding:0 13px;border:1px solid var(--rule2,var(--line));border-radius:7px;background:var(--card);color:var(--ink);font:650 13px var(--font-ui,system-ui);cursor:pointer}
.sig-settings-buttons button:hover:not(:disabled),.sig-settings-failure button:hover,.sig-settings-message button:hover{border-color:var(--blue);color:var(--blue)}
.sig-settings-buttons .sig-settings-apply{border-color:var(--blue);background:var(--blue);color:#fff}
.sig-settings-buttons .sig-settings-apply:hover:not(:disabled){background:var(--bluedk);color:#fff}
.sig-settings-buttons button:disabled{opacity:.48;cursor:not-allowed}
.sig-settings-message{grid-column:1/-1;margin:0;color:var(--ink2);font-size:12.5px;line-height:1.4}
.sig-settings-message:empty{display:none}
.sig-settings-message[data-kind="error"]{color:var(--red)}
.sig-settings-message[data-kind="ok"]{color:var(--green)}
.sig-settings-message button{min-height:30px;margin-left:6px;border-color:currentColor;color:inherit}
.sig-settings-warning,.sig-settings-failure{padding:16px 18px;border:1px solid var(--amber);border-radius:9px;background:var(--card);color:var(--ink2);font-size:13px;line-height:1.5}
.sig-settings-warning{margin-bottom:14px}
.sig-settings-failure{max-width:650px;border-color:var(--line)}
.sig-settings-failure h1{margin:0 0 5px;color:var(--ink);font-size:19px}
.sig-settings-failure p{margin:0 0 12px}
.sig-settings-failure button{color:var(--blue)}
@media (max-width:820px){.sig-settings-actions{bottom:calc(56px + env(safe-area-inset-bottom))}}
@media (max-width:1000px){.sig-setting-row{grid-template-columns:minmax(0,1.5fr) minmax(155px,.7fr)}.sig-setting-facts{grid-column:1/-1;padding-top:0}.sig-setting-facts span{min-width:0}}
@media (max-width:620px){.sig-setting-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:13px 15px}.sig-settings-group>header,.sig-settings-references>header{padding:12px 15px}.sig-setting-input{max-width:none}.sig-setting-input input{height:42px}.sig-setting-facts{grid-column:auto}.sig-setting-facts span{min-width:calc(50% - 10px)}.sig-settings-actions{grid-template-columns:minmax(0,1fr);padding:11px 12px}.sig-settings-buttons{display:grid;grid-template-columns:1fr 1fr}.sig-settings-buttons button{min-height:44px}.sig-settings-head h1{font-size:23px}}
html[data-theme="road"] .sig-setting-about p,html[data-theme="road"] .sig-setting-facts,html[data-theme="road"] .sig-settings-references article p{font-size:14px}
html[data-theme="road"] .sig-setting-input,html[data-theme="road"] .sig-setting-input input{min-height:44px}

/* Account and security */

.account-security{max-width:1060px;margin:0 auto 36px;color:var(--ink)}
.account-heading{margin:0 0 20px}.account-kicker{font-size:11px;letter-spacing:.1em;font-weight:750;color:var(--blue)}
.account-heading h1{margin:6px 0;font:750 30px/1.15 var(--font-ui,var(--ui));letter-spacing:-.025em}.account-heading p{margin:0;color:var(--ink2);font-size:14px;line-height:1.5}
.account-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}
.account-card{background:var(--card);border:1px solid var(--line);border-radius:9px;overflow:hidden}.account-card>header{padding:16px 20px;border-top:3px solid var(--blue);border-bottom:1px solid var(--line);background:var(--bluetint)}
.account-card h2{margin:0;font-size:17px}.account-card header p{margin:5px 0 0;font-size:13px;color:var(--ink2)}.account-body{padding:20px}
.account-body label{display:block;margin-bottom:15px;font-size:13px;font-weight:650}.account-body input:not([hidden]){display:block;box-sizing:border-box;width:100%;min-width:0;margin-top:7px;padding:10px 12px;border:1px solid var(--rule2,var(--line));border-radius:6px;background:var(--card);color:var(--ink);font:16px/1.35 var(--font-ui,var(--ui));min-height:44px}
.account-body input:focus-visible,.account-security :is(button,a):focus-visible{outline:2px solid var(--blue);outline-offset:3px}.account-hint{font-size:12px;color:var(--mute);line-height:1.5;margin:0 0 15px}.account-body button+.account-hint{margin:12px 0 0}
.account-body .btn{min-height:42px}.account-facts{margin:0}.account-facts>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.account-facts dt{font-size:12px;color:var(--mute)}.account-facts dd{margin:0;font-size:13px;font-weight:650;overflow-wrap:anywhere}
.account-session{padding:18px 0 0}.account-session h3{margin:0 0 5px;font-size:14px}.account-session p{margin:0 0 10px;color:var(--ink2);font-size:13px;line-height:1.5}.account-signout{display:block;margin:22px 0 0;padding:8px 0;border:0;background:transparent;color:var(--blue);font:650 13px var(--font-ui,var(--ui));cursor:pointer}
.account-error,.account-success,.account-notice{padding:11px 13px;margin:10px 0 15px;border-left:3px solid var(--red);background:color-mix(in srgb,var(--red) 7%,var(--card));color:var(--ink);font-size:13px;line-height:1.5}.account-success{border-color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--card))}.account-notice{border-color:var(--blue);background:var(--bluetint)}
.account-required{padding:28px;max-width:960px}.account-brand{margin-bottom:24px}.account-temp-box{padding:15px;border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:6px;background:var(--surface-2)}.account-temp-box h3{margin:0 0 8px;font-size:14px}.account-temp-box p{font-size:12px;line-height:1.5;color:var(--ink2)}.account-temp-box label{font-size:12px;font-weight:650}.account-temp-box input{display:block;width:100%;box-sizing:border-box;min-width:0;padding:10px;margin:7px 0 10px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:5px;font:16px monospace}.account-temp-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:650px){.account-grid{grid-template-columns:1fr;gap:15px}.account-required{padding:20px 15px}.account-heading h1{font-size:26px}.account-body{padding:16px}.account-body .btn{min-height:44px}}
/* Roster actions may wrap to another row, but each label keeps its own height. */
.pplrow [data-act]{height:auto;min-height:42px;white-space:normal;line-height:1.35;padding:9px 12px;max-width:100%;overflow-wrap:normal}
.pplrow [data-act="temporary"]{flex:0 1 auto}
@media(max-width:650px){.pplrow [data-act]{min-height:44px}.pplrow [data-act="temporary"]{flex-basis:100%;width:100%}}

/* Pilot shell */

html[data-theme="default"] {
  --page: #fff;
  --card: #fff;
  --surface: #fff;
  --surface-2: #f1f6fc;
  --surf2: #f7faff;
  --line: #dbe6f2;
  --line2: #eaf0f7;
  --ink: #203852;
  --ink2: #405b73;
  --mute: #627b92;
  --blue: #1767b7;
  --bluetint: #eaf4ff;
}
html[data-theme="default"] body { background: #fff; }
.app { max-width: none; width: 100%; min-height: 100dvh; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.side { border-radius: 0; border-bottom: 1px solid var(--line); }
.side nav.sw-primary-nav a { font-weight: 650; letter-spacing: -.01em; color: var(--ink2); }
.side nav.sw-primary-nav a:hover,
.side nav.sw-primary-nav a:focus-visible,
.side nav.sw-primary-nav a.on { color: var(--blue); }
.side nav.sw-primary-nav a:focus-visible,
.sw-nav-more summary:focus-visible,
.tabbar a:focus-visible,
.tabbar button:focus-visible { outline: 2px solid var(--blue); outline-offset: -3px; }
.side .sw-nav-more { display: none; }
.side .sw-nav-more summary { font-size: 12px; font-weight: 700; color: var(--ink2); padding: 0 7px; }
.side .sw-nav-more summary.on { color: var(--blue); }
.side .sw-nav-more nav { display: grid; gap: 2px; padding: 7px; }
.side .sw-nav-more nav a { display: flex; align-items: center; min-height: 40px; height: auto; padding: 0 10px; border-radius: 7px; color: var(--ink2); font-size: 13px; }
.side .sw-nav-more nav a svg { display: block; width: 16px; height: 16px; }
.side .sw-nav-more nav a.on { background: var(--bluetint); color: var(--blue); }
.side .sw-nav-more nav a.on:after { display: none; }
.sw-sheet-title { font: 750 11px/1.4 var(--ui); letter-spacing: .12em; text-transform: uppercase; color: var(--mute); padding: 4px 10px 7px; }
.pilot-list-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 0 0 18px; }
.pilot-kicker { color: var(--blue); font: 750 11px/1.4 var(--ui); letter-spacing: .14em; }
.pilot-list-heading h1 { color: var(--ink); font: 700 clamp(25px, 2.5vw, 34px)/1.15 var(--ui); letter-spacing: -.035em; margin: 5px 0 5px; }
.pilot-list-heading p { color: var(--mute); font-size: 13.5px; line-height: 1.5; margin: 0; max-width: 700px; }
.pilot-primary, .pilot-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 16px; border: 1px solid var(--blue); border-radius: 9px; background: var(--blue); color: #fff; font: 700 13px/1.2 var(--ui); cursor: pointer; white-space: nowrap; }
.pilot-secondary { background: var(--card); color: var(--blue); }
.pilot-primary:hover { filter: brightness(.94); }
.pilot-secondary:hover { background: var(--bluetint); }
.pilot-primary:disabled { opacity: .6; cursor: wait; }
.pilot-primary:focus-visible, .pilot-secondary:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.pilot-create { padding: 20px; margin: 0 0 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); }
.pilot-create[hidden] { display: none; }
.pilot-create-head { margin-bottom: 16px; }
.pilot-create-head h2 { color: var(--ink); font-size: 19px; margin: 0 0 4px; }
.pilot-create-head p { color: var(--mute); font-size: 13px; margin: 0; line-height: 1.5; }
.pilot-create-grid { display: grid; grid-template-columns: 2fr 1fr 90px 1fr 1fr; gap: 12px; }
.pilot-create-grid label { display: grid; gap: 6px; color: var(--ink2); font-size: 12px; font-weight: 700; }
.pilot-create-grid input { width: 100%; min-width: 0; height: 42px; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--surf2); color: var(--ink); font: 500 14px var(--ui); }
.pilot-create-grid input:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.pilot-create-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 17px; }
.pilot-create-error { color: #a3342f; font-size: 13px; margin: 12px 0 0; }
.pilot-duplicate { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; padding: 12px; margin-top: 12px; border-radius: 9px; background: var(--surface-2); font-size: 13px; }
.pilot-duplicate b { color: var(--ink); }
.pilot-duplicate p { margin: 0; color: var(--ink2); }
.pilot-duplicate a { font-weight: 700; }
.w7cwrap { max-width: 1360px; margin: 0 auto; }
.w7csearch { max-width: 720px; }
.w7csech { margin-top: 3px; }
.w7crow { min-height: 68px; }
.w7c-main, .w7c-actions { min-width: 0; }
.w7c-meta { line-height: 1.4; margin-top: 2px; }
.w7clist { border-radius: 12px; }
.w7f-hd .w7h1 { font-size: clamp(25px, 2.4vw, 35px); letter-spacing: -.035em; }
.w7f-def { line-height: 1.5; font-size: 13.5px; }

/* Territory keeps the map and route planner, with the task controls first. */
.tv-page { font-family: var(--ui); }
.tv-hero { min-height: 0; padding: 20px 24px; gap: 24px; align-items: center; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-2); color: var(--ink); }
.tv-hero .tv-eyebrow { color: var(--blue); font-size: 11px; }
.tv-hero h1 { font-size: clamp(24px, 2.5vw, 34px); line-height: 1.16; margin: 5px 0 4px; letter-spacing: -.035em; }
.tv-hero h1 em { color: var(--ink); }
.tv-hero p { font-size: 13px; line-height: 1.5; color: var(--ink2); max-width: 580px; }
.tv-metrics { border-color: var(--line); background: var(--card); }
.tv-metrics>div { padding: 14px; }
.tv-metrics>div+div { border-left-color: var(--line); }
.tv-metrics b { color: var(--ink); font-family: var(--ui); font-size: 24px; }
.tv-metrics span { color: var(--mute); font-size: 11px; }
.tv-toolbar { align-items: center; }
.tv-toolbar label { font-size: 12px; }
.tv-toolbar input { height: 42px; font-size: 14px; }
.tv-scopes button { font-size: 13px; min-height: 38px; }
.tv-list-head, .tv-plan-head { padding: 17px; }
.tv-list-head h2, .tv-plan-head h2, .tv-map-title h2 { font-size: 19px; }
.tv-list-head p, .tv-plan-head p, .tv-map-title p { font-size: 12.5px; }
.tv-account { padding: 13px 15px; }
.tv-account-name { color: var(--blue); font-size: 14px; }
.tv-account-meta, .tv-contact, .tv-account-foot span { font-size: 12px; line-height: 1.4; }
.tv-account-foot button, .tv-more { min-height: 34px; font-size: 12px; }
.tv-segments button { font-size: 12px; min-height: 32px; }
.tv-plan-note, .tv-footer, .tv-townrail button, .tv-stop-actions button { font-size: 11px; }
.tv-stops b { font-size: 13px; }
.tv-stops small { font-size: 11px; }
.tv-directions { min-height: 43px; font-size: 13px; }
.tv-maplegend { font-size: 10px; }
.tv-attribution { font-size: 9px; }

@media (max-width: 1300px) and (min-width: 821px) {
  .side { padding-left: 18px; padding-right: 18px; gap: 9px; }
  .side .brand, .side .s7lockup { width: 135px; }
  .side .brand { margin-right: 2px; }
  .side nav.sw-primary-nav a { padding: 0 8px; font-size: 12px; }
  .side .sw-navdt { display: none; }
  .side .sw-today-view select { width: 174px; max-width: 174px; }
}
@media (max-width: 1199px) and (min-width: 821px) {
  .side nav.sw-primary-nav a:nth-child(n+5) { display: none; }
  .side .sw-nav-more { display: block; }
  .side .sw-nav-more nav a { display: flex; }
}
@media (max-width: 1050px) {
  .pilot-create-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .pilot-create-grid label:first-child { grid-column: span 2; }
  .tv-grid-layout { grid-template-columns: minmax(270px,330px) minmax(0,1fr); }
}
@media (max-width: 820px) {
  .pilot-list-heading { align-items: start; }
  .pilot-create-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .pilot-create-grid label:first-child { grid-column: 1 / -1; }
  .msheet .mbox { max-height: min(90dvh, 720px); overflow-y: auto; }
  .msheet .sw-sheet-nav { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 3px; }
  .msheet .sw-sheet-nav a { min-height: 44px; font-size: 14px; }
  .tabbar .tabmore[aria-expanded="true"] { color: var(--blue); }
  .tv-grid-layout { display: flex; flex-direction: column; }
  .tv-list { order: 0; height: auto; min-height: 0; }
  .tv-list-scroll { overflow: visible; max-height: none; }
  .tv-mapcol { order: 1; }
  .tv-plan { order: 2; }
  .tv-hero { grid-template-columns: 1fr; gap: 15px; }
  .tv-metrics { max-width: 100%; }
}
@media (max-width: 560px) {
  .pilot-list-heading { flex-wrap: wrap; gap: 12px; }
  .pilot-list-heading p { font-size: 13px; }
  .pilot-create { padding: 15px; }
  .pilot-create-grid { grid-template-columns: 1fr 1fr; }
  .pilot-create-grid label:first-child { grid-column: 1 / -1; }
  .pilot-create-grid label:nth-child(4), .pilot-create-grid label:nth-child(5) { grid-column: 1 / -1; }
  .pilot-primary, .pilot-secondary { min-height: 44px; }
  .tv-hero { padding: 17px; }
  .tv-hero h1 { font-size: 27px; }
  .tv-metrics { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .tv-metrics>div { padding: 9px; }
  .tv-metrics b { font-size: 18px; }
  .tv-metrics span { font-size: 10px; }
  .tv-maptools button { min-width: 44px; min-height: 44px; }
}

/* Portfolio */

.sp-portfolio { width:100%; max-width:1480px; min-width:0; color:var(--ink); font-family:var(--font-ui,var(--ui)); }
.sp-portfolio * { box-sizing:border-box; }
.sp-portfolio :is(a,button,input,select,summary):focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.sp-portfolio .sp-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.sp-portfolio .sp-heading { align-items:center; margin:0 0 17px; }
.sp-portfolio .sp-heading h1 { margin:4px 0 4px; color:var(--ink); font:750 clamp(29px,2.7vw,38px)/1.12 var(--font-ui,var(--ui)); letter-spacing:-.035em; }
.sp-portfolio .sp-heading p { max-width:760px; color:var(--ink2); font-size:15px; }
.sp-portfolio .sp-heading .pilot-kicker { color:var(--blue); font-size:11px; }
.sp-portfolio .sp-lenses { gap:3px; margin:0 0 12px; padding:0 0 6px; border-bottom:1px solid var(--line); }
.sp-portfolio .sp-lenses .w7cchip { min-height:37px; padding:8px 11px; border:1px solid transparent; border-radius:6px; background:transparent; color:var(--ink2); font-size:12px; font-weight:650; }
.sp-portfolio .sp-lenses .w7cchip:hover { background:var(--surface-2); color:var(--blue); }
.sp-portfolio .sp-lenses .w7cchip.on { border-color:color-mix(in srgb,var(--blue) 28%,var(--card)); background:color-mix(in srgb,var(--blue) 9%,var(--card)); color:var(--blue); }
.sp-filters { display:grid; grid-template-columns:minmax(230px,1fr) 150px 155px minmax(180px,220px); gap:9px; margin:0 0 10px; }
.sp-portfolio .sp-search { display:flex; width:auto; max-width:none; height:49px; margin:0; padding:0 13px; border:1px solid color-mix(in srgb,var(--blue) 26%,var(--line)); border-radius:6px; background:var(--card); }
.sp-portfolio .sp-search input { font-size:14px; }
.sp-filter { display:grid; gap:2px; min-width:0; min-height:49px; padding:6px 11px; border:1px solid color-mix(in srgb,var(--blue) 26%,var(--line)); border-radius:6px; background:var(--card); color:var(--ink2); font-size:11px; font-weight:600; }
.sp-filter select,.sp-filter input { width:100%; min-width:0; padding:0; border:0; background:transparent; color:var(--ink); font:650 13px/1.3 var(--font-ui,var(--ui)); }
.sp-filter input::placeholder { color:var(--mute); font-weight:450; }
.sp-filter:focus-within,.sp-portfolio .sp-search:focus-within { outline:2px solid var(--blue); outline-offset:1px; }
.sp-portfolio .sp-filter :is(select,input):focus-visible { outline:0; }
.sp-legend { display:flex; align-items:center; flex-wrap:wrap; gap:7px 16px; margin:0 0 12px; color:var(--ink2); font-size:11px; }
.sp-legend > span { display:inline-flex; align-items:center; gap:5px; }
.sp-legend i { width:7px; height:7px; border-radius:50%; background:var(--mute); }
.sp-legend .sp-key-blue { background:var(--blue); }.sp-legend .sp-key-green { background:var(--green); }.sp-legend .sp-key-amber { background:var(--amber); }.sp-legend .sp-key-red { background:var(--red); }
.sp-scope { position:relative; margin-left:auto; }
.sp-scope summary { cursor:pointer; color:var(--blue); font-weight:650; }
.sp-scope p { position:absolute; z-index:3; right:0; top:20px; width:330px; max-width:80vw; margin:0; padding:13px; border:1px solid var(--line); border-radius:6px; background:var(--card); color:var(--ink2); font-size:12px; line-height:1.5; }
.sp-portfolio #csample:empty { display:none; }.sp-portfolio #csample:not(:empty) { margin:0 0 9px; }
.sp-portfolio .w7csech { align-items:center; margin:0 0 7px; color:var(--blue); font-size:11px; }
.sp-portfolio .w7csech .w7cn2 { padding:2px 7px; border-radius:10px; background:var(--bluetint); color:var(--blue); font:750 11px/1.3 var(--font-ui,var(--ui)); }
.sp-portfolio .w7csech .w7caside { font-size:11px; }
.sp-table-wrap { width:100%; overflow:hidden; border:1px solid var(--line); border-radius:7px; background:var(--card); }
.sp-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.sp-col-account { width:29%; }.sp-col-fleet { width:11%; }.sp-col-stage { width:14%; }.sp-col-age { width:10%; }.sp-col-notes { width:14%; }.sp-col-owner { width:14%; }.sp-col-open { width:8%; }
.sp-table thead th { text-align:left; }
.sp-table .sp-groups th { height:34px; padding:8px 12px; border-right:3px solid var(--card); background:color-mix(in srgb,var(--blue) 9%,var(--card)); color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }
.sp-table .sp-groups th:nth-child(2) { background:color-mix(in srgb,var(--amber) 10%,var(--card)); color:var(--amber); }
.sp-table .sp-groups th:nth-child(3) { background:color-mix(in srgb,var(--teal) 9%,var(--card)); color:var(--teal); }
.sp-table .sp-groups th:last-child { border-right:0; }
.sp-table .sp-columns th { height:34px; padding:6px 12px; border-bottom:1px solid var(--line); background:var(--surface-2); color:var(--ink2); font-size:11px; font-weight:650; }
.sp-table .sp-row { cursor:pointer; border-top:1px solid var(--line); }
.sp-table .sp-row:hover,.sp-table .sp-row:focus-within { background:color-mix(in srgb,var(--blue) 5%,var(--card)); }
.sp-table .sp-row.is-expanded { background:color-mix(in srgb,var(--blue) 9%,var(--card)); border-top-color:color-mix(in srgb,var(--blue) 40%,var(--card)); }
.sp-table .sp-row > :is(th,td) { min-width:0; padding:10px 12px; vertical-align:middle; text-align:left; overflow-wrap:anywhere; }
.sp-table .sp-row strong,.sp-table .sp-account .sp-company-link { display:block; color:var(--ink); font-size:12px; font-weight:700; line-height:1.3; }
.sp-table .sp-row small { display:block; margin-top:3px; color:var(--mute); font-size:11px; font-weight:450; line-height:1.3; }
.sp-table .sp-missing { color:var(--mute); font-size:14px; }
.sp-account-identity { display:flex; align-items:center; gap:10px; }
.sp-account-identity > div { min-width:0; }
.sp-avatar { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; font-size:12px; font-weight:750; color:var(--blue); background:color-mix(in srgb,var(--blue) 18%,var(--card)); }
.sp-avatar-1 { color:var(--teal); background:color-mix(in srgb,var(--teal) 18%,var(--card)); }
.sp-avatar-2 { color:var(--violet); background:color-mix(in srgb,var(--violet) 18%,var(--card)); }
.sp-avatar-3 { color:var(--hot); background:color-mix(in srgb,var(--hot) 18%,var(--card)); }
.sp-avatar-4 { color:var(--red); background:color-mix(in srgb,var(--red) 15%,var(--card)); }
.sp-avatar-5 { color:var(--green); background:color-mix(in srgb,var(--green) 18%,var(--card)); }
.sp-table .sp-company-link { text-decoration:none; }
.sp-table .sp-company-link:hover,.sp-table .sp-company-link:focus-visible { color:var(--blue); text-decoration:underline; text-underline-offset:2px; }
.sp-table .sp-family { display:inline-block; margin:3px 0 0; padding:1px 5px; border-radius:4px; background:var(--surface-2); color:var(--ink2); font-size:10px; font-weight:600; }
.sp-table .sp-stage { --status-tone:var(--mute); }
.sp-table .sp-stage[data-stage="new"] { --status-tone:var(--blue); }
.sp-table .sp-stage[data-stage="hot"] { --status-tone:var(--amber); }
.sp-table .sp-stage[data-stage="working"] { --status-tone:var(--blue); }
.sp-table .sp-stage[data-stage="customer"] { --status-tone:var(--green); }
.sp-table .sp-stage[data-stage="quiet"] { --status-tone:var(--red); }
.sp-table .sp-stage .sp-status { display:inline-flex; align-items:center; gap:6px; padding:4px 7px; border-radius:4px; color:var(--status-tone); background:color-mix(in srgb,var(--status-tone) 9%,var(--card)); font-size:11px; }
.sp-status::before,.sp-estimate::before { content:""; width:6px; height:6px; flex:none; border-radius:50%; background:currentColor; }
.sp-table .sp-estimate { display:flex !important; align-items:center; gap:6px; color:var(--amber) !important; }
.sp-table .sp-owner a { display:inline-block; margin-top:4px; color:var(--blue); font-size:11px; font-weight:650; text-decoration:none; }
.sp-table .sp-owner a:hover { text-decoration:underline; }
.sp-table .sp-row .sp-open { padding:7px 8px 7px 0; text-align:right; }
.sp-details-toggle { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:32px; padding:5px 8px; border:1px solid color-mix(in srgb,var(--blue) 25%,var(--line)); border-radius:5px; background:var(--card); color:var(--blue); font:650 11px/1.2 var(--font-ui,var(--ui)); cursor:pointer; }
.sp-details-toggle:hover { background:var(--bluetint); }
.sp-details-chevron { font-size:15px; }
.sp-details-toggle[aria-expanded="true"] .sp-details-chevron { transform:rotate(180deg); }
.sp-table .sp-detail-row[hidden] { display:none !important; }
.sp-detail-row > td { padding:0; border-bottom:1px solid color-mix(in srgb,var(--blue) 40%,var(--card)); }
.sp-detail-grid { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:0; padding:17px 20px 18px; border-left:3px solid var(--blue); background:var(--card); }
.sp-detail-grid section { min-width:0; padding:0 20px; border-left:1px solid var(--line); }
.sp-detail-grid section:first-child { padding-left:0; border-left:0; }
.sp-detail-grid section:last-child { padding-right:0; }
.sp-detail-label { display:block; color:var(--blue); font-size:10px; font-weight:750; letter-spacing:.07em; text-transform:uppercase; }
.sp-detail-grid h3 { margin:6px 0 5px; color:var(--ink); font-size:14px; font-weight:700; line-height:1.3; }
.sp-detail-grid p { margin:0 0 7px; color:var(--ink2); font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
.sp-detail-grid small { display:block; color:var(--mute); font-size:10.5px; line-height:1.4; }
.sp-detail-call { display:inline-flex; gap:6px; align-items:center; min-height:32px; padding:5px 9px; border:1px solid color-mix(in srgb,var(--blue) 35%,var(--card)); border-radius:5px; color:var(--blue); font-size:13px; font-weight:650; text-decoration:none; }
.sp-detail-open { display:inline-flex; gap:15px; align-items:center; justify-content:center; min-height:34px; padding:7px 14px; border-radius:5px; background:var(--blue); color:var(--card); font-size:12px; font-weight:700; text-decoration:none; }
.sp-detail-open:hover { background:var(--bluedk); }
.sp-table .sp-row.is-sample { background:var(--sample-tint,#fbf1f8); }
.sp-table .sp-row.is-sample > :first-child { border-left:3px dashed var(--sample,#a0338a); }
.sp-table .sp-empty td { padding:23px 18px; color:var(--mute); font-size:13px; }
.sp-table .sp-empty b { display:block; color:var(--ink); font-size:14px; }.sp-table .sp-empty span { display:block; margin-top:4px; }
.sp-portfolio .sp-tbody.busy { opacity:.55; }
.sp-portfolio .w7cend { margin:10px 0 0; }
.sp-portfolio button.w7endl-more { padding:10px 13px; border:1px solid var(--line); border-radius:6px; background:var(--card); color:var(--blue); font-size:12px; font-weight:700; }
.sp-portfolio button.w7endl-more:hover { background:var(--bluetint); text-decoration:none; }
.sp-portfolio .sp-remaining { margin-left:10px; color:var(--mute); font-size:12px; }
@media (max-width:1050px) {
  .sp-filters { grid-template-columns:minmax(200px,1fr) repeat(2,145px); }.sp-equipment { grid-column:1/-1; }
}
@media (max-width:900px) {
  .sp-table colgroup,.sp-table thead { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); }
  .sp-table,.sp-table tbody { display:block; }
  .sp-table .sp-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 14px; padding:13px 15px; }
  .sp-table .sp-row:first-child { border-top:0; }
  .sp-table .sp-row > :is(th,td) { display:block; padding:0; }
  .sp-table .sp-account { grid-column:1/-1; padding-bottom:9px !important; border-bottom:1px solid var(--line); }
  .sp-table .sp-account .sp-company-link { font-size:15px; }
  .sp-table .sp-row td:not(.sp-open)::before { content:attr(data-label); display:block; margin-bottom:5px; color:var(--ink2); font-size:10px; font-weight:700; text-transform:uppercase; }
  .sp-table .sp-row strong { font-size:13px; }.sp-table .sp-row small { font-size:11.5px; }
  .sp-table .sp-row .sp-open { display:flex; align-items:flex-end; justify-content:flex-end; padding:0; }
  .sp-details-toggle { min-height:44px; padding:8px 12px; font-size:12px; }
  .sp-detail-row,.sp-detail-row > td { display:block; }
  .sp-detail-grid { grid-template-columns:1fr; gap:13px; padding:16px; }
  .sp-detail-grid section { padding:13px 0 0; border-left:0; border-top:1px solid var(--line); }
  .sp-detail-grid section:first-child { padding:0; border-top:0; }
  .sp-detail-open,.sp-detail-call { min-height:44px; }
}
@media (max-width:650px) {
  .sp-portfolio .sp-heading { align-items:flex-start; gap:10px; }.sp-portfolio .sp-heading h1 { font-size:27px; }.sp-portfolio .sp-heading p { font-size:13px; }
  .sp-portfolio .sp-heading .pilot-primary { min-height:44px; }
  .sp-portfolio .sp-lenses { overflow-x:auto; margin-bottom:10px; }
  .sp-portfolio .sp-lenses .w7cchip { min-height:44px; }
  .sp-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }.sp-portfolio .sp-search,.sp-equipment { grid-column:1/-1; }
  .sp-filter { min-height:50px; }.sp-filter input,.sp-filter select,.sp-portfolio .sp-search input { font-size:16px; }
  .sp-legend { gap:7px 12px; font-size:10px; }.sp-scope { margin-left:0; }
  .sp-scope p { position:static; width:auto; max-width:none; margin-top:8px; }.sp-scope[open] { flex-basis:100%; }
  .sp-portfolio .w7csech { flex-wrap:wrap; }.sp-portfolio .w7csech .w7caside { width:100%; margin:0; }
}