/* Authoritative workspace geometry. Color and surface treatment live in refined.css; * provider styling lives in provenance.css. Keep density and breakpoints here. */ :root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--control-height:36px;--layout-gutter:20px;--layout-gap:12px;--panel-padding:16px} .app.command-shell{grid-template-columns:208px minmax(0,1fr)} .app.command-shell .side{width:208px;padding:20px 12px 16px;top:var(--env-offset,0px);height:calc(100vh - var(--env-offset,0px));height:calc(100dvh - var(--env-offset,0px));min-height:0} .app.command-shell .side .brand{padding:4px 10px 16px;margin:0 0 16px} .app.command-shell .side .s7lockup,.app.command-shell .side .s7lockup .s7logo{width:164px} .app.command-shell .side nav.sw-primary-nav{gap:4px} .app.command-shell .side nav.sw-primary-nav a{height:44px;min-height:44px;padding:8px 12px;gap:12px;font-size:14px} .app.command-shell .side nav.sw-primary-nav a svg{width:21px;height:21px} .app.command-shell .command-nav-foot{margin-left:10px;margin-right:10px;padding-top:12px} .app.command-shell>.main>header.top{top:var(--env-offset,0px);height:var(--topbar-height,60px);min-height:var(--topbar-height,60px);padding:0 var(--layout-gutter);gap:12px;align-items:center} .app.command-shell>.main>.wrap{padding:0 var(--layout-gutter) 28px;max-width:1700px} .app.command-shell .top :is(.srch,.sg-quick-note,.acctbtn){height:var(--control-height);min-height:var(--control-height)} .app.command-shell .top .srch{padding:0 10px;gap:6px;border-radius:var(--radius-control,6px);font-size:13px} .app.command-shell .top .srch svg{width:16px;height:16px;flex:none} .app.command-shell .top .srch .srchtxt{font-size:13px} .app.command-shell .top .sg-quick-note{padding:0 12px;border-radius:var(--radius-control,6px);font:600 13px/1.2 var(--font-ui)} .app.command-shell .top .sg-quick-note svg{width:16px;height:16px} .app.command-shell .top .acctbtn .av{width:32px;height:32px;font-size:12px} .app.command-shell .top .sw-today-view select{height:var(--control-height);min-height:var(--control-height);width:auto;max-width:none;padding:0 28px 0 10px;border-radius:var(--radius-control,6px);font:600 13px/1.2 var(--font-ui);color:var(--ink)} #wrap :is(.btn,.w7btn,.sd-button,.rf-primary,.rf-export,.pilot-primary,.pilot-secondary,.sig-settings-buttons button):not(:where(.w7f-linkbtn)),:is(.w6drawer,.sg-notedlg-wrap) :is(.btn,.w7btn,.rf-primary){min-height:var(--control-height);height:auto;padding:0 14px;border-radius:var(--radius-control,6px);font:600 13px/1.2 var(--font-ui);display:inline-flex;align-items:center;justify-content:center;gap:6px} #wrap :is(.btn,.w7btn,.sd-button,.rf-primary,.rf-export,.pilot-primary,.pilot-secondary) svg,:is(.w6drawer,.sg-notedlg-wrap) :is(.btn,.w7btn,.rf-primary) svg{width:16px;height:16px;flex:none} #wrap :is(.sf-page-head,.sd-page-head,.sp-heading,.w7f-hd,.ca-heading,.sig-settings-head,.account-heading){padding:0 0 var(--space-4);margin:0 0 var(--section-gap,16px);border-bottom:1px solid var(--line);gap:var(--space-3) var(--space-4);align-items:center} #wrap :is(.sf-page-head h1,.sd-page-head h2,.sp-heading h1,.w7f-hd h1,.ca-heading h2,.sig-settings-head h1,.account-heading h1,.tv-hero h1){font:700 26px/1.2 var(--font-ui);letter-spacing:-.035em;color:var(--ink);margin:0} #wrap :is(.sf-page-head p,.sd-page-head p,.sp-heading p,.w7f-hd .w7sub,.ca-heading p,.sig-settings-head p,.account-heading p,.tv-hero p){font-size:13px;line-height:1.45;margin:var(--space-1) 0 0;color:var(--mute)} #wrap :is(.sf-eyebrow,.sd-eyebrow,.pilot-kicker,.w7dateline,.ca-heading>span,.sig-settings-eyebrow,.account-kicker,.tv-eyebrow){font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;color:var(--blue)} #wrap :is(.cp-workspace,.w7f-split,.ca-workspace,.ca-team-workspace,.tv-grid-layout,.cd-layout,.cp-layout,.rf-account-layout){gap:var(--layout-gap)} #wrap :is(.rf-account-main,.rf-account-aside,.tv-sidecol,.sig-settings-groups){gap:var(--layout-gap)} #wrap :is(.cp-account-panel,.ca-detail){top:var(--sticky-top,72px)} #wrap :is(.cp-panel-label,.ca-detail-label,.cd-records-label,.tv-map-title,.tv-townrail>b,.cp-definitions>h2,.tc-selected-title,.cd-command .sd-clues>summary b){display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:40px;margin:0;padding:0 var(--panel-padding);border-bottom:1px solid var(--line);border-radius:0;background:var(--bluetint);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--blue)} #wrap :is(.cp-panel-body,.ca-detail-body,.rf-account-card,.rf-fleet-card,.sg-history,.ev-panel){padding:var(--panel-padding)} #wrap :is(.cp-panel-body>section,.ca-note-record,.ca-note-source){padding:12px 0;margin-top:12px} #wrap .cp-panel-body .cp-panel-meta{margin-bottom:12px} #wrap .cp-panel-body h3{margin-bottom:8px} #wrap .cp-panel-body .cp-note{margin-bottom:10px} #wrap .ca-note-record{min-height:0} #wrap .ca-note-record p{line-height:1.5} #wrap :is(.ca-detail-link,.cp-panel-foot){margin-top:12px} /* One brief header, two aligned columns, one compact footer. Sources stay with text. */ #wrap .context-brief{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px 20px;padding:16px 20px;margin:0 0 12px;align-items:start} #wrap .cb-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0} #wrap .cb-heading h2{font:700 26px/1.2 var(--font-ui);letter-spacing:-.035em;color:var(--ink);margin:4px 0 0} #wrap .cb-date{position:static;flex:none;font-size:11px;padding-top:1px;margin:0} #wrap .cb-kicker{font-size:10px;line-height:1.4;letter-spacing:.1em} #wrap .context-brief .cb-overview{min-width:0} #wrap .context-brief :is(.cb-summary-label,.cb-priorities>h3){font:650 13px/1.4 var(--font-ui);text-transform:none;letter-spacing:0;color:var(--ink);margin:0 0 6px} #wrap .cb-priorities{padding:0 0 0 20px;margin:0;border-left:1px solid var(--line);border-top:0} #wrap .cb-overview-text,#wrap .cb-status{font-size:13px;line-height:1.5;color:var(--ink2);margin:0} #wrap .cb-priorities ol{gap:12px} #wrap .cb-priorities li{padding-left:30px} #wrap .cb-priorities li::before{font-size:15px} #wrap .cb-category{font-size:12px;text-transform:none;letter-spacing:0} #wrap .context-brief .cb-sources{gap:6px;margin:6px 0 0} #wrap .cb-citation{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px} #wrap .cb-citation>.schip{margin:0} #wrap .cb-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;border-top:1px solid var(--line2);padding-top:8px} #wrap .cb-coverage,#wrap .cb-footer{margin:0;font-size:10px;line-height:1.4} #wrap .cb-footer{gap:8px} #wrap .context-brief .cb-footer button{min-height:28px;padding:4px 8px} #wrap .rf-account-main .context-brief{display:grid;grid-template-columns:1fr;margin:0;padding:16px} #wrap .rf-account-main .cb-heading h2{font-size:22px} #wrap .rf-account-main .cb-priorities{border-left:0;border-top:1px solid var(--line);padding:12px 0 0} /* Today: compact rows connected to one selected brief. */ #wrap .tc-metrics{gap:8px;margin:0 0 12px;padding:0} #wrap .tc-metric{padding:8px 12px;min-height:44px;gap:10px} #wrap .tc-metric strong{font-size:21px} #wrap .tc-metric-icon{width:28px;height:28px} #wrap .tc-metric span{font-size:11px} #wrap .rf-manager-workspace{margin-top:12px;grid-template-columns:minmax(250px,.32fr) minmax(0,.68fr)} #wrap .rf-manager-workspace .tc-section-head{padding-right:16px;margin-bottom:6px} #wrap .rf-manager-workspace .tc-section-head h2,#wrap .w7t-head .w7h1{font-size:24px;line-height:1.2;margin:0} #wrap .rf-manager-workspace .tc-rank-note{padding-right:16px;margin:0 0 8px;font-size:11px;line-height:1.4} #wrap .rf-manager-list{padding-top:0} #wrap .rf-manager-list .tc-prospect-select{min-height:80px;padding:12px 16px;gap:10px;align-items:center} #wrap .rf-manager-list .tc-prospect-select b{font-size:13px;line-height:1.35} #wrap .rf-manager-list .tc-prospect-select small{font-size:11px;line-height:1.4;margin-top:3px} #wrap .rf-manager-list .tc-signal{margin-top:4px;font-size:10px} #wrap .rf-manager-list .tc-avatar{width:36px;height:36px;font-size:13px} #wrap .rf-manager-workspace .rf-company-brief,#wrap .w7t-pane{padding:16px;min-height:0;top:72px} #wrap .rf-company-brief .rf-brief-head{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;margin-bottom:12px} #wrap .rf-company-brief .rf-brief-head>div:last-child{grid-column:3;display:grid;gap:6px;justify-content:end;text-align:right} #wrap .rf-company-brief .rf-brief-head .rf-avatar{width:44px;height:44px;font-size:18px} #wrap .rf-company-brief .rf-brief-name{font-size:20px;line-height:1.25;margin-bottom:4px} #wrap .rf-owner{font-size:10px;margin:0} #wrap .rf-brief-banner{padding:8px 10px;margin-bottom:10px;line-height:1.4} #wrap .rf-fact-strip{padding:0 0 12px;margin-bottom:12px;align-items:start} #wrap .rf-fact-strip>div{align-content:start;gap:3px;padding:0 12px;min-width:0} #wrap .rf-fact-strip>div:first-child{padding-left:0} #wrap .rf-fact-strip>div:last-child{padding-right:0} #wrap .rf-fact-strip b{font-size:17px;line-height:1.3} #wrap .rf-fact-strip :is(span,a){line-height:1.4} #wrap .rf-brief-section{padding-bottom:12px;margin-bottom:12px} #wrap .rf-brief-section h3{font-size:13px;margin:0 0 5px} #wrap .rf-brief-section p{line-height:1.5} #wrap .rf-other-clues{margin-top:8px;padding-top:8px} #wrap .rf-log{padding:12px;margin-top:12px} #wrap .rf-log-head{margin-bottom:8px} #wrap .rf-log-head h3{font-size:15px;margin:0} #wrap .rf-log-types{margin-bottom:8px} #wrap .rf-log textarea{min-height:60px;padding:8px 10px} #wrap .rf-log-bottom{margin-top:8px;gap:8px} #wrap .rf-log-message:empty{display:none} #wrap .rf-team-disclosure{margin-top:12px;padding:12px 16px} #wrap .rf-team-disclosure>summary{font-size:13px} #wrap .w7t-head{padding-bottom:12px;margin-bottom:0} #wrap .w7tday .w7list .rf-prospect-row{min-height:76px;padding-top:10px;padding-bottom:10px} /* Company identity has a dedicated layout, free of the older flat vitals grid. */ #wrap .rf-record-head{margin:0 0 12px} .rf-record-trail{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-height:24px} .rf-record-back{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--blue);font:500 12px/1.4 var(--font-ui);cursor:pointer} .rf-record-back svg{width:16px;height:16px} #wrap .rf-record-trail .sg-headlinks{display:flex;flex-wrap:wrap;gap:12px;margin:0;align-items:center} .rf-record-heading{display:flex;justify-content:space-between;gap:20px;align-items:center} .rf-record-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1} #wrap .rf-record-head .rf-record-avatar{width:52px;height:52px;font-size:20px} .rf-record-name{min-width:0} .rf-record-name h2{font:700 26px/1.2 var(--font-ui);letter-spacing:-.035em;margin:0;overflow-wrap:anywhere} .rf-record-name .w4facts{font-size:12px;line-height:1.5;margin:6px 0 0;color:var(--mute)} .rf-record-name .idb{font-size:10px;min-height:22px;margin:3px 0 0 4px} .rf-record-controls{display:grid;grid-template-columns:auto auto;gap:8px 12px;flex:none;max-width:100%;align-items:center} .rf-record-status,.rf-record-owner,.rf-record-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} .rf-record-status{grid-column:2;grid-row:1;flex-wrap:nowrap} .rf-record-owner{grid-column:1;grid-row:1;flex-wrap:nowrap} .rf-record-actions{grid-column:1/-1;grid-row:2} #wrap .rf-record-owner>.sg-field-label{margin:0;font-size:10px;white-space:nowrap;line-height:1.4} .rf-record-owner .own{position:relative;display:flex;align-items:center;gap:6px} .rf-record-owner .ini{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:10px;font-weight:600} .rf-record-owner{font-size:11px} .rf-record-owner .av{width:24px;height:24px;font-size:10px} .rf-record-owner select{max-width:160px;min-height:36px;font-size:12px} #wrap .rf-record-status .w4say{padding:0 8px;border-radius:6px;min-height:32px;gap:6px} .rf-record-status .w4say select{min-height:30px;font-size:11px;padding:4px 6px} #wrap .rf-record-actions .sg-logtouch{width:auto;min-width:0;margin:0;flex:none} #wrap .rf-record-actions{margin:0} #wrap .sg-record>.w6tabs>.w6tablist{gap:12px;margin:0;min-height:40px} #wrap .sg-record>.w6tabs>.w6tablist .w6tab{padding:10px 12px;min-height:40px;font-size:12px} #wrap .sg-record .w6panels{padding:0;border:0;background:none;box-shadow:none} #wrap .sg-record>.w6tabs>.w6panel{padding:12px 0 0;border:0;background:none;box-shadow:none} #wrap .rf-company-fields{gap:10px;margin-top:10px} #wrap .rf-company-field{gap:3px;padding-bottom:10px} #wrap .rf-contact-preview{margin:8px 0 12px} #wrap .rf-activity>div{padding-bottom:12px} #wrap .rf-activity p{line-height:1.45} /* Fleet controls, charts and source footers follow the same card rhythm. */ #wrap .rf-fleet-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-4);padding:0;border:0} #wrap .rf-fleet-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-3)} #wrap .rf-fleet-heading h2{margin:0;font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;color:var(--ink)} #wrap .rf-fleet-heading p{margin:var(--space-1) 0 0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .rf-fleet-heading>span{max-width:none;font-size:12px;line-height:1.45;color:var(--mute);text-align:right} #wrap .rf-fleet-stats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--layout-gap);margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none} #wrap .rf-fleet-stats>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-1);min-width:0;min-height:64px;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--refined-panel);box-shadow:var(--refined-shadow)} #wrap .rf-fleet-stats b{font:700 22px/1.1 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink)} #wrap .rf-fleet-stats span{font-size:12px;line-height:1.35;color:var(--mute)} #wrap .rf-fleet-stats small{font-size:11px;line-height:1.4;color:var(--mute)} #wrap .rf-fleet-stats+.source-footer{margin:var(--space-2) 0 0;padding:0;border:0} #wrap .rf-fleet-stats~.rf-fleet-caption{margin:var(--space-1) 0 0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap :is(.rf-fleet-grid,.rf-powertrain-grid,.rf-vehicles){gap:var(--layout-gap);margin:0} #wrap .rf-fleet-stats~:is(.rf-fleet-grid,.rf-powertrain-grid){margin-top:var(--section-gap)} #wrap .rf-powertrain-grid .rf-fleet-card{min-height:0} #wrap .rf-fleet-caption{margin:0 0 var(--space-3);font-size:12px;line-height:1.45} #wrap .rf-chart{gap:var(--space-2);margin:0} #wrap .rf-chart-link{align-self:flex-end;margin-top:auto;padding:var(--space-3) 0 0;font:600 12px/1.4 var(--font-ui)} #wrap .rf-donut{flex:0 0 88px;width:88px;min-width:88px} #wrap .rf-type-mix{gap:var(--space-3);margin:0} #wrap .rf-chart-provenance{margin-top:auto;padding-top:var(--space-2)} #wrap .rf-chart-link+.rf-chart-provenance{margin-top:var(--space-3)} #wrap .rf-vehicle-filters{gap:var(--space-2);margin-bottom:var(--space-3)} #wrap .rf-vehicle-filters :is(input,select){height:var(--control-height);min-height:var(--control-height);padding:0 10px;font-size:13px} #wrap .rf-view-toggle button{min-height:28px;padding:0 12px} #wrap .rf-fleet .rf-fleet-sources{margin:var(--space-2) 0 0;padding:0 var(--panel-padding);border-radius:var(--radius-panel);box-shadow:none} #wrap .rf-fleet .rf-fleet-sources>summary{display:list-item;padding:10px 0;font:600 13px/20px var(--font-ui);color:var(--ink)} #wrap .rf-fleet .rf-fleet-sources[open]{padding-bottom:var(--panel-padding)} /* Sources remain beneath their value, with dates flowing naturally on narrow cards. */ #wrap .sg-contacts-intro{margin:0 0 12px;gap:12px} #wrap .sg-contact-cards{gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start} #wrap .sg-contact-card{padding:16px;border-radius:9px;background:var(--refined-panel)} #wrap .sg-contact-card>header{margin-bottom:12px;gap:12px} #wrap .sg-contact-card>header>div{flex:1;min-width:0} #wrap .sg-contact-card>header>.btn{flex:none;white-space:nowrap} #wrap .sg-contact-card>header p{margin-top:3px} #wrap .sg-contact-card h4{font-size:18px} #wrap .sg-contact-channels{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))} #wrap .sg-contact-channels>div{padding-bottom:10px} #wrap .sg-contact-card>footer{margin:0;padding:0;border:0} #wrap .sg-contact-sources{padding-top:8px} #wrap .sg-delivr-finding{margin:8px 0 12px;padding:12px} /* Activity and the working lists share row, toolbar and disclosure spacing. */ #wrap .crm-followups{padding:12px 16px;margin:0 0 12px} #wrap .crm-fu-head{gap:12px} #wrap .crm-fu-head h2{font-size:15px} #wrap .crm-fu-head p{font-size:12px;margin-top:3px} #wrap .crm-fu-empty{font-size:12px;margin-top:8px} #wrap .rf-activity-heading{margin-bottom:12px} #wrap .rf-activity-heading h2{font-size:22px;margin-bottom:4px} #wrap .rf-activity-heading p{font-size:12px;line-height:1.45} #wrap .rf-activity-page .w6tlbar{padding:8px 0;margin:8px 0;gap:8px;align-items:center} #wrap .rf-activity-page .w6tlbar :is(button,select,input){min-height:36px;font-size:12px} #wrap .rf-activity-page .w6comp{margin:12px 0;padding:12px 16px} #wrap .rf-activity-page .sg-field-label{font-size:15px;margin-bottom:8px} #wrap .rf-activity-page .w4dayg{margin:0;padding:8px 0} #wrap .rf-activity-page .w4evs{display:grid;gap:8px} #wrap .rf-activity-page .w4ev{padding:12px 16px;margin:0;gap:12px} #wrap .rf-activity-page .nh{margin-bottom:6px} #wrap .rf-activity-page .nt{font-size:13px;line-height:1.55} #wrap .rf-note-provenance{margin-top:8px} #wrap .w6strip{gap:8px;margin:0 0 12px} #wrap :is(.sd-summary,.cp-metrics){gap:12px;margin:0 0 var(--section-gap,16px)} #wrap .sd-metric{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:64px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-panel,8px);text-align:left} #wrap .sd-metric b{flex:none;font:700 22px/1.1 var(--font-ui);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--ink)} #wrap .sd-metric span{margin:0;font:400 12px/1.35 var(--font-ui);color:var(--mute)} #wrap .cp-metric{min-height:64px;padding:12px 16px} #wrap .cp-metric strong{font:700 22px/1.1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink)} #wrap .cp-records-head{margin:0 0 12px} #wrap .cp-records-head h2,#wrap .sd-board-toolbar h3{margin:0;font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;color:var(--ink)} #wrap .sd-board-toolbar{padding:0 0 12px} #wrap .sd-filters{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));align-items:end;gap:12px;padding:12px;margin:0 0 12px;border:1px solid var(--line);border-radius:var(--radius-panel,8px);background:var(--surface-2)} #wrap .sd-filters :is(input,select){height:var(--control-height);min-height:var(--control-height);padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-control,6px);background:var(--surface);color:var(--ink);font-size:13px} #wrap .sd-state{min-height:220px;padding:32px 24px} #wrap .sd-state-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px} #wrap .sd-state p{margin:8px 0 16px} #wrap .sd-row{min-height:56px;padding:10px 16px} #wrap .sd-row :is(.sd-company-link,.sd-deal-identity strong,.sd-cell-main){font-size:13px} #wrap .sd-row .sd-cell-sub{font-size:12px;line-height:1.4} #wrap .sp-filters{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));align-items:end;gap:12px;padding:12px;margin:0 0 12px;border:1px solid var(--line);border-radius:var(--radius-panel,8px);background:var(--surface-2)} #wrap .sp-filters :is(.sp-filter,.sp-search){height:auto;min-height:0;padding:0} #wrap .sp-filters :is(input,select){height:var(--control-height);line-height:1.2} #wrap .cp-prospects .w7f-bar{margin-bottom:12px} #wrap .cp-workspace .sp-table .sp-row>:is(th,td){height:56px;padding:10px 12px;vertical-align:middle} #wrap .ca-notes .w6strip .w6si{padding:10px 14px;min-height:60px} #wrap .ca-notes .ca-filters{padding:8px 12px;margin-bottom:12px;gap:8px} #wrap .ca-note-row{min-height:78px;padding:10px 12px;gap:10px} #wrap .ca-team-row{min-height:58px;padding-top:10px;padding-bottom:10px} #wrap .ca-team-header{min-height:34px;padding-top:8px;padding-bottom:8px} #wrap .ca-team-summary{margin:0 0 12px;padding:12px 0} #wrap .ca-person-metrics{gap:12px;padding:12px 0;margin:12px 0} #wrap .command-territory .tv-hero{margin-bottom:var(--section-gap,16px)} #wrap .command-territory .tv-metrics{margin-top:12px;padding:8px 0} #wrap .command-territory .tv-toolbar{padding:8px 12px;gap:12px;margin-bottom:12px} #wrap .tv-mapcol,#wrap .tv-townrail,#wrap .tv-plan,#wrap .ca-detail{border-radius:8px} #wrap .sig-setting-row{padding:12px 16px;gap:16px} #wrap .sig-settings-group>header{padding:12px 16px} #wrap .sig-settings-group{border-radius:8px} #wrap .src-family{margin-bottom:16px} #wrap .src-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px} #wrap .src-row{padding:16px;border-radius:8px} #wrap .src-row :is(.src-about>div,.src-facts>div){grid-template-columns:144px minmax(0,1fr);gap:12px} #wrap .src-fhead{margin-bottom:12px;padding-bottom:8px} #wrap .account-grid{gap:12px} @media(max-width:1200px){ #wrap .sp-filters{grid-template-columns:repeat(4,minmax(0,1fr))} #wrap .sd-filters{grid-template-columns:repeat(3,minmax(0,1fr))} #wrap :is(.sp-search,.sd-filter-search){grid-column:1/-1} #wrap .rf-manager-workspace{grid-template-columns:minmax(230px,.36fr) minmax(0,.64fr)} #wrap .rf-company-brief .rf-brief-head{grid-template-columns:40px minmax(0,1fr)} #wrap .rf-company-brief .rf-brief-head>div:last-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;text-align:left} .rf-record-heading{align-items:flex-start;gap:16px} .rf-record-controls{grid-template-columns:1fr;max-width:290px} .rf-record-status,.rf-record-owner,.rf-record-actions{grid-column:auto;grid-row:auto} .rf-record-name h2{font-size:24px} } @media(max-width:1000px){ #wrap .rf-fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #wrap .rf-fleet-grid>.rf-fleet-card:last-child{grid-column:1/-1} #wrap .rf-fleet-grid>.rf-fleet-card:last-child .rf-chart{grid-template-columns:1fr} #wrap .rf-powertrain-grid{grid-template-columns:1fr} #wrap .rf-account-layout{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)} } @media(max-width:820px){ :root{--layout-gutter:16px} .app.command-shell{display:block} .app.command-shell>.main>header.top,body[data-signal-route=today] .app.command-shell>.main>header.top{height:var(--topbar-height);min-height:var(--topbar-height);padding:0 var(--layout-gutter);gap:var(--space-2);align-items:center} .app.command-shell>.main>.wrap{padding:8px 16px 88px} #wrap :is(.sf-page-head h1,.sd-page-head h2,.sp-heading h1,.w7f-hd h1,.ca-heading h2,.tv-hero h1){font-size:24px} #wrap .context-brief{grid-template-columns:1fr;padding:16px;gap:12px} #wrap .cb-heading{flex-wrap:wrap;gap:6px} #wrap .cb-heading h2{font-size:24px} #wrap .cb-priorities{border-left:0;border-top:1px solid var(--line);padding:12px 0 0} #wrap .rf-manager-workspace{grid-template-columns:1fr;gap:12px} #wrap .rf-manager-list .tc-prospect{margin-right:0} #wrap .rf-manager-list .tc-prospect.is-selected{border-right:1px solid var(--line);border-radius:8px;margin-right:0} #wrap .rf-manager-workspace .tc-section-head,#wrap .rf-manager-workspace .tc-rank-note{padding-right:0} #wrap .rf-account-layout{grid-template-columns:1fr} .rf-record-heading{flex-direction:column;gap:12px} .rf-record-controls{display:flex;flex-wrap:wrap;justify-content:flex-start;max-width:none;gap:8px 12px} .rf-record-status,.rf-record-owner,.rf-record-actions{justify-content:flex-start} .rf-record-name h2{font-size:23px} #wrap .rf-record-trail .sg-headlinks{gap:8px} #wrap .sg-record>.w6tabs>.w6tablist{gap:0;overflow:auto} #wrap .sg-record>.w6tabs>.w6tablist .w6tab{padding:10px 8px;white-space:nowrap} #wrap .rf-activity-page .w6tlbar{flex-wrap:wrap} #wrap .rf-activity-page .w6tlbar .w5tlsearch{flex-basis:100%;max-width:none} #wrap :is(.sp-filters,.sd-filters){grid-template-columns:repeat(2,minmax(0,1fr))} #wrap .sd-filters>label:last-child{grid-column:1/-1} #wrap .sd-row{padding:12px 16px} } @media(max-width:540px){ :root{--layout-gutter:12px;--panel-padding:12px;--control-height:40px} .app.command-shell>.main>.wrap{padding-left:12px;padding-right:12px} #wrap .cb-heading h2{font-size:23px} #wrap .cb-date{font-size:10px} #wrap .cb-scope{display:block;margin-top:2px} #wrap .context-brief{padding:12px} #wrap .rf-company-brief .rf-brief-name{font-size:19px} #wrap .rf-fact-strip{gap:12px} #wrap .rf-fact-strip>div{flex-basis:calc(50% - 12px);border:0;padding:0} #wrap .rf-fact-strip>div:last-child{flex-basis:100%} #wrap .rf-fleet-grid,#wrap .rf-powertrain-grid{grid-template-columns:1fr} #wrap .rf-fleet-grid>.rf-fleet-card:last-child{grid-column:auto} #wrap .rf-fleet-stats{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))} #wrap .rf-record-trail{align-items:flex-start} #wrap .rf-record-trail .sg-headlinks{justify-content:flex-end;max-width:65%;font-size:10px} #wrap .rf-record-head .rf-record-avatar{width:44px;height:44px;font-size:18px} .rf-record-name h2{font-size:21px} .rf-record-identity{align-items:flex-start;gap:10px} .rf-record-controls{display:grid;grid-template-columns:1fr;width:100%} .rf-record-actions .btn{flex:1} .rf-record-actions{width:100%} #wrap .ca-notes .ca-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #wrap .ca-notes .ca-filters :is(.fsearch,.fgrp){grid-column:1/-1;min-width:0} #wrap .ca-notes .ca-filters .cofchip{min-width:0;width:100%;padding:0;border:0} #wrap .ca-notes .ca-filters select{width:100%;max-width:100%;min-height:36px} #wrap .sg-contact-channels{grid-template-columns:1fr} #wrap .rf-activity-page .w4ev{padding:12px 10px;gap:8px} #wrap .rf-activity-page .w6comp{padding:12px} #wrap .sd-filters :is(input,select),#wrap .rf-vehicle-filters :is(input,select){min-height:40px} #wrap .ca-team-row{min-width:580px} #wrap .src-row :is(.src-about>div,.src-facts>div){grid-template-columns:1fr;gap:2px} } /* Shell, controls, page headers and shared tokens ======================================= */ /* Shared geometry tokens for the pass. Every fit-*.css layer uses these. */ :root{ --space-6:24px;--space-7:32px; --control-height-sm:32px; --radius-panel:8px;--radius-control:6px; --section-gap:16px; --env-offset:0px; --topbar-height:60px; --sticky-top:calc(var(--env-offset) + var(--topbar-height) + 12px); } html[data-env]{--env-offset:26px} @media(max-width:820px){:root{--topbar-height:56px}} @media(max-width:540px){:root{--control-height-sm:40px}} /* Small buttons: secondary actions inside cards (Edit, Refresh overview, follow-up actions). */ #wrap :is(.btn.sm,.w7btn-sm,.w7btn-xs),:is(.w6drawer,.sg-notedlg-wrap) :is(.btn.sm,.w7btn-sm,.w7btn-xs){min-height:var(--control-height-sm);padding:0 12px;font-size:12px} #wrap .context-brief .cb-footer button{min-height:var(--control-height-sm);padding:0 12px;border-radius:var(--radius-control);font:600 12px/1.2 var(--font-ui);display:inline-flex;align-items:center;justify-content:center} /* A button that submits a search or filter form, or acts in a page or record header, matches the default control height. */ #wrap :is(form[role=search],.rf-record-actions) :is(.btn,.w7btn,.sd-button){min-height:var(--control-height);padding:0 14px;font-size:13px} /* Generic input and select (.k4sel): 36px, 1px line border, 6px radius, surface fill, 13px text; 16px text on phones (no iOS zoom). */ .k4sel{height:var(--control-height);padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background-color:var(--surface);color:var(--ink);font:400 13px/1.2 var(--font-ui)} select.k4sel{padding-right:28px} @media(max-width:540px){.k4sel{font-size:16px}} /* Page header: title block left, default-size actions right and centered on it. */ #wrap :is(.sf-page-head,.sd-page-head,.sp-heading,.sig-settings-head){display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center} #wrap :is(.sf-page-head,.sd-page-head,.sp-heading,.sig-settings-head)>:first-child{flex:1 1 320px;min-width:0} #wrap :is(.sf-page-head,.sd-page-head,.sp-heading,.sig-settings-head)>:not(:first-child){flex:none;align-self:center;margin:0} #wrap :is(.sf-page-head,.sd-page-head,.sp-heading,.w7f-hd,.sig-settings-head,.account-heading,.tv-hero) :is(.sf-eyebrow,.sd-eyebrow,.pilot-kicker,.w7dateline,.sig-settings-eyebrow,.account-kicker,.tv-eyebrow),#wrap .ca-heading>span{display:block;margin:0 0 var(--space-1)} #wrap .w7f-hd .w7h1{margin:0} /* Pipeline's book picker reads as a header action: its field label stays for screen readers only. */ #wrap .sf-page-head .sf-owner-picker{display:block;min-width:200px;max-width:260px;margin:0} #wrap .sf-page-head .sf-owner-picker>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #wrap .sf-page-head .sf-owner-picker select{height:var(--control-height);min-height:var(--control-height);padding:0 32px 0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background-color:var(--surface);font:600 13px/1.2 var(--font-ui);color:var(--ink)} /* Panel label bars: an icon-led bar keeps its icon beside the text; the Deals history caret is a centered chevron. */ #wrap .tv-map-title .tv-eyebrow{margin:0} #wrap .tc-selected-title{justify-content:flex-start;gap:var(--space-2)} #wrap .tc-selected-title svg{width:16px;height:16px} #wrap .cd-command .sd-clues>summary b{padding-right:44px} #wrap .cd-command .sd-clues>summary:after{content:'';position:absolute;top:12px;right:var(--panel-padding);width:16px;height:16px;margin:0;font-size:0;background:var(--blue);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat} /* Pane header (ui.js panel()): one 40px card header row; tone variants no longer paint white text on the transparent refined bar. */ .pane>.ph{min-height:40px;height:auto;padding:0 var(--panel-padding);gap:var(--space-3);align-items:center} .pane>.ph h3{margin:0;font:650 15px/1.35 var(--font-ui);letter-spacing:0;color:var(--ink)} .pane>.ph .n{margin-left:auto;font:500 13px/1.2 var(--font-ui);color:var(--mute)} /* Underline tabs (Team; the company record tabs use the same values): 40px, 0 12px, 600 13px, 2px active underline on a 1px row border. */ #wrap .w7tabs{display:flex;gap:var(--space-1);min-height:40px;margin:0 0 var(--section-gap);padding:0;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden} #wrap .w7tabs a{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;min-height:40px;margin:0;padding:0 12px;font:600 13px/1.2 var(--font-ui);color:var(--ink2);text-decoration:none;white-space:nowrap} #wrap .w7tabs a:hover,#wrap .w7tabs a.on{color:var(--ink)} #wrap .w7tabs a.on:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue)} /* Pill tabs (Companies lenses, fleet sub-tabs): a 36px row of 28px pills, 0 12px, 600 12px; the active pill is tinted. */ #wrap :is(.sp-lenses,.rf-fleet .fp-tabs){display:flex;align-items:center;gap:var(--space-1);min-height:36px;padding:0;border:0} #wrap :is(.sp-lenses .w7cchip,.rf-fleet .fp-tab){display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;min-height:28px;padding:0 12px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--ink2);font:600 12px/1.2 var(--font-ui);white-space:nowrap;text-decoration:none;cursor:pointer} #wrap :is(.sp-lenses .w7cchip,.rf-fleet .fp-tab):hover{background:var(--surface-2);color:var(--ink)} #wrap :is(.sp-lenses .w7cchip,.rf-fleet .fp-tab).on{background:var(--bluetint);color:var(--blue)} /* Count badges: an 18px pill with centered 11px figures. */ .app.command-shell .side nav.sw-primary-nav a .c,.tabbar .tbadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border:0;border-radius:9px;font:600 11px/1 var(--font-ui);font-variant-numeric:tabular-nums} /* Search overlay: clears the ribbon, a 56px input row with a 16px icon and a small Close button. */ .ov .box{margin-top:calc(var(--env-offset) + 56px);border:1px solid var(--line);border-radius:var(--radius-panel)} .ov .oh{min-height:56px;padding:var(--space-2) var(--space-4);gap:var(--space-3);border-bottom:1px solid var(--line)} .ov .oh svg{width:16px;height:16px} .ov .oh input{height:40px;font:400 16px/1.4 var(--font-ui)} .ov .oh .esc{display:inline-flex;align-items:center;flex:none;height:var(--control-height-sm);padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink2);font:600 12px/1.2 var(--font-ui)} .ov .hint{padding:var(--space-7) var(--space-6);font-size:13px;line-height:1.5} .ov .grp{padding:var(--space-3) var(--space-4) var(--space-1);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;color:var(--ink2)} .ov .r{min-height:48px;padding:var(--space-2) var(--space-4)} .ov .r .addbtn{height:var(--control-height-sm);padding:0 12px;border-radius:var(--radius-control);font:600 12px/1.2 var(--font-ui)} .ov .sfoot{display:flex;gap:var(--space-4);padding:var(--space-2) var(--space-4)} /* Floating messages: a compact toast and undo bar, fully off screen when hidden, above the tab bar or call bar on phones. */ .toast,.k5undo{bottom:var(--space-4);max-width:calc(100vw - 32px);padding:var(--space-3) var(--space-4);gap:var(--space-3);border-radius:var(--radius-panel);font:500 13px/1.4 var(--font-ui);transform:translate(-50%,calc(100% + 96px))} .toast.show,.k5undo.show{transform:translate(-50%,0)} .toast b,.k5undo .k5ut b{font:600 13px/1.4 var(--font-ui)} .toast small,.k5undo .k5ut small{font-size:12px;line-height:1.4} .toast .tk,.k5undo .k5uk{width:24px;height:24px} .toast .tk svg,.k5undo .k5uk svg{width:14px;height:14px} .k5undo .k5ub{height:var(--control-height-sm);padding:0 12px;border-radius:var(--radius-control);font:600 12px/1.2 var(--font-ui)} /* Boot, error and empty states read on the page surface in every theme. */ #root.booting{background:var(--page)} .bootmark{color:var(--ink)} .bootnote{margin-top:var(--space-2);color:var(--mute)} .errpane{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-panel)} .errpane b{font:650 15px/1.35 var(--font-ui);color:var(--ink)} .errpane span{font-size:13px;line-height:1.5} .errpane .btn{margin-top:var(--space-2)} .emptyst b{font:650 15px/1.35 var(--font-ui);margin-bottom:var(--space-1)} .emptyst span{font-size:13px;line-height:1.5} /* Top bar: the page label never collapses; below 1200px the account button shows the avatar alone. */ .app.command-shell>.main>header.top .tophd{flex:1 0 auto;min-width:0} @media(max-width:1200px){.app.command-shell .top .acctbtn>span:not(.av){display:none}} /* Account popover hangs 4px under the top bar, wherever the ribbon puts it. */ @media(min-width:821px){ .msheet:not([hidden]){top:calc(var(--env-offset) + var(--topbar-height) + 4px)} .msheet .mbox{max-height:calc(100dvh - var(--env-offset) - var(--topbar-height) - 16px)} } @media(max-width:820px){ /* The tab bar is the navigation wherever the rail is hidden (it was missing from 701 to 820px). */ nav.tabbar{display:flex} .tabbar a,.tabbar button{min-height:56px;gap:var(--space-1);padding:var(--space-2) var(--space-1)} .tabbar svg{width:20px;height:20px} .tabbar a span:not(.tbadge),.tabbar button span{font:600 11px/1.2 var(--font-ui)} .tabbar .tbadge{top:4px;margin-left:4px} .toast,.k5undo{bottom:calc(68px + env(safe-area-inset-bottom))} /* More sheet: one 44px row size for every destination, a field-label heading per group. */ .msheet .mbox{padding:var(--space-2) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom))} .msheet .sw-sheet-title,.msheet .themelbl{padding:var(--space-2) 0 var(--space-1);margin:0;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} .msheet .mnav a,.msheet .sw-sheet-nav a{min-height:44px;gap:var(--space-3);padding:0 var(--space-3);font:500 14px/1.3 var(--font-ui)} .msheet .mwho{margin:var(--space-3) 0 var(--space-2);padding-top:var(--space-3)} .msheet .themesw{margin-top:0} .msheet .themesw button{min-height:var(--control-height);font:600 13px/1.2 var(--font-ui)} .msheet .swap{min-height:44px;margin-top:var(--space-3);font:600 14px/1.2 var(--font-ui)} .ov .box{margin-top:calc(var(--env-offset) + var(--space-2))} .ov .r{min-height:56px} /* Phone top bar: one row on every route; the account button shrinks to its avatar (refined.css hid it). */ .app.command-shell>.main>header.top .acctbtn{display:flex;order:3;width:var(--control-height);min-width:var(--control-height);justify-content:center} .app.command-shell>.main>header.top .acctbtn>span.av{display:grid;place-items:center;width:32px;height:32px} .app.command-shell .top .sg-quick-note{width:var(--control-height);padding:0} body[data-signal-route=today] .app.command-shell .top .sw-today-view{order:1;position:static;flex:0 1 240px;min-width:0;max-width:none;margin:0 0 0 auto} body[data-signal-route=today] .app.command-shell .top .sw-today-view>span{display:none} body[data-signal-route=today] .app.command-shell .top .sw-today-view select{width:100%} body[data-signal-route=today] .app.command-shell .top .sg-quick-note{order:2} } @media(max-width:540px){ #wrap :is(.sp-lenses .w7cchip,.rf-fleet .fp-tab){height:var(--control-height);min-height:var(--control-height)} #wrap :is(.sf-page-head h1,.sd-page-head h2,.sp-heading h1,.w7f-hd h1,.ca-heading h2,.sig-settings-head h1,.account-heading h1,.tv-hero h1){font-size:22px} #wrap .sf-page-head .sf-picker-host,#wrap .sf-page-head .sf-owner-picker{width:100%;max-width:none} /* With the Today view picker in the bar, search collapses to its icon so both fit one row. */ body[data-signal-route=today] .app.command-shell>.main>header.top:has(.sw-today-view) .srch{flex:none;width:var(--control-height);min-width:var(--control-height);padding:0;justify-content:center} body[data-signal-route=today] .app.command-shell>.main>header.top:has(.sw-today-view) .srch .srchtxt{display:none} body[data-signal-route=today] .app.command-shell .top .sw-today-view{flex:1 1 auto} } /* Today and the AI overview card ======================================================== */ /* AI overview card (Today, Pipeline, Deals, company Overview): hero padding, eyebrow and date share one line. */ #wrap .context-brief{gap:12px 20px;padding:20px;margin:0 0 var(--section-gap,16px);border:1px solid var(--line);border-radius:var(--radius-panel,8px)} #wrap .cb-heading{align-items:flex-start;gap:16px} #wrap .cb-kicker{font:650 10px/14px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--blue)} #wrap .cb-date{font-size:11px;line-height:14px;padding:0;color:var(--mute);white-space:nowrap} #wrap .cb-heading h2{font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;margin:4px 0 0} #wrap>.context-brief .cb-heading h2,#wrap .tc-command>.context-brief .cb-heading h2{font-size:26px;line-height:1.2;letter-spacing:-.035em} #wrap .context-brief :is(.cb-summary-label,.cb-priorities>h3){font:650 13px/1.4 var(--font-ui);letter-spacing:0;color:var(--ink);margin:0 0 4px} #wrap .context-brief :is(.cb-overview-text,.cb-status){font-size:13px;line-height:1.5;color:var(--ink2);margin:0} #wrap .context-brief .cb-priorities{padding:0 0 0 20px;margin:0;border-left:1px solid var(--line);border-top:0} /* Top points: the number, the category and the text share one left edge and line rhythm. */ #wrap .context-brief .cb-priorities ol{gap:12px;margin-top:8px} #wrap .context-brief .cb-priorities li{padding:0 0 0 28px} #wrap .context-brief .cb-priorities li::before{font:650 13px/1.4 var(--font-ui);font-variant-numeric:tabular-nums;top:0} #wrap .context-brief .cb-category{display:block;font:650 13px/1.4 var(--font-ui);letter-spacing:0;text-transform:none} #wrap .context-brief .cb-priorities li>p{font-size:13px;line-height:1.5;margin:2px 0 0} #wrap .context-brief .cb-priorities li>p.cb-next{font-size:12px;line-height:1.45;margin-top:4px} /* Footer: sources on their own line, then coverage left and the action right, centered on each other. */ #wrap .context-brief .cb-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0;padding:12px 0 0;border-top:1px solid var(--line2)} #wrap .context-brief .cb-meta:not(:has(.cb-coverage,.cb-footer>*,.cb-evidence-footer>*)){display:none} #wrap .context-brief .cb-evidence-footer:empty{display:none} #wrap .context-brief :is(.cb-coverage,.cb-footer){margin:0;font-size:11px;line-height:1.45;color:var(--mute)} #wrap .context-brief .cb-footer{display:flex;align-items:center;gap:12px;margin-left:auto} #wrap .context-brief .cb-footer:empty{display:none} #wrap .context-brief .cb-footer>span{order:-1;font-size:11px} #wrap .context-brief .cb-source-details>summary{font-size:11px;line-height:1.45;min-height:0} #wrap .context-brief .cb-source-details>div{margin-top:8px;padding:12px;border-radius:var(--radius-control,6px)} #wrap .context-brief .cb-source-quote+.cb-source-quote{margin-top:12px} #wrap .context-brief .cb-source-quote blockquote{margin:4px 0 0;font-size:12px;line-height:1.45} /* The record's overview card is one column: Top points sit under the summary. */ #wrap .rf-account-main>.context-brief{grid-template-columns:minmax(0,1fr);padding:20px} #wrap .rf-account-main>.context-brief .cb-heading h2{font-size:20px;margin-bottom:0} #wrap .rf-account-main>.context-brief .cb-priorities{padding:12px 0 0;border-left:0;border-top:1px solid var(--line)} /* KPI strip: four equal tiles, each a bordered stat tile per the stat-strip spec. */ #wrap .tc-metrics{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;margin:0 0 var(--section-gap,16px);padding:0;border:0} #wrap .tc-command .tc-metric{display:flex;align-items:center;gap:12px;min-width:0;min-height:64px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-panel,8px);background:var(--refined-panel);box-shadow:var(--refined-shadow);color:var(--ink2);text-align:left;font:inherit} #wrap .tc-command .tc-metric:first-child{padding-left:16px} #wrap .tc-command .tc-metric:hover{background:var(--surface-2);border-color:var(--rule2);text-decoration:none} #wrap .tc-command .tc-metric[aria-expanded="true"]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)} #wrap .tc-metric-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%} #wrap .tc-metric-icon svg{width:16px;height:16px} #wrap .tc-metric strong{flex:none;font:700 22px/1.1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink)} #wrap .tc-metric>span:last-child{min-width:0;font-size:12px;line-height:1.35;color:var(--mute)} /* Manager Today: the section heading spans the workspace, so the list and the brief start on one line. */ #wrap .tc-command .rf-manager-workspace{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.75fr);grid-template-rows:auto auto minmax(0,1fr);gap:0;margin:0;align-items:start} #wrap .tc-command .rf-manager-workspace>.tc-prospect-list{display:contents} #wrap .tc-command .rf-manager-workspace .tc-section-head{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:12px;min-height:0;margin:0;padding:0} #wrap .tc-command .tc-section-head h2{font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;color:var(--ink);margin:0} #wrap .tc-command .tc-section-head>a{margin-left:auto;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap} #wrap .tc-command .rf-manager-workspace .tc-rank-note{grid-column:1/-1;grid-row:2;margin:4px 0 0;padding:0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .tc-command .rf-manager-workspace>.tc-evidence{grid-column:2;grid-row:3;margin-top:12px} /* Rows share one box model: a 3px left edge, hairline separators; only the selected row bridges into the brief. */ #wrap .tc-command .rf-manager-list{grid-column:1;grid-row:3;display:grid;gap:0;margin:12px 0 0;padding:0} #wrap .tc-command .rf-manager-list .tc-prospect{position:relative;display:block;height:auto;margin:0 16px 0 0;padding:0;border:1px solid transparent;border-left-width:3px;border-right:0;border-bottom-color:var(--line2);border-radius:0;background:none;box-shadow:none} #wrap .tc-command .rf-manager-list .tc-prospect+.tc-prospect{margin-top:-1px} #wrap .tc-command .rf-manager-list .tc-prospect:hover:not(.is-selected){background:var(--surface-2)} #wrap .tc-command .rf-manager-list .tc-prospect.is-selected{z-index:1;margin-right:-1px;padding-right:17px;border-color:var(--line);border-left-color:var(--blue);border-radius:8px 0 0 8px;background:var(--surface-2);box-shadow:none} #wrap .tc-command .rf-manager-list .tc-prospect-select{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 16px 12px 13px;border:0;background:none;color:var(--ink);text-align:left;white-space:normal;font-family:var(--font-ui)} #wrap .tc-command .rf-manager-list .tc-prospect-select>span:nth-child(2){display:block;min-width:0} #wrap .tc-command .rf-manager-list .tc-avatar{width:40px;height:40px;font-size:14px;font-weight:650;background:color-mix(in srgb,var(--ink) 8%,var(--surface));color:var(--ink)} #wrap .tc-command .rf-manager-list .tc-prospect-select b{display:block;font:650 14px/1.35 var(--font-ui);color:var(--ink);overflow-wrap:anywhere} #wrap .tc-command .rf-manager-list .tc-prospect-select small{display:block;margin:2px 0 0;font-size:12px;line-height:1.45;color:var(--mute);white-space:normal} #wrap .tc-command .rf-manager-list .tc-signal{display:flex;align-items:center;gap:6px;min-height:0;margin:4px 0 0;padding:0;font-size:11px;font-weight:600;line-height:1.45;color:var(--blue);background:none;border:0} #wrap .tc-command .rf-manager-list .rf-prospect-arrow{justify-self:center;font-size:20px;line-height:1;color:var(--blue)} #wrap .tc-command .rf-manager-list>.tc-empty{margin:0 16px 0 0;padding:16px 0;font-size:13px} /* The brief pane: one flat surface the selected row runs into; a first-row selection squares its corner. */ #wrap .tc-command .rf-manager-workspace .tc-evidence{min-width:0;border:1px solid var(--line);border-radius:var(--radius-panel,8px);background:var(--surface-2);box-shadow:var(--refined-shadow);overflow:visible} #wrap .tc-command .rf-manager-workspace:has(.tc-prospect.is-selected:first-child) .tc-evidence{border-top-left-radius:0} #wrap .tc-command .rf-manager-workspace .tc-evidence .rf-company-brief{padding:20px;border:0;border-radius:0;background:none;box-shadow:none;min-height:0} /* Brief fallback (before the full brief arrives, or when it cannot): the brief's own rhythm. */ #wrap .tc-command .tc-evidence-body{padding:16px 20px 20px} #wrap .tc-command .tc-selected-account{display:flex;align-items:center;gap:12px;margin:0;padding:0 0 12px;border-bottom:1px solid var(--line)} #wrap .tc-command .tc-selected-account .tc-avatar{width:44px;height:44px;font-size:16px;font-weight:650;background:color-mix(in srgb,var(--ink) 8%,var(--surface));color:var(--ink)} #wrap .tc-command .tc-selected-account h3{margin:0;font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;color:var(--ink)} #wrap .tc-command .tc-selected-account p{margin:2px 0 0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .tc-command .tc-selected-reason{margin-top:12px} #wrap .tc-command .tc-evidence-fact{margin:8px 0 0;font:600 13px/1.5 var(--font-ui);color:var(--ink)} #wrap .tc-command .tc-selected-reason .rf-source{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:4px;font-size:11px;line-height:1.45;color:var(--mute)} #wrap .tc-command .tc-unknown{margin:12px 0 0;padding:8px 12px;border-radius:var(--radius-control,6px);font-size:12px;line-height:1.45} #wrap .tc-command .tc-question{margin-top:12px} #wrap .tc-command .tc-question>span{font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .tc-command .tc-question p{margin:4px 0 0;font:600 13px/1.5 var(--font-ui);color:var(--ink)} #wrap .tc-command .tc-evidence-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:16px} #wrap .tc-command .tc-evidence>p.rf-source{margin:0;padding:0 20px 20px;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .tc-command .tc-evidence-empty{padding:20px;font-size:13px;line-height:1.5} #wrap .tc-command .rf-manager-workspace .tc-evidence:has(>.tc-selected-title){overflow:hidden} /* Company brief (both Today forms): eyebrow, identity block with actions, then 12px-separated groups. */ #wrap .rf-company-brief .rf-eyebrow{margin:0 0 8px;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--blue)} #wrap .rf-company-brief .rf-brief-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:0 12px;margin:0} #wrap .rf-company-brief .rf-brief-head>.rf-avatar{grid-column:1;grid-row:1/3;align-self:center;width:44px;height:44px;font-size:16px;font-weight:650;background:color-mix(in srgb,var(--ink) 8%,var(--surface));color:var(--ink)} #wrap .rf-company-brief .rf-brief-head>div:nth-child(2){grid-column:2;grid-row:1;min-width:0;align-self:end} #wrap .rf-company-brief .rf-brief-head>div:last-child{display:contents} #wrap .rf-company-brief .rf-brief-name{margin:0;font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere} #wrap .rf-company-brief .rf-meta{margin:2px 0 0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .rf-company-brief .rf-owner{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:12px;line-height:1.45;color:var(--ink2);text-align:left} #wrap .rf-company-brief .rf-brief-actions{grid-column:3;grid-row:1/3;align-self:center;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px} #wrap .rf-company-brief .rf-brief-actions>*{flex:none} #wrap .rf-company-brief .rf-brief-actions .sg-addnote{min-height:var(--control-height,36px);padding:0 14px;gap:6px;border-radius:var(--radius-control,6px);font:600 13px/1.2 var(--font-ui)} #wrap .rf-company-brief .rf-brief-actions .sg-addnote span{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:nowrap} #wrap .rf-company-brief .rf-brief-banner{margin:12px 0 0;padding:8px 12px;border-radius:var(--radius-control,6px);font-size:12px;line-height:1.45} #wrap .rf-company-brief .rf-fact-strip{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px 0;margin:12px 0 0;padding:0;border:0} #wrap .rf-company-brief .rf-fact-strip>div{flex:1 1 0;display:grid;align-content:start;gap:2px;min-width:120px;padding:0 16px;border-right:1px solid var(--line)} #wrap .rf-company-brief .rf-fact-strip>div:first-child{padding-left:0} #wrap .rf-company-brief .rf-fact-strip>div:last-child{padding-right:0;border-right:0} #wrap .rf-company-brief .rf-fact-strip b{font:650 18px/1.25 var(--font-ui);color:var(--ink)} #wrap .rf-company-brief .rf-fact-strip span{font-size:12px;line-height:1.35;color:var(--mute)} #wrap .rf-company-brief .rf-fact-strip>div>a{margin-top:2px;font-size:12px;font-weight:500;line-height:1.45} #wrap .rf-company-brief .rf-brief-section{margin:12px 0 0;padding:12px 0 0;border:0;border-top:1px solid var(--line)} #wrap .rf-company-brief .rf-brief-section h3{margin:0 0 4px;font:650 13px/1.4 var(--font-ui);color:var(--ink)} #wrap .rf-company-brief .rf-brief-section p{margin:0;font-size:13px;line-height:1.5;color:var(--ink2)} #wrap .rf-company-brief .rf-brief-section p.rf-source{margin-top:4px;font-size:11px;line-height:1.45;color:var(--mute)} #wrap .rf-company-brief .rf-brief-section ol{margin:8px 0 0;font-size:13px;line-height:1.5} #wrap .rf-company-brief .rf-other-clues{margin:8px 0 0;padding:0;border:0} #wrap .rf-company-brief .rf-other-clues>summary{font-size:12px;font-weight:600;line-height:1.45} #wrap .rf-company-brief>.source-footer{margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--line)} #wrap .rf-company-brief>.rf-brief-history{display:inline-block;margin-top:12px;font-size:12px;font-weight:600;line-height:1.45} #wrap .rf-company-brief a:not(.rf-primary){text-decoration:none} #wrap .rf-company-brief a:not(.rf-primary):hover{text-decoration:underline} /* Rep Today: the heading block and the deals card span the page; the list and the brief start on one line. */ #wrap .w7tday.w7t-organized{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.75fr);gap:0;align-items:start;max-width:none;margin:0;padding:0} #wrap .w7tday.w7t-organized>.w7t-main{display:contents} #wrap .w7tday .w7t-head{grid-column:1/-1;grid-row:1;margin:0;padding:0;border:0;border-radius:0;background:none} #wrap .w7tday .w7t-head .w7hd{display:block;margin:0} #wrap .w7tday .w7t-head .w7h1{margin:0;font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;color:var(--ink)} #wrap .w7tday .w7t-head .w7sub{margin:4px 0 0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .w7tday .w7t-head .w7chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0} #wrap .w7tday .w7t-head .w7chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-control,6px);background:var(--surface);color:var(--ink2);font:600 12px/1.2 var(--font-ui);white-space:nowrap;text-decoration:none} #wrap .w7tday .w7t-head .w7chip:hover{border-color:var(--blue);color:var(--blue)} #wrap .w7tday .w7t-head .w7chip .w7n{font:700 13px/1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink)} #wrap .w7tday .w7t-head .w7t-coverage{margin:8px 0 0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .w7tday .w7t-deals-slot{grid-column:1/-1;grid-row:2;margin:0} #wrap .w7tday .w7t-deals-slot:not(:empty){margin-top:12px} #wrap .w7tday .w7t-deals{padding:12px 16px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:var(--radius-panel,8px);background:var(--surface)} #wrap .w7tday .w7t-deals-head{display:flex;align-items:center;gap:8px 12px} #wrap .w7tday .w7t-deals-head>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-right:auto;min-width:0} #wrap .w7tday .w7t-deals-head h2{margin:0;font:650 13px/1.4 var(--font-ui);color:var(--ink)} #wrap .w7tday .w7t-deals-head span{font-size:12px;line-height:1.45;color:var(--mute)} #wrap .w7tday .w7t-deals-head>a{flex:none;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none} #wrap .w7tday .w7t-deals-list{margin-top:8px} #wrap .w7tday .w7t-deal{padding:8px 0;font-size:12px;line-height:1.45} #wrap .w7tday .w7t-body{grid-column:1;grid-row:3;margin:12px 0 0;padding:0;border:0;border-radius:0;background:none;overflow:visible;min-width:0} #wrap .w7tday.w7t-organized>.w7t-main>.w7legend-sample{grid-column:1;grid-row:4} #wrap .w7tday.w7t-organized>.w7t-main>.w7end{grid-column:1;grid-row:5} /* Group heads: one tinted label strip per section, its accent naming the kind of work. */ #wrap .w7tday .w7t-sec{margin:0;padding:0;border:0;border-radius:0;background:none;overflow:visible} #wrap .w7tday .w7t-sec .w7sech{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;min-height:36px;margin:0;padding:0 16px 0 13px;border:0;border-left:3px solid var(--mute);border-radius:0;background:color-mix(in srgb,var(--blue) 6%,var(--surface));font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--blue)} #wrap .w7tday .w7t-sec .w7sech .w7sl{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit} #wrap .w7tday .w7t-sec .w7sech .w7n{font:700 11px/1.4 var(--font-ui);letter-spacing:0;color:var(--ink)} #wrap .w7tday [data-section=due] .w7sech{border-left-color:var(--warning);background:color-mix(in srgb,var(--warning) 9%,var(--surface))} #wrap .w7tday [data-section=assigned] .w7sech{border-left-color:var(--blue)} #wrap .w7tday [data-section=relationship] .w7sech{border-left-color:var(--team,var(--ink2))} #wrap .w7tday .w7t-sec .w7list{margin:0;padding:0;border:0;border-radius:0;background:none;overflow:visible} /* Rows: the manager's geometry (3px edge, 40px avatar, hairlines); the Add note icon sits where the chevron does. */ #wrap .w7tday .w7list .rf-prospect-row{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 32px;align-items:center;gap:0 12px;min-height:72px;margin:0;padding:12px 8px 12px 13px;border:1px solid transparent;border-left-width:3px;border-right:0;border-bottom-color:var(--line2);border-radius:0;background:none;box-shadow:none;overflow:visible} #wrap .w7tday .w7list .rf-prospect-row+.rf-prospect-row{margin-top:-1px} #wrap .w7tday .w7list .rf-prospect-row::before,#wrap .w7tday .w7list .rf-prospect-row::after{content:none;display:none} #wrap .w7tday .w7list .rf-prospect-row:hover{background:var(--surface-2)} #wrap .w7tday .w7list .rf-prospect-row:focus-visible{z-index:3;outline:none;box-shadow:inset 0 0 0 2px var(--accent-2,var(--blue))} #wrap .w7tday .w7list .rf-prospect-row.w7t-startrow:not(.sel),#wrap .w7tday .w7list .rf-prospect-row.sel{background:none} #wrap .w7tday .w7list .rf-prospect-row>.rf-row-avatar{grid-column:1;grid-row:1;align-self:center;display:grid;place-items:center;width:40px;height:40px;margin:0;border-radius:50%;background:color-mix(in srgb,var(--ink) 8%,var(--surface));color:var(--ink);font:650 14px/1 var(--font-ui)} #wrap .w7tday .w7list .rf-prospect-row>.rf-row-body{grid-column:2;grid-row:1;min-width:0;line-height:1.45} #wrap .w7tday .rf-row-name{display:block;font:650 14px/1.35 var(--font-ui);color:var(--ink);text-decoration:none;overflow-wrap:anywhere} #wrap .w7tday .rf-row-name:hover{color:var(--blue);text-decoration:underline} #wrap .w7tday .rf-row-body>.w7rm{display:block;margin:2px 0 0;font:400 12px/1.45 var(--font-ui);color:var(--mute);white-space:normal} #wrap .w7tday .rf-row-body>.w7rm .w7stat{gap:4px;font-size:inherit;font-weight:500;line-height:inherit;vertical-align:baseline} #wrap .w7tday .rf-row-body>.w7rm .w7stat::before{width:6px;height:6px} #wrap .w7tday .rf-row-body>.w7rm .w7mk{height:18px;padding:0 6px;font-size:11px;vertical-align:baseline} #wrap .w7tday .rf-row-kicker{margin:4px 0 0;font:500 11px/1.45 var(--font-ui);color:var(--blue)} #wrap .w7tday .rf-prospect-row .w7acts{position:static;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0} #wrap .w7tday .w7list .rf-prospect-row>.sg-addnote{grid-column:3;grid-row:1;position:static;align-self:center;justify-self:center;display:inline-flex;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:0;border-radius:var(--radius-control,6px);background:none;color:var(--blue)} #wrap .w7tday .w7list .rf-prospect-row>.sg-addnote:hover{background:var(--surface-3)} #wrap .w7tday .w7list .rf-prospect-row>.sg-addnote svg{width:16px;height:16px} #wrap .w7tday .w7t-context:not(:empty){display:grid;gap:8px;margin:16px 0 0} #wrap .w7tday .w7t-context .w7nl{margin:0;padding:12px;border:1px dashed var(--rule2);border-radius:var(--radius-panel,8px);font-size:13px;line-height:1.5} #wrap .w7tday .w7t-context .w7nl.w7guard{border:1px solid var(--guard-line)} #wrap .w7tday .w7t-context .w7nl .w7i{width:16px;height:16px;margin-top:2px} #wrap .w7tday.w7t-organized>.w7t-main>.w7legend-sample{margin:8px 0 0;padding:8px 12px;border-radius:var(--radius-panel,8px);font-size:12px;line-height:1.45} #wrap .w7tday.w7t-organized>.w7t-main>.w7end{margin:16px 0 0;font-size:12px;line-height:1.45;color:var(--ink2)} #wrap .w7tday .w7end .w7fresh{display:block;margin:2px 0 0;padding:0;border:0;font-size:11px;line-height:1.45;color:var(--mute)} #wrap .w7tday .w7t-panenote{margin:0;padding:16px;border:1px dashed var(--rule2);border-radius:var(--radius-panel,8px);font-size:13px;line-height:1.5} #wrap .w7tday .w7t-panenote b{font-size:15px;line-height:1.35} /* An empty list needs no brief column: the note runs the full width. */ #wrap .w7tday.w7t-organized:not(:has(.w7row[data-co])){grid-template-columns:minmax(0,1fr)} #wrap .w7tday.w7t-organized:not(:has(.w7row[data-co]))>.w7t-pane{display:none} #wrap .w7tday.w7t-organized:not(:has(.w7row[data-co]))>.w7t-main>*{margin-right:0} /* The read-only preview banner above the brief. */ #wrap>.w7t-preview{align-items:center;gap:4px 12px;margin:0 0 var(--section-gap,16px);padding:10px 16px;border-radius:var(--radius-panel,8px);font-size:12px;line-height:1.45} #wrap>.w7t-preview b{font-size:13px;line-height:1.35} /* Desk: a 16px gutter beside the brief that only the selected row crosses. */ @media(min-width:1101px){ #wrap .w7tday .w7t-body,#wrap .w7tday.w7t-organized>.w7t-main>:is(.w7legend-sample,.w7end){margin-right:16px} #wrap .w7tday .w7list .rf-prospect-row.sel{z-index:2;margin-right:-17px;padding-right:25px;border-color:var(--line);border-left-color:var(--blue);border-radius:8px 0 0 8px;background:var(--surface-2)} #wrap .w7tday .w7t-pane{grid-column:2;grid-row:3/span 3;display:block;position:sticky;top:var(--sticky-top,72px);min-width:0;min-height:0;margin:12px 0 0;padding:20px;border:1px solid var(--line);border-radius:var(--radius-panel,8px);background:var(--surface-2);box-shadow:var(--refined-shadow)} } /* Follow-up and deal queues opened from the KPI tiles: a card with a header row and aligned rows. */ #wrap .tc-command .tc-queue{margin:0 0 var(--section-gap,16px);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:var(--radius-panel,8px);background:var(--surface);overflow:hidden} #wrap .tc-command .tc-queue>header{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 8px 8px 16px;border-bottom:1px solid var(--line2);background:var(--bluetint)} #wrap .tc-command .tc-queue h2{margin:0;font:650 15px/1.35 var(--font-ui);color:var(--ink)} #wrap .tc-command .tc-queue header>a{margin-left:auto;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap} #wrap .tc-command .tc-queue header>button{display:grid;place-items:center;width:32px;height:32px;min-width:32px;margin-left:auto;padding:0;border:0;border-radius:var(--radius-control,6px);background:none;color:var(--ink2);font-size:20px;line-height:1} #wrap .tc-command .tc-queue header>a+button{margin-left:0} #wrap .tc-command .tc-queue header>button:hover{background:var(--surface)} #wrap .tc-command .tc-queue article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;align-items:center;gap:8px 16px;padding:12px 16px;border-top:1px solid var(--line2);font-size:13px;line-height:1.5} #wrap .tc-command .tc-queue>header+article{border-top:0} #wrap .tc-command .tc-queue article>div>a{font-weight:650} #wrap .tc-command .tc-queue article small{display:block;margin-top:2px;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .tc-command .tc-queue article>p{margin:0;color:var(--ink2)} #wrap .tc-command .tc-queue article>a{font-size:12px;font-weight:600;white-space:nowrap} #wrap .tc-command .tc-queue-empty{margin:0;padding:12px 16px;font-size:13px;line-height:1.5;color:var(--mute)} /* Team pipeline: a collapsed card whose summary row carries the title and count; open, a spec table. */ #wrap .tc-command .rf-team-disclosure{margin:var(--section-gap,16px) 0 0;padding:0;border:1px solid var(--line);border-radius:var(--radius-panel,8px);background:var(--refined-panel);box-shadow:var(--refined-shadow)} #wrap .tc-command .rf-team-disclosure>summary{margin:0;padding:14px 16px;font:650 15px/20px var(--font-ui);color:var(--ink);cursor:pointer} #wrap .tc-command .rf-team-disclosure>summary span{float:right;font-size:12px;font-weight:400;line-height:20px;color:var(--mute)} #wrap .tc-command .rf-team-disclosure[open]>summary{margin:0} #wrap .tc-command .rf-team-disclosure[open]>summary span{display:none} #wrap .tc-command .rf-team-disclosure>.tc-section-head{display:flex;align-items:center;gap:12px;min-height:0;margin:0;padding:0 16px 12px} #wrap .tc-command .rf-team-disclosure>.tc-section-head h2{display:none} #wrap .tc-command .rf-team-disclosure>.tc-section-head>span{display:block;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .tc-command .rf-team-disclosure .tc-team-wrap{width:auto;margin:0 16px 16px;border:1px solid var(--line);border-radius:var(--radius-panel,8px);overflow-x:auto} #wrap .tc-command .rf-team-disclosure table{width:100%;border-collapse:collapse;table-layout:fixed} #wrap .tc-command .rf-team-disclosure thead th{height:36px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--surface-2);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--blue);vertical-align:middle} #wrap .tc-command .rf-team-disclosure thead th:first-child{width:auto;padding-left:16px} #wrap .tc-command .rf-team-disclosure thead th:not(:first-child):not(:last-child){width:16%;text-align:right} #wrap .tc-command .rf-team-disclosure thead th:last-child{width:56px;padding:0} #wrap .tc-command .tc-team-row{height:56px;border-bottom:1px solid var(--line2);background:none} #wrap .tc-command .tc-team-row:has([aria-expanded="true"]){background:var(--surface-2)} #wrap .tc-command .tc-team-row>:is(th,td){padding:10px 12px;vertical-align:middle} #wrap .tc-command .tc-team-row>th{padding-left:16px} #wrap .tc-command .tc-team-row>td{text-align:right} #wrap .tc-command .tc-team-row>td:last-child{padding:0 12px 0 0;text-align:center} #wrap .tc-command .tc-team-person{display:flex;align-items:center;gap:12px;min-height:32px;padding:0;font:500 13px/1.35 var(--font-ui);color:var(--ink)} #wrap .tc-command .tc-team-person .tc-avatar-small{width:28px;height:28px;font-size:11px;font-weight:650} #wrap .tc-command .tc-team-count{display:inline-flex;justify-content:flex-end;align-items:center;gap:6px;min-height:32px;font:600 13px/1 var(--font-ui);font-variant-numeric:tabular-nums} #wrap .tc-command .tc-team-expand{display:inline-grid;place-items:center;width:32px;height:32px;min-height:32px;border-radius:var(--radius-control,6px);font-size:18px} #wrap .tc-command .tc-team-expand:hover{background:var(--surface-2)} #wrap .tc-command .tc-team-detail>td>div{gap:8px 16px;padding:10px 16px;border-bottom:1px solid var(--line2);background:var(--surface-2);font-size:12px;line-height:1.45} #wrap .tc-command .tc-team-detail span{margin-right:0} #wrap .tc-command .tc-team-row:last-child,#wrap .tc-command .rf-team-disclosure tbody>tr:last-child>td>div{border-bottom:0} /* The flag-off overview's tables size their columns to their text. */ #wrap .tc-command>.tc-team:not(.rf-team-disclosure) table{table-layout:auto} #wrap .tc-command>.tc-team:not(.rf-team-disclosure){margin-top:var(--section-gap,16px)} #wrap .tc-command>.tc-team:not(.rf-team-disclosure) .tc-section-head{margin-bottom:12px} #wrap .tc-command>.tc-team:not(.rf-team-disclosure) thead th{width:auto;height:36px;padding:0 12px;font-size:10px;letter-spacing:.06em} #wrap .tc-command>.tc-team:not(.rf-team-disclosure) tbody :is(th,td){padding:10px 12px;border-bottom:1px solid var(--line2);font-size:13px;line-height:1.45;vertical-align:middle} #wrap .tc-command>.tc-team:not(.rf-team-disclosure) :is(thead,tbody) :is(th,td):first-child{padding-left:16px} /* Footer: freshness at meta size, the data-sources link at the end of the same line. */ #wrap .tc-command .tc-footer{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;min-height:0;margin:var(--section-gap,16px) 0 0;padding:12px 0 0;border-top:1px solid var(--line)} #wrap .tc-command .tc-footer .w7fresh{display:block;margin:0;padding:0;border:0;font-size:11px;line-height:1.45;color:var(--mute)} #wrap .tc-command .tc-footer>a{font-size:12px;font-weight:600;line-height:1.45;white-space:nowrap} /* The brief adapts to its own width: actions drop under the identity block, facts go two-up. */ #wrap .rf-company-brief{container:brief/inline-size} @container brief (max-width:600px){ #wrap .rf-company-brief .rf-brief-head{grid-template-columns:44px minmax(0,1fr)} #wrap .rf-company-brief .rf-brief-actions{grid-column:1/-1;grid-row:3;justify-content:flex-start;margin-top:12px} } @container brief (max-width:420px){ #wrap .rf-company-brief .rf-fact-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px} #wrap .rf-company-brief .rf-fact-strip>div{min-width:0;padding:0;border:0} #wrap .rf-company-brief .rf-brief-actions>*{flex:1 1 auto} } @media(max-width:1100px){ /* Rep Today without the brief pane: one column, rows run full width and carry their evidence. */ #wrap .w7tday.w7t-organized{grid-template-columns:minmax(0,1fr)} #wrap .w7tday .w7t-body,#wrap .w7tday.w7t-organized>.w7t-main>:is(.w7legend-sample,.w7end){grid-column:1;margin-right:0} #wrap .w7tday .w7list .rf-prospect-row{align-items:start} #wrap .w7tday .w7list .rf-prospect-row>:is(.rf-row-avatar,.sg-addnote){align-self:start} #wrap .w7tday .rf-row-evidence{display:block;margin:6px 0 0;font:400 13px/1.5 var(--font-ui);color:var(--ink2)} #wrap .w7tday .rf-row-evidence q{quotes:"\201C" "\201D"} /* Manager Today keeps the split, with more room for the list. */ #wrap .tc-command .rf-manager-workspace{grid-template-columns:minmax(240px,1fr) minmax(0,1.6fr)} } @media(max-width:820px){ #wrap .context-brief{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px} #wrap .context-brief .cb-priorities{padding:12px 0 0;border-left:0;border-top:1px solid var(--line)} #wrap>.context-brief .cb-heading h2,#wrap .tc-command>.context-brief .cb-heading h2{font-size:24px} #wrap .tc-metrics{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))} /* Manager Today stacks: list, then the brief of the selected row. */ #wrap .tc-command .rf-manager-workspace{grid-template-columns:minmax(0,1fr)} #wrap .tc-command .rf-manager-list{grid-column:1} #wrap .tc-command .rf-manager-workspace>.tc-evidence{grid-column:1;grid-row:4;margin-top:16px} #wrap .tc-command .rf-manager-workspace:has(.tc-prospect.is-selected:first-child) .tc-evidence{border-top-left-radius:var(--radius-panel,8px)} #wrap .tc-command .rf-manager-list .tc-prospect{margin-right:0} #wrap .tc-command .rf-manager-list .tc-prospect.is-selected{margin-right:0;padding-right:0;border-right:1px solid var(--line);border-radius:var(--radius-panel,8px)} } @media(max-width:540px){ #wrap .cb-heading{display:flex;flex-direction:column;align-items:stretch;gap:0} #wrap .cb-heading>div{display:contents} #wrap .cb-kicker{order:1} #wrap .cb-heading h2{order:2} #wrap .cb-date{order:3;margin:2px 0 0;white-space:normal} #wrap .cb-scope{display:inline;margin:0} #wrap>.context-brief .cb-heading h2,#wrap .tc-command>.context-brief .cb-heading h2{font-size:22px} #wrap .tc-command .tc-metric{gap:8px;padding:12px} #wrap .tc-command .tc-metric:first-child{padding-left:12px} #wrap .tc-command .rf-manager-list .tc-prospect-select{padding:12px 16px 12px 9px} #wrap .w7tday .w7list .rf-prospect-row{padding:12px 4px 12px 9px} #wrap .w7tday .w7t-sec .w7sech{padding:0 12px 0 9px} #wrap .w7tday .w7t-head .w7chip{min-height:40px} #wrap .w7tday .w7list .rf-prospect-row>.sg-addnote{width:40px;height:40px;min-width:40px;min-height:40px} #wrap .w7tday .w7list .rf-prospect-row{grid-template-columns:40px minmax(0,1fr) 40px} #wrap .tc-command .rf-manager-workspace .tc-evidence .rf-company-brief,#wrap .w7tday .w7t-pane{padding:16px} } /* Company record ======================================================================== */ /* Record header: trail row, then the identity beside a two-row control cluster that shares its rows. */ #wrap .rf-record-head{margin:0 0 var(--space-4)} #wrap .rf-record-trail{min-height:24px;margin:0 0 var(--space-3);gap:var(--space-3)} #wrap .rf-record-back,#wrap .rf-record-trail .sg-headlinks a{font:600 12px/1.4 var(--font-ui);color:var(--blue)} #wrap .rf-record-trail .sg-headlinks{gap:var(--space-4)} #wrap .rf-record-heading{align-items:stretch;gap:var(--space-5)} #wrap .rf-record-identity{align-items:center;gap:var(--space-3)} #wrap .rf-record-name{display:grid;grid-template-rows:repeat(2,minmax(var(--control-height),auto));row-gap:var(--space-2);align-items:center;align-self:stretch} #wrap .rf-record-name h2{font:700 26px/1.2 var(--font-ui);letter-spacing:-.035em;color:var(--ink)} #wrap .rf-record-name .w4facts{margin:0;font-size:12px;line-height:1.5} #wrap .rf-record-name .idb{margin:0} #wrap .rf-record-controls{grid-template-rows:repeat(2,var(--control-height));gap:var(--space-2) var(--space-3);align-self:flex-start;align-items:center} #wrap :is(.rf-record-status,.rf-record-owner,.rf-record-actions){gap:var(--space-2)} #wrap .rf-record-owner>.sg-field-label{display:block;margin:0 var(--space-1) 0 0;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .rf-record-owner .own{gap:var(--space-2);font-size:13px;color:var(--ink)} #wrap .rf-record-owner .ini{width:24px;height:24px;font-size:10px} /* Owner and status selects are standard 36px selects; the status dot sits inside the select. */ #wrap .rf-record-head :is(#ownsel,#stagesel){height:var(--control-height);min-height:var(--control-height);max-width:180px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background-color:var(--surface);color:var(--ink);font:600 13px/1.2 var(--font-ui)} #wrap .rf-record-status .w4say{position:relative;min-height:var(--control-height);padding:0;border-radius:0;background:none;gap:var(--space-2)} #wrap .rf-record-status .w4say>i{width:8px;height:8px} #wrap .rf-record-status .w4say:has(>#stagesel)>i{position:absolute;left:11px;top:50%;margin-top:-4px;pointer-events:none} #wrap .rf-record-head #stagesel{padding-left:26px} #wrap .rf-record-status .w4say>b{font:600 13px/1.2 var(--font-ui);color:var(--ink)} /* Relationship settings is a small secondary button; its menu hangs 4px below it. */ #wrap .rf-relationship-settings{font-size:12px} #wrap .rf-relationship-settings>summary{display:inline-flex;align-items:center;min-height:var(--control-height-sm);padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:600 12px/1.2 var(--font-ui);white-space:nowrap} #wrap .rf-relationship-settings>summary::-webkit-details-marker{display:none} #wrap .rf-relationship-settings>summary:hover{border-color:var(--rule2,var(--line))} #wrap .rf-relationship-settings[open] .rf-relationship-menu{top:calc(100% + var(--space-1));right:0;left:auto;width:min(265px,calc(100vw - 2 * var(--layout-gutter)));min-width:0;padding:var(--space-3);gap:var(--space-3);border-radius:var(--radius-panel)} #wrap .rf-relationship-menu select{height:var(--control-height);min-height:var(--control-height);padding:0 30px 0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background-color:var(--surface);font:400 13px/1.2 var(--font-ui);color:var(--ink)} #wrap .rf-relationship-menu .sg-relationship{display:grid;gap:var(--space-2)} #wrap .rf-record-actions .btn{min-height:var(--control-height)} /* Record tabs: 40px underline tabs on a 1px rule, 18px count pills; panels start 16px below. */ #wrap .sg-record .w6marks{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);padding:0} #wrap .sg-record>.w6tabs>.w6tablist{gap:var(--space-1);min-height:40px;margin:0;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none} #wrap .sg-record>.w6tabs>.w6tablist .w6tab{display:inline-flex;align-items:center;gap:6px;height:40px;min-height:40px;margin:0 0 -1px;padding:0 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;font:600 13px/1.2 var(--font-ui);color:var(--ink2);white-space:nowrap} #wrap .sg-record>.w6tabs>.w6tablist .w6tab:hover{color:var(--ink)} #wrap .sg-record>.w6tabs>.w6tablist .w6tab.on{border-bottom-color:var(--blue);color:var(--ink);background:none} #wrap .sg-record .w6tab .w6tc{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin:0;padding:0 6px;border:0;border-radius:9px;background:var(--surface-3);color:var(--ink2);font:600 11px/1 var(--font-ui);font-variant-numeric:tabular-nums} #wrap .sg-record .w6tab.on .w6tc{background:var(--bluetint);color:var(--blue)} #wrap .sg-record>.w6tabs>.w6panel{padding:var(--space-4) 0 0} /* Narrower desks: the identity takes the full width and the controls form a toolbar under it. */ @media(max-width:1200px){ #wrap .rf-record-heading{flex-direction:column;align-items:stretch;gap:var(--space-3)} #wrap .rf-record-name{grid-template-rows:auto auto;row-gap:var(--space-1);align-self:center} #wrap .rf-record-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-2) var(--space-3);max-width:none} #wrap .rf-record-owner{order:1} #wrap .rf-record-status{order:2} #wrap .rf-record-actions{order:3;flex-basis:100%;justify-content:flex-start} } @media(max-width:820px){ #wrap .rf-record-name h2{font-size:24px} #wrap .sg-record>.w6tabs>.w6tablist{gap:0;overflow-x:auto} #wrap .sg-record>.w6tabs>.w6tablist .w6tab{padding:0 10px} } /* Phones: every control is a full-width, 40px row; the owner label sits 4px above its select. */ @media(max-width:540px){ #wrap .rf-record-trail{align-items:center} #wrap .rf-record-trail .sg-headlinks{gap:var(--space-3);font-size:12px} #wrap .rf-record-name h2{font-size:22px} #wrap .rf-record-controls{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:var(--space-2);width:100%} #wrap .rf-record-owner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-1) var(--space-2)} #wrap .rf-record-owner>.sg-field-label{grid-column:1/-1;margin:0} #wrap .rf-record-owner .own{grid-column:1/-1} #wrap .rf-record-head :is(#ownsel,#stagesel){flex:1;width:100%;max-width:none;height:40px;min-height:40px} #wrap .rf-record-status{display:flex;flex-wrap:nowrap} #wrap .rf-record-status .w4say{flex:1;min-width:0} #wrap .rf-relationship-settings>summary{min-height:40px} #wrap .rf-record-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} #wrap .rf-record-actions .btn{min-height:40px;width:100%} } /* Overview cards: radius 8, 16px padding, one 650 15px title row with its link centered on it, 12px below. */ #wrap .rf-account-layout{align-items:start} #wrap .rf-account-card,#wrap .rf-account-main .w6bandpane{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--refined-panel);box-shadow:var(--refined-shadow)} #wrap .rf-account-card{padding:var(--panel-padding)} #wrap .rf-account-card h3,#wrap .rf-account-main .w6bandpane .ph h3{margin:0 0 var(--space-3);font:650 15px/1.35 var(--font-ui);letter-spacing:0;color:var(--ink)} #wrap .rf-account-card .rf-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-3)} #wrap .rf-account-card .rf-card-head>h3{margin:0} #wrap :is(.rf-account-card .rf-card-head>a,.rf-contact-preview a,.rf-account-card>a){font:600 12px/1.4 var(--font-ui);color:var(--blue);white-space:nowrap} #wrap .rf-account-card p{margin:0 0 var(--space-2);font-size:13px;line-height:1.5;color:var(--ink2)} /* Prospecting clues: the same title row as its neighbors, count beside the title. */ #wrap .rf-account-main .w6bandpane .ph{display:flex;align-items:center;gap:var(--space-2);min-height:0;padding:var(--panel-padding) var(--panel-padding) 0;border:0;border-radius:0} #wrap .rf-account-main .w6bandpane .ph svg{width:16px;height:16px;flex:none} #wrap .rf-account-main .w6bandpane .ph h3{margin:0} #wrap .rf-account-main .w6bandpane .ph .n{margin:0;font:500 13px/1.35 var(--font-ui);color:var(--mute)} #wrap .rf-account-main .w6bandpane .pb{padding:var(--space-3) var(--panel-padding) var(--panel-padding)} #wrap .rf-account-main .w6bandpane .w6rr{gap:var(--space-1);padding:var(--space-3) 0;border:0;border-top:1px solid var(--line2)} #wrap .rf-account-main .w6bandpane .w6rr:first-child{padding-top:0;border-top:0} #wrap .rf-account-main .w6bandpane .w4rlab{font:650 11px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)} #wrap .rf-account-main .w6bandpane .w6rt{font-size:13px;line-height:1.5;color:var(--ink2)} #wrap .rf-account-main .w6bandpane .w6rw{font-size:11px;line-height:1.45;color:var(--mute)} #wrap .rf-account-main .w6bandpane .sg-clue-scope{margin:0;padding:var(--space-3) 0 0;border-top:1px solid var(--line2);font-size:12px;line-height:1.45;color:var(--mute)} /* Contact & relationship: centered initials, 12px between people, a ruled second group for company details. */ #wrap .rf-contact-preview{display:flex;align-items:center;gap:var(--space-3);margin:0} #wrap .rf-contact-preview+.rf-contact-preview{margin-top:var(--space-3)} #wrap .rf-contact-preview .rf-avatar{display:grid;place-items:center;width:40px;height:40px;font:650 14px/1 var(--font-ui);color:var(--ink)} #wrap .rf-contact-preview>div{display:grid;gap:2px;min-width:0} #wrap .rf-contact-preview b{font:650 13px/1.35 var(--font-ui);color:var(--ink)} #wrap .rf-contact-preview span:not(.rf-avatar){font-size:12px;line-height:1.4;color:var(--mute)} #wrap .rf-account-card>h3:not(:first-child){margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line2)} #wrap .rf-company-fields{gap:var(--space-3);margin:0} #wrap .rf-company-field{gap:var(--space-1);padding:0 0 var(--space-3);border-bottom:1px solid var(--line2)} #wrap :is(.rf-company-field>span,.rf-account-card dt){font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .rf-company-field>b{font:500 13px/1.5 var(--font-ui);color:var(--ink)} #wrap .rf-company-field .ev-alt{display:grid;gap:2px;margin:var(--space-1) 0 0} #wrap .rf-company-field .ev-alt small{font-size:11px;line-height:1.4;color:var(--mute)} #wrap .rf-company-field .ev-alt span{font-size:13px;line-height:1.5;color:var(--ink2)} #wrap .rf-account-card dl{margin:0} #wrap .rf-account-card dl>div{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-2) 0;border-bottom:1px solid var(--line2);font-size:13px} #wrap .rf-account-card dd{margin:0;color:var(--ink)} #wrap .rf-company-fields+dl,#wrap #rf-company-fields:has(.rf-company-field)+dl{margin-top:var(--space-1)} /* Recent activity: a 1px rail with dots centered on it. */ #wrap .rf-activity{margin:0 0 0 4px;padding:0 0 0 var(--space-4);border-left:1px solid var(--line)} #wrap .rf-activity>div{padding:0 0 var(--space-3)} #wrap .rf-activity>div:last-child{padding-bottom:0} #wrap .rf-activity>div::before{left:-20px;top:5px;width:7px;height:7px} #wrap .rf-activity b{display:block;font:650 12px/1.4 var(--font-ui);color:var(--ink)} #wrap .rf-activity p{margin:var(--space-1) 0 0;font-size:12px;line-height:1.45;color:var(--ink2)} #wrap .rf-account-card .source-footer{margin-top:var(--space-3);padding-top:var(--space-2)} /* Fleet preview: title left, link right; a compact table with the shared header cell style. */ #wrap .rf-fleet-preview table{width:100%;border-collapse:collapse;margin:0} #wrap .rf-fleet-preview th{height:36px;padding:0 var(--space-3);background:var(--surface-2);text-align:left;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--blue)} #wrap .rf-fleet-preview td{padding:10px var(--space-3);border-bottom:1px solid var(--line2);font-size:13px;line-height:1.4;color:var(--ink2);vertical-align:middle} #wrap .rf-account-card.rf-fleet-preview .rf-fleet-caption{margin:var(--space-3) 0 0;font-size:12px;line-height:1.45;color:var(--mute)} /* Fleet sub-tabs: a 36px segmented control with 28px items; Export sits on the same center line. */ #wrap .rf-fleet .fp-tabs{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:2px;height:var(--control-height);margin:0;padding:3px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2)} #wrap .rf-fleet .fp-tab{display:inline-flex;align-items:center;height:28px;min-height:28px;padding:0 12px;border:0;border-radius:4px;background:none;font:600 12px/1.2 var(--font-ui);color:var(--ink2);white-space:nowrap} #wrap .rf-fleet .fp-tab:hover{color:var(--ink)} #wrap .rf-fleet .fp-tab.on{background:var(--surface);color:var(--blue);box-shadow:0 0 0 1px var(--line)} #wrap .rf-fleet .rf-card-head .rf-chart-link{align-self:center;margin:0;padding:0} #wrap .rf-vehicle-heading{align-items:center} #wrap .rf-weight-card .rf-card-head{margin:0} @media(max-width:540px){ #wrap .rf-fleet-nav{flex-direction:column;align-items:stretch;gap:var(--space-2)} #wrap .rf-fleet .fp-tabs{display:flex;width:100%;height:auto;padding:2px} #wrap .rf-fleet .fp-tab{flex:1 1 auto;justify-content:center;min-height:40px;padding:0 8px} #wrap .rf-fleet .rf-export{align-self:stretch;min-height:40px} #wrap .rf-fleet-heading{flex-wrap:wrap;gap:var(--space-1)} #wrap .rf-fleet-heading>span{text-align:left} } #wrap .rf-powertrain-grid+.rf-powertrain-table{margin-top:var(--layout-gap)} #wrap .rf-powertrain-table .rf-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-3)} #wrap .rf-powertrain-table .rf-card-head h3{margin:0} /* Fleet tables share the header cell style: 36px tinted row, 10px 12px cells, 13px body text. */ #wrap .rf-fleet :is(.rf-powertrain-table,.rf-fleet-preview) table{width:100%;border-collapse:collapse} #wrap .rf-fleet :is(.rf-powertrain-table,.rf-fleet-preview) th{height:36px;padding:0 var(--space-3);background:var(--surface-2);text-align:left;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--blue)} #wrap .rf-fleet :is(.rf-powertrain-table,.rf-fleet-preview) td{padding:10px var(--space-3);border-bottom:1px solid var(--line2);font-size:13px;line-height:1.4;color:var(--ink2);vertical-align:middle;white-space:normal} /* Record sub-panels (Details & sources, Changes): 16px padding, radius 8, 650 15px titles, 12px apart. */ #wrap .sg-record .w6sub{margin:0;padding:var(--panel-padding);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--refined-panel);box-shadow:var(--refined-shadow)} #wrap .sg-record .w6sub>h4{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin:0 0 var(--space-3);font:650 15px/1.35 var(--font-ui);letter-spacing:0;color:var(--ink)} #wrap .sg-record .w6sub>h4 .w6subn{font:500 12px/1.4 var(--font-ui);color:var(--mute)} #wrap .sg-record .w6sub>h4 .idb{align-self:center} #wrap .sg-record .w6sub h5{display:flex;align-items:baseline;gap:var(--space-2);margin:var(--space-3) 0 var(--space-1);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .sg-record [data-panel=sources] .w6sub{margin-top:var(--layout-gap)} #wrap .sg-record [data-panel=sources]>.w6sub:first-child{margin-top:0} #wrap .sg-record #sgRecallsSlot>.w6sub{margin-top:var(--layout-gap)} #wrap .sg-record :is(.ev-caveat,.ev-review){margin:0 0 var(--space-2);padding:10px var(--space-3);border-radius:var(--radius-control);font-size:13px;line-height:1.5} /* Contacts: a section heading with the company phone cluster centered on it; cards share a row height. */ #wrap .sg-contacts-intro{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin:0 0 var(--space-3)} #wrap .sg-contacts-intro h3{margin:0;font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;color:var(--ink)} #wrap .sg-contacts-intro p{margin:var(--space-1) 0 0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .sg-contacts-intro>div:nth-child(2){display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2) var(--space-3)} #wrap .sg-contact-cards{align-items:stretch} #wrap .sg-contact-card{display:flex;flex-direction:column;padding:var(--panel-padding);border-radius:var(--radius-panel)} #wrap .sg-contact-card>header{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-3)} #wrap .sg-contact-card h4{font:650 15px/1.35 var(--font-ui);letter-spacing:0;color:var(--ink)} #wrap .sg-contact-card>header p{margin:2px 0 0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .sg-contact-channels{gap:var(--space-3)} #wrap .sg-contact-channels>div{gap:var(--space-1);padding:0 0 var(--space-3);border-bottom:1px solid var(--line2);font-size:13px;line-height:1.45;overflow-wrap:break-word;word-break:normal} #wrap .sg-contact-channels>div>span:first-child{margin:0;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .sg-contact-channels a{font-size:13px;font-weight:500} #wrap .sg-contact-card{overflow-wrap:break-word} #wrap .sg-contact-card>footer{margin:auto 0 0;padding:var(--space-3) 0 0} #wrap .sg-contact-card>footer .source-footer{margin:0;padding:0;border:0} #wrap .sg-contact-card>.sg-contact-sources{margin:var(--space-2) 0 0;padding:0;border:0} #wrap .sg-contact-sources>summary{display:list-item;padding:var(--space-1) 0;font:600 12px/1.4 var(--font-ui);color:var(--ink2)} #wrap .sg-contacts>.w5addcontact{width:100%;margin-top:var(--space-3)} /* Activity: follow-ups card, section heading, notes brief, one filter bar, composer, then the timeline, 12px apart. */ #wrap .sg-record [data-panel=timeline]>.sg-history-caveat{margin:0 0 var(--space-3);font-size:12px;line-height:1.45;color:var(--mute)} #wrap .sg-record [data-panel=timeline]>.crm-followups{margin:0 0 var(--section-gap);padding:var(--panel-padding);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--refined-panel);box-shadow:var(--refined-shadow)} #wrap .sg-record .crm-fu-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-3)} #wrap .sg-record .crm-fu-head h2{margin:0;font:650 15px/1.35 var(--font-ui);color:var(--ink)} #wrap .sg-record .crm-fu-head p{margin:2px 0 0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .sg-record .crm-fu-head>span{font-size:12px;color:var(--mute)} #wrap .sg-record .crm-fu-head .w7btn{flex:none} #wrap .sg-record .crm-fu-empty{margin:var(--space-3) 0 0;font-size:13px;line-height:1.45;color:var(--mute)} #wrap .sg-record .crm-fu-list{margin:var(--space-3) 0 0} #wrap .sg-record .crm-fu-item{gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--line2)} #wrap .sg-record .crm-fu-item:last-child{padding-bottom:0} #wrap .sg-record .crm-fu-item p{margin:var(--space-1) 0;font-size:13px;line-height:1.5} #wrap .sg-record .crm-fu-status{display:inline-flex;align-items:center;min-height:20px;margin-right:var(--space-2);padding:0 6px;border-radius:4px;font-size:11px} #wrap .sg-record .crm-fu-actions{gap:var(--space-2)} #wrap .sg-record .crm-fu-form{margin-top:var(--space-3);padding:var(--space-3)} #wrap .sg-company-page .rf-activity-page{display:flex;flex-direction:column;gap:var(--space-3)} #wrap .sg-company-page .rf-activity-page>*{margin:0} #wrap .rf-activity-heading h2{margin:0;font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;color:var(--ink)} #wrap .rf-activity-heading p{margin:var(--space-1) 0 0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .sg-company-page .sg-note-brief{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-2)} #wrap .sg-company-page .sg-note-brief>summary{display:list-item;min-height:0;padding:10px var(--panel-padding);font:600 13px/20px var(--font-ui);color:var(--ink)} #wrap .sg-company-page .sg-note-brief>summary span{margin-left:var(--space-2);font-size:12px;font-weight:400;color:var(--mute)} #wrap .sg-company-page .sg-note-brief #company-note-summary-slot{padding:0 var(--panel-padding) var(--panel-padding)} /* The filter bar: a segmented lane filter, the tag select (its label kept for screen readers) and one-border search. */ #wrap .sg-company-page .rf-activity-page .w6tlbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-2)} #wrap .sg-record .w6tlbar .w6chips{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:2px;height:var(--control-height);padding:3px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);max-width:100%;overflow-x:auto;scrollbar-width:none} #wrap .sg-record .w6tlbar .w6chips::-webkit-scrollbar{display:none} #wrap .sg-record .w6tlbar .w6chip{flex:none;display:inline-flex;align-items:center;height:28px;min-height:28px;padding:0 12px;border:0;border-radius:4px;background:none;font:600 12px/1.2 var(--font-ui);color:var(--ink2);white-space:nowrap} #wrap .sg-record .w6tlbar .w6chip:hover{color:var(--ink)} #wrap .sg-record .w6tlbar .w6chip.on{background:var(--bluetint);color:var(--blue);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 30%,transparent)} #wrap .sg-record .sg-tagfilter{display:flex;align-items:center;margin:0} #wrap .sg-record .sg-tagfilter>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #wrap .sg-record #tlTag{height:var(--control-height);min-height:var(--control-height);min-width:150px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background-color:var(--surface);font:400 13px/1.2 var(--font-ui);color:var(--ink)} #wrap .sg-record .w6tlbar .w5tlsearch{flex:1 1 220px;max-width:none;min-width:0;margin:0} #wrap .sg-record .w5tlsearch .fsearch{display:flex;align-items:center;gap:6px;height:var(--control-height);min-height:var(--control-height);padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)} #wrap .sg-record .w5tlsearch .fsearch svg{width:16px;height:16px;flex:none;color:var(--mute)} #wrap .sg-record .w5tlsearch .fsearch input{flex:1;min-width:0;height:100%;min-height:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;font:400 13px/1.2 var(--font-ui);color:var(--ink)} #wrap .sg-record .w5tlsearch .fsearch:focus-within{outline:2px solid var(--blue);outline-offset:1px} /* Composer: a card with the shared title, a 36px one-line field that never shows a scrollbar, Talk and Save at 36px. */ #wrap .sg-company-page .rf-activity-page .w6comp{padding:var(--panel-padding);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-2);box-shadow:none} #wrap .sg-company-page .rf-activity-page .w6comp>.sg-field-label{display:block;margin:0 0 var(--space-3);font:650 15px/1.35 var(--font-ui);letter-spacing:0;text-transform:none;color:var(--ink)} #wrap .sg-record .w6crow{align-items:flex-start;gap:var(--space-2)} #wrap .sg-record .w6comp textarea{height:var(--control-height);min-height:var(--control-height);padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);font-size:13px;line-height:18px;overflow-y:hidden;resize:none} #wrap .sg-record .w6comp.open textarea{height:88px;min-height:88px;overflow-y:auto;resize:vertical} #wrap .sg-record .w6comp :is(.mic,#saveNote){height:var(--control-height);min-height:var(--control-height);padding:0 14px;font-size:13px} #wrap .sg-record .w6cmore{margin-top:var(--space-3)} /* Timeline: an 72px date gutter on each card's first line; one 24px marker column so every entry's text starts at the same x. */ #wrap .rf-activity-page .w4tl{display:grid;gap:var(--space-2);padding:0;border:0} #wrap .rf-activity-page .w4dayg{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-3);margin:0;padding:0;border:0} #wrap .rf-activity-page .w4when{padding-top:var(--space-4);font:650 10px/14px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)} #wrap .rf-activity-page .w4evs{display:grid;gap:var(--space-2)} #wrap .rf-activity-page .w4ev{grid-template-columns:24px minmax(0,1fr);gap:var(--space-3);margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-panel)} #wrap .rf-activity-page .w4ev>.w4dot{justify-self:center;width:8px;height:8px;margin-top:6px} #wrap .rf-activity-page .w4ev>.w4dot.sg-noteicon{width:24px;height:24px;margin-top:-2px} #wrap .rf-activity-page .w4ev>.w4dot.sg-noteicon svg{width:14px;height:14px} #wrap .rf-activity-page :is(.nh,.w4line){min-height:20px} #wrap .rf-activity-page .nh{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin:0 0 var(--space-1);line-height:20px} #wrap .rf-activity-page .nh .nk{font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .rf-activity-page .nh .tm{display:inline-flex;align-items:center;height:18px;padding:0 6px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font:600 11px/1 var(--font-ui);letter-spacing:0;text-transform:none;color:var(--ink2)} #wrap .rf-activity-page .nh .tm.sales{border-color:transparent;background:var(--bluetint);color:var(--blue)} #wrap .rf-activity-page .nh .nw{font-size:12px;color:var(--mute)} #wrap .rf-activity-page :is(.w5nedit,.w5ndel){display:inline-grid;place-items:center;width:28px;height:28px;margin:-4px 0;padding:0;border-radius:var(--radius-control)} #wrap .rf-activity-page :is(.w5nedit,.w5ndel) svg{width:14px;height:14px} #wrap .rf-activity-page .nt{font-size:13px;line-height:1.5;color:var(--ink)} #wrap .rf-activity-page .w4line{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-2);font-size:13px;line-height:20px;color:var(--ink2)} #wrap .rf-activity-page .w4line .w4rlab{font:650 10px/1.4 var(--font-ui);letter-spacing:.06em} #wrap .rf-activity-page :is(.w4evmeta,.rf-note-provenance){margin-top:var(--space-2);font-size:11px;line-height:1.45} #wrap .rf-activity-page #w4tlmore:not(:empty){display:flex;align-items:center;gap:var(--space-3)} /* Details & sources: the key facts as stat tiles, then 16px panels 12px apart with label and value columns. */ #wrap .sg-record .w6facts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--layout-gap);margin:0;padding:0;border:0;border-radius:0;background:none;overflow:visible} #wrap .sg-record .w6facts>.w6fact{grid-column:auto;display:flex;flex-direction:column;gap:var(--space-1);min-width:0;min-height:64px;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--refined-panel);box-shadow:var(--refined-shadow)} #wrap .sg-record .w6fk{font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .sg-record .w6fv{font:700 22px/1.1 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink)} #wrap .sg-record .w6fs{margin:0;font-size:12px;line-height:1.35;color:var(--mute);white-space:normal;overflow:visible} #wrap .sg-record .w6eqgrid{gap:0 var(--space-6)} #wrap .sg-record .w6eqgrid .eq{display:grid;grid-template-columns:minmax(96px,38%) minmax(0,1fr);align-items:baseline;gap:var(--space-3);min-height:40px;padding:10px 0;border-top:1px solid var(--line2);font-size:13px;line-height:1.45;color:var(--ink2)} #wrap .sg-record .w6eqgrid .eq>span:first-child{font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .sg-record .w6eqgrid .eq>b{font:500 13px/1.45 var(--font-ui);text-align:left;color:var(--ink);overflow-wrap:anywhere} #wrap .sg-record .w6eqgrid .eq>b .schip{margin-left:var(--space-1)} #wrap .sg-record .w6sub .src{margin-top:var(--space-3);padding:0;border:0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .sg-record .w6sub .pr-line{margin:0 0 var(--space-2);font-size:13px;line-height:1.5} #wrap .sg-record .w6sub>h4+.schip,#wrap .sg-record .w6sub>h4+.schips{margin-bottom:var(--space-2)} #wrap .sg-record .w4exp{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:var(--control-height-sm);margin-top:var(--space-3);padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);font:600 12px/1.2 var(--font-ui);color:var(--ink)} #wrap .sg-record .w4exp:hover{border-color:var(--rule2,var(--line));color:var(--blue)} #wrap .sg-record .w4expbody{margin-top:var(--space-3);padding-top:var(--space-3)} #wrap .sg-record .w5cgrid{gap:var(--space-3);margin:0} #wrap .sg-record .w5cgrid label{gap:var(--space-1);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .sg-record .w5cgrid :is(input,select){height:var(--control-height);min-height:var(--control-height);padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);font:400 13px/1.2 var(--font-ui);letter-spacing:0;text-transform:none;color:var(--ink)} #wrap .sg-record .w5cactions{gap:var(--space-2);margin-top:var(--space-3)} /* Phones: dates sit above their cards, filters are full-width 40px rows. */ @media(max-width:540px){ #wrap .rf-activity-page .w4dayg{grid-template-columns:minmax(0,1fr);gap:var(--space-1)} #wrap .rf-activity-page .w4when{padding-top:0} #wrap .rf-activity-page .w4ev{padding:var(--space-3)} #wrap .sg-record .w6tlbar .w6chips{width:100%;height:auto;padding:2px} #wrap .sg-record .w6tlbar .w6chip{height:40px;min-height:40px} #wrap .sg-record .sg-tagfilter,#wrap .sg-record #tlTag{flex:1 1 100%;width:100%;height:40px} #wrap .sg-record .w5tlsearch .fsearch{height:40px} #wrap .sg-record .w6comp :is(.mic,#saveNote),#wrap .sg-record .w6comp textarea{min-height:40px} #wrap .sg-record .crm-fu-head{flex-wrap:wrap} } /* Companies, Pipeline and Deals ========================================================= */ /* Shared: list and detail splits on these pages are 16px apart and open beside the list from 1280px. */ #wrap :is(.cp-portfolio .cp-workspace,.cp-pipeline .cp-layout,.cd-command .cd-layout){grid-template-columns:minmax(0,1fr);gap:var(--section-gap);align-items:start} @media(min-width:1280px){ #wrap .cp-portfolio .cp-workspace,#wrap .cd-command .cd-layout.has-clues{grid-template-columns:minmax(0,1fr) clamp(300px,30%,400px)} #wrap .cp-pipeline .cp-layout{grid-template-columns:minmax(0,1fr) clamp(300px,30%,400px);grid-template-rows:auto auto auto;row-gap:0} } /* Shared: label bars (pane and table-card headers) are 40px, 16px in, blue 10px caps on the tint. */ #wrap :is(.cp-portfolio .cp-panel-label,.cp-pipeline .cp-definitions>h2,.cd-command .cd-records-label,.cd-command .sd-clues>summary b){display:flex;align-items:center;min-height:40px;margin:0;padding:0 16px;border-bottom:1px solid var(--line);border-radius:0;background:var(--bluetint);color:var(--blue);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase} /* Shared: cards on these pages carry the panel radius, border and soft shadow. */ #wrap :is(.cp-portfolio .sp-table-wrap,.cp-pipeline .cp-table-scroll,.cp-pipeline .cp-definitions,.cd-command .cd-records,.cd-command .sd-clues){border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--refined-shadow)} /* Shared: table header cells, 650 10px caps in blue on the tint, left aligned with their column. */ #wrap :is(.cp-portfolio .sp-table .sp-columns th,.cp-pipeline .cp-record-table th){height:40px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--bluetint);color:var(--blue);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;text-align:left;vertical-align:middle;white-space:nowrap} #wrap :is(.cp-portfolio .sp-table .sp-columns th,.cp-pipeline .cp-record-table th):first-child{padding-left:16px} #wrap :is(.cp-portfolio .sp-table .sp-columns th,.cp-pipeline .cp-record-table th):last-child{padding-right:16px;text-align:right} /* Shared: status pills are 22px, 11px text, left aligned under a left-aligned header. */ #wrap :is(.cp-portfolio .sp-table .sp-row .sp-stage .sp-status,.cp-pipeline .cp-stage,.cd-command .sd-status){display:inline-flex;align-items:center;gap:0;min-height:22px;padding:2px 8px;border-radius:999px;font:600 11px/1.3 var(--font-ui);letter-spacing:0;text-transform:none;white-space:nowrap} /* Shared: field labels in filter bars and forms sit 4px above their 36px control. */ #wrap :is(.cp-portfolio .sp-filters :is(.sp-filter,.sp-search),.cd-command .sd-filters label){display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:4px;position:relative;width:auto;min-width:0;max-width:none;margin:0;border:0;border-radius:0;background:none;color:var(--ink2);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase} #wrap :is(.cp-portfolio .sp-filters,.cd-command .sd-filters) :is(input,select){width:100%;min-width:0;margin:0;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:500 13px/1.2 var(--font-ui);letter-spacing:0;text-transform:none} #wrap :is(.cp-portfolio .sp-search,.cd-command .sd-filter-search) input{padding-left:32px} #wrap :is(.cp-portfolio .sp-filters,.cd-command .sd-filters) :is(input,select):focus-visible{outline:2px solid var(--blue);outline-offset:1px} #wrap .cp-portfolio .sp-filters :is(.sp-filter,.sp-search):focus-within{outline:0} @media(max-width:540px){#wrap :is(.cp-portfolio .sp-filters,.cd-command .sd-filters) :is(input,select){font-size:16px}#wrap :is(.cp-portfolio .sp-filters,.cd-command .sd-filters) select{padding:0 8px}} /* ---- Companies ---- */ /* Search carries the same field label as the selects; its 16px icon sits 10px in, text at 32px. */ #wrap .cp-portfolio .sp-search::before{content:"Search"} #wrap .cp-portfolio .sp-search .w7ci{position:absolute;left:10px;bottom:calc((var(--control-height) - 16px) / 2);width:16px;height:16px;color:var(--mute);pointer-events:none} #wrap .cd-command .sd-filter-search::after{content:"";position:absolute;left:10px;bottom:calc((var(--control-height) - 16px) / 2);width:16px;height:16px;background:var(--mute);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") center/16px 16px no-repeat;pointer-events:none} /* Advanced search: a bordered disclosure, 40px when closed, 16px above the list heading. */ #wrap .cp-portfolio .cp-advanced{margin:0 0 var(--section-gap);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)} #wrap .cp-portfolio .cp-advanced>summary{padding:10px 16px;color:var(--blue);font:600 13px/20px var(--font-ui)} #wrap .cp-portfolio .cp-advanced>summary span{margin-left:8px;color:var(--mute);font:400 12px/20px var(--font-ui);vertical-align:top} #wrap .cp-portfolio .cp-advanced form{padding:0 16px 16px} #wrap .cp-portfolio :is(.cp-search-explainer,.cp-search-hint){margin:12px 0 0;color:var(--mute);font-size:12px;line-height:1.5} #wrap .cp-portfolio .cp-search-group{margin:0;padding:0 0 16px;border:0;border-bottom:1px solid var(--line2)} #wrap .cp-portfolio .cp-search-group>legend{padding:16px 0 12px;color:var(--ink);font:650 13px/1.35 var(--font-ui)} #wrap .cp-portfolio .cp-search-grid{align-items:end;gap:12px 16px} #wrap .cp-portfolio .cp-search-field{gap:4px} #wrap .cp-portfolio :is(.cp-search-field>span,.cp-search-range>legend){color:var(--ink2);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase} #wrap .cp-portfolio .cp-search-range{gap:8px 12px} #wrap .cp-portfolio .cp-search-range>legend{margin:0 0 4px;padding:0} #wrap .cp-portfolio .cp-search-range .cp-search-field>span{color:var(--mute);font:500 11px/1.4 var(--font-ui);letter-spacing:0;text-transform:none} #wrap .cp-portfolio .cp-search-field :is(input,select){height:var(--control-height);padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:400 13px/1.2 var(--font-ui)} #wrap .cp-portfolio .cp-search-actions{gap:12px;padding-top:16px} #wrap .cp-portfolio .cp-search-actions #csearchfeedback{color:var(--mute);font-size:12px} #wrap .cp-portfolio .cp-search-status{margin:0 0 12px;font-size:12px;line-height:1.45} /* List heading: sentence case, count beside it, sort state right and centered; the color key is its subtitle. */ #wrap .cp-portfolio>.w7csech{order:1} #wrap .cp-portfolio>.sp-legend{order:2} #wrap .cp-portfolio>#csample{order:3} #wrap .cp-portfolio>.cp-workspace{order:4} #wrap .cp-portfolio .w7csech{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:0 0 4px;color:var(--ink);font:inherit;letter-spacing:0;text-transform:none} #wrap .cp-portfolio .w7csech .w7csl{color:var(--ink);font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;text-transform:none} #wrap .cp-portfolio .w7csech .w7cn2{padding:0;border-radius:0;background:none;color:var(--mute);font:500 13px/1.45 var(--font-ui);font-variant-numeric:tabular-nums} #wrap .cp-portfolio .w7csech .w7caside{align-self:center;margin-left:auto;color:var(--mute);font:500 12px/1.45 var(--font-ui);letter-spacing:0;text-transform:none} #wrap .cp-portfolio .sp-legend{gap:4px 16px;margin:0 0 12px;color:var(--mute);font-size:12px;line-height:1.45} #wrap .cp-portfolio .sp-legend>span{gap:6px} #wrap .cp-portfolio .sp-legend i{width:8px;height:8px} #wrap .cp-portfolio .sp-scope summary{color:var(--blue);font:600 12px/1.45 var(--font-ui)} #wrap .cp-portfolio .sp-scope p{top:calc(100% + 8px);width:340px;padding:12px 16px;border-radius:var(--radius-panel);box-shadow:var(--shadow-float);color:var(--ink2);font-size:12px;line-height:1.5} #wrap .cp-portfolio #csample:not(:empty){margin:0 0 12px} /* Table: the company column takes the free width; owner, relationship and activity keep fixed widths. */ #wrap .cp-portfolio .sp-table-wrap{overflow:hidden} #wrap .cp-portfolio .cp-col-account{width:auto} #wrap .cp-portfolio .cp-col-owner{width:132px} #wrap .cp-portfolio .cp-col-stage{width:132px} #wrap .cp-portfolio .cp-col-note{width:156px} #wrap .cp-portfolio .cp-col-open{width:60px} #wrap .cp-portfolio .sp-table .sp-row{border:0;border-bottom:1px solid var(--line2);background:var(--surface)} #wrap .cp-portfolio .sp-table .sp-row:nth-child(even){background:var(--surface-2)} #wrap .cp-portfolio .sp-table .sp-row:last-child{border-bottom:0} #wrap .cp-portfolio .sp-table .sp-row:hover{background:color-mix(in srgb,var(--blue) 5%,var(--surface))} #wrap .cp-portfolio .sp-table .sp-row.is-expanded{background:color-mix(in srgb,var(--blue) 8%,var(--surface));box-shadow:inset 4px 0 var(--blue)} #wrap .cp-portfolio .sp-table .sp-row.is-sample{background:var(--sample-tint)} #wrap .cp-portfolio .sp-table .sp-row>:first-child{padding-left:16px} #wrap .cp-portfolio .sp-table .sp-row>:last-child{padding-right:16px;text-align:right} #wrap .cp-portfolio .sp-account-identity{gap:12px} #wrap .cp-portfolio .sp-table .sp-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;font-size:11px} #wrap .cp-portfolio .sp-table .sp-company-link{color:var(--ink);font:650 13px/1.35 var(--font-ui)} #wrap .cp-portfolio .sp-table .sp-row strong{color:var(--ink);font:500 13px/1.4 var(--font-ui)} #wrap .cp-portfolio .sp-table .sp-row small{margin-top:2px;color:var(--mute);font-size:12px;line-height:1.4} #wrap .cp-portfolio .sp-table .sp-row .cp-fleet-summary{font-size:11px;text-wrap:balance} #wrap .cp-portfolio .sp-table .sp-family{margin-top:4px} #wrap .cp-portfolio .sp-table .sp-row .sp-stage .sp-status{background:color-mix(in srgb,var(--status-tone) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--status-tone) 24%,var(--surface));color:var(--status-tone)} #wrap .cp-portfolio .sp-table .sp-stage[data-stage="rel-customer"]{--status-tone:var(--green)} #wrap .cp-portfolio .sp-table .sp-stage[data-stage="rel-quoted"]{--status-tone:var(--amber)} #wrap .cp-portfolio .sp-table .sp-stage[data-stage="rel-prospect"]{--status-tone:var(--blue)} #wrap .cp-portfolio .sp-details-toggle{display:inline-grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--blue);font-size:16px;line-height:1} #wrap .cp-portfolio .sp-details-toggle:hover{background:var(--bluetint)} #wrap .cp-portfolio .sp-table .sp-empty td{padding:24px 16px} #wrap .cp-portfolio .w7cend{margin:12px 0 0} #wrap .cp-portfolio .w7cend:empty{display:none} #wrap .cp-portfolio button.w7endl-more{display:inline-flex;align-items:center;width:auto;min-height:var(--control-height);padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--blue);font:600 13px/1.2 var(--font-ui)} #wrap .cp-portfolio .sp-remaining{margin-left:12px;color:var(--mute);font-size:12px} /* Detail pane: label bar, then name, meta and 12px-spaced sections; the actions sit on their own row. */ #wrap .cp-portfolio .cp-panel-body{padding:16px} #wrap .cp-portfolio .cp-panel-body h2{margin:0;color:var(--ink);font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em} #wrap .cp-portfolio .cp-panel-body .cp-panel-meta{margin:4px 0 0;color:var(--mute);font-size:12px;line-height:1.45} #wrap .cp-portfolio .cp-panel-body>section{margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--line2)} #wrap .cp-portfolio .cp-panel-body h3{margin:0 0 8px;color:var(--ink2);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase} #wrap .cp-portfolio .cp-panel-body p{margin:0;font-size:13px;line-height:1.5} #wrap .cp-portfolio .cp-panel-body .cp-note{margin:0;padding:12px;border-radius:var(--radius-control);background:var(--surface-2);color:var(--ink2)} #wrap .cp-portfolio .cp-panel-body small{margin-top:8px;color:var(--mute);font-size:12px;line-height:1.45} #wrap .cp-portfolio .cp-panel-body .cp-phone{display:inline-block;margin-top:4px;font:600 14px/1.4 var(--font-ui)} #wrap .cp-portfolio .cp-panel-body .cp-phone+small{margin-top:4px} #wrap .cp-portfolio .cp-panel-body>section>a:not(.cp-phone){display:inline-block;margin-top:4px;font:600 12px/1.4 var(--font-ui)} #wrap .cp-portfolio .cp-panel-foot{display:grid;gap:12px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--line2)} #wrap .cp-portfolio .cp-panel-foot>span{max-width:none;color:var(--mute);font-size:12px;line-height:1.45} #wrap .cp-portfolio .cp-note-actions{justify-content:space-between;gap:12px} #wrap .cp-portfolio .cp-note-actions .sg-addnote{min-height:var(--control-height-sm);padding:0 12px;gap:6px;border-radius:var(--radius-control);font:600 12px/1.2 var(--font-ui)} #wrap .cp-portfolio .cp-note-actions .sg-addnote svg{width:16px;height:16px} #wrap .cp-portfolio .cp-note-actions>a{font:600 13px/1.4 var(--font-ui)} #wrap .cp-portfolio .cp-panel-empty{padding:16px;font-size:13px;line-height:1.5} #wrap .cp-portfolio .cp-retry{min-height:var(--control-height-sm);margin-top:8px;padding:0 12px;border-radius:var(--radius-control);font:600 12px/1.2 var(--font-ui)} @media(min-width:1280px){ #wrap .cp-portfolio .cp-account-panel{position:sticky;top:var(--sticky-top);max-height:calc(100vh - var(--sticky-top) - 16px);overflow:auto;border-radius:var(--radius-panel)} } /* 1001 to 1279px: the table takes the full width; the pane opens over its right side as a sticky drawer (sticky, not fixed: #wrap keeps the view-swap transform, which would pin a fixed drawer to #wrap). */ @media(min-width:1001px) and (max-width:1279px){ #wrap .cp-portfolio .cp-list{grid-area:1/1} #wrap .cp-portfolio .cp-account-panel{display:none;grid-area:1/1;justify-self:end;align-self:start;position:sticky;top:var(--sticky-top);z-index:5;width:min(400px,100%);max-height:calc(100vh - var(--sticky-top) - 16px);overflow:auto;padding:0;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-float)} #wrap .cp-portfolio .cp-account-panel.open{display:block} #wrap .cp-portfolio .cp-panel-back{display:flex;align-items:center;width:100%;min-height:40px;margin:0;padding:0 16px;border:0;border-bottom:1px solid var(--line2);background:var(--surface);color:var(--blue);font:600 13px/1.4 var(--font-ui);cursor:pointer} } @media(max-width:1000px){ #wrap .cp-portfolio .cp-account-panel{padding:12px var(--layout-gutter) 32px} #wrap .cp-portfolio .cp-panel-back{min-height:40px;margin:0 0 8px;padding:0;font:600 13px/1.4 var(--font-ui)} #wrap .cp-portfolio .cp-account-panel .cp-panel-label{margin:0 calc(-1 * var(--layout-gutter))} } /* Up to 900px each company is a card: identity, then labelled facts in two columns. */ @media(max-width:900px){ #wrap .cp-portfolio .cp-workspace .sp-table .sp-row>:is(th,td){height:auto;padding:0;text-align:left} #wrap .cp-portfolio .sp-table .sp-row{gap:12px 16px;padding:12px 16px} #wrap .cp-portfolio .sp-table .sp-row>.sp-account{padding:0 0 12px!important;border-bottom:1px solid var(--line2)} #wrap .cp-portfolio .sp-table .sp-account .sp-company-link{font:650 15px/1.35 var(--font-ui)} #wrap .cp-portfolio .sp-table .sp-row td:not(.sp-open)::before{margin:0 0 4px;color:var(--ink2);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em} #wrap .cp-portfolio .sp-table .sp-row>.sp-open{display:flex;align-items:flex-end;justify-content:flex-end} } @media(max-width:650px){ #wrap .cp-portfolio .sp-table .sp-row>.sp-open{grid-column:1/-1;justify-content:flex-start} #wrap .cp-portfolio .sp-details-toggle{display:inline-flex;gap:6px;width:auto;min-height:40px;padding:0 12px;border:1px solid var(--line);font:600 13px/1.2 var(--font-ui)} } @media(max-width:540px){ #wrap .cp-portfolio .cp-advanced>summary span{display:block;margin:4px 0 0} } /* ---- Pipeline ---- */ /* Stage tiles: the stat spec with the stage color on a 3px top edge; value left, stage and meaning right. */ #wrap .cp-pipeline .cp-metrics{grid-template-columns:repeat(4,minmax(0,1fr))} #wrap .cp-pipeline .cp-metric{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"value label" "value hint";align-content:center;align-items:center;gap:2px 12px;border:1px solid var(--line);border-top:3px solid var(--cp-accent);border-radius:var(--radius-panel);background:var(--refined-panel);box-shadow:var(--refined-shadow)} #wrap .cp-pipeline .cp-metric>span{grid-area:label;color:color-mix(in srgb,var(--cp-accent) 82%,var(--ink));font:650 12px/1.35 var(--font-ui);letter-spacing:0;text-transform:none} #wrap .cp-pipeline .cp-metric>strong{grid-area:value} #wrap .cp-pipeline .cp-metric>small{grid-area:hint;color:var(--mute);font-size:12px;line-height:1.35} #wrap .cp-pipeline .cp-metric:hover{background:var(--surface-2)} #wrap .cp-pipeline .cp-metric.is-selected{border-color:var(--blue);border-top-color:var(--cp-accent);background:var(--bluetint)} /* Stage list heading: the browse link is centered on the heading line; the definitions start level with the table. */ #wrap .cp-pipeline .cp-records{min-width:0} #wrap .cp-pipeline .cp-records-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:0} #wrap .cp-pipeline .cp-records-head p{margin:4px 0 0;color:var(--mute);font-size:12px;line-height:1.45} #wrap .cp-pipeline .cp-records-head>a{flex:none;max-width:none;color:var(--blue);font:600 13px/25px var(--font-ui);text-align:right;white-space:nowrap} @media(min-width:1280px){ #wrap .cp-pipeline .cp-records{display:grid;grid-row:1/span 3;grid-template-rows:subgrid} #wrap .cp-pipeline .cp-definitions{grid-column:2;grid-row:2/span 2} } /* Stage table: 40px header, 56px rows, actions right aligned in the last column. */ #wrap .cp-pipeline .cp-table-scroll{overflow-x:auto} #wrap .cp-pipeline .cp-record-table th:first-child{width:auto} #wrap .cp-pipeline .cp-record-table th:nth-child(2){width:136px} #wrap .cp-pipeline .cp-record-table th:nth-child(3){width:30%} #wrap .cp-pipeline .cp-record-table th:last-child{width:104px} #wrap .cp-pipeline .cp-record-row{background:var(--surface)} #wrap .cp-pipeline .cp-record-row:nth-of-type(4n+3){background:var(--surface-2)} #wrap .cp-pipeline .cp-record-row:hover{background:color-mix(in srgb,var(--blue) 5%,var(--surface))} #wrap .cp-pipeline .cp-record-row td{height:56px;padding:10px 12px;border-bottom:1px solid var(--line2);vertical-align:middle} #wrap .cp-pipeline .cp-record-row td:first-child{padding-left:16px} #wrap .cp-pipeline .cp-record-row td:last-child{padding-right:16px;text-align:right} #wrap .cp-pipeline .cp-record-table tbody>tr:last-child>td,#wrap .cp-pipeline .cp-record-table tbody>tr:nth-last-child(2):has(+tr[hidden])>td{border-bottom:0} #wrap .cp-pipeline .cp-company{gap:12px} #wrap .cp-pipeline .cp-company .sf-avatar{display:grid;place-items:center;width:32px;height:32px;background:color-mix(in srgb,var(--blue) 14%,var(--surface));color:var(--blue);font-size:11px;font-weight:650} #wrap .cp-pipeline .cp-record-row:nth-of-type(8n+3) .sf-avatar{background:color-mix(in srgb,var(--teal) 16%,var(--surface));color:var(--teal)} #wrap .cp-pipeline .cp-record-row:nth-of-type(8n+5) .sf-avatar{background:color-mix(in srgb,var(--amber) 16%,var(--surface));color:var(--amber)} #wrap .cp-pipeline .cp-record-row:nth-of-type(8n+7) .sf-avatar{background:color-mix(in srgb,var(--red) 14%,var(--surface));color:var(--red)} #wrap .cp-pipeline .cp-company strong{font:650 13px/1.35 var(--font-ui)} #wrap .cp-pipeline .cp-company small{margin-top:2px;color:var(--mute);font-size:12px;line-height:1.4} #wrap .cp-pipeline .cp-record-row td>small{margin-top:4px;color:var(--mute);font-size:12px;line-height:1.4} #wrap .cp-pipeline .cp-record-row td>small.is-overdue{color:var(--red);font-weight:600} #wrap .cp-pipeline .cp-record-row td>small.is-today{color:var(--blue);font-weight:600} #wrap .cp-pipeline .cp-stage{background:color-mix(in srgb,var(--cp-accent) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cp-accent) 24%,var(--surface));color:color-mix(in srgb,var(--cp-accent) 82%,var(--ink))} #wrap .cp-pipeline .cp-action{color:var(--ink);font-size:13px;line-height:1.4} #wrap .cp-pipeline .cp-open a{display:block;padding:0;color:var(--blue);font:600 13px/1.4 var(--font-ui)} #wrap .cp-pipeline .cp-open button{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:0;color:var(--ink2);font:600 12px/1.4 var(--font-ui)} #wrap .cp-pipeline .cp-open button::after{content:"";width:5px;height:5px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)} #wrap .cp-pipeline .cp-open button[aria-expanded="true"]{color:var(--blue)} #wrap .cp-pipeline .cp-open button[aria-expanded="true"]::after{margin-top:3px;transform:rotate(-135deg)} #wrap .cp-pipeline .cp-empty{padding:24px 16px;font-size:13px;line-height:1.5} /* Context row: the record card sits 16px in on the row tint with a 3px accent. */ #wrap .cp-pipeline .cp-record-detail>td{padding:0 16px 12px;border-bottom:1px solid var(--line2);background:var(--surface-2)} #wrap .cp-pipeline .cp-record-detail .sf-card{margin:0;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:var(--radius-control);background:var(--surface)} #wrap .cp-pipeline .cp-record-detail .sf-card-main{padding:12px 16px} #wrap .cp-pipeline .cp-record-detail .sf-card-detail{gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line2)} #wrap .cp-pipeline .cp-record-detail .sf-card-head+.sf-card-detail{margin-top:0;padding-top:0;border-top:0} #wrap .cp-pipeline .cp-record-detail .sf-label{color:var(--ink2);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em} #wrap .cp-pipeline .cp-record-detail .sf-detail-text{font:500 13px/1.5 var(--font-ui)} #wrap .cp-pipeline .cp-record-detail .sf-detail-date{font-size:12px;line-height:1.4} #wrap .cp-pipeline .cp-record-detail .sf-deal-title{margin:0;font:650 13px/1.4 var(--font-ui)} #wrap .cp-pipeline .cp-record-detail .sf-deal-link{padding:8px 16px;border-top-color:var(--line2);font:600 12px/1.4 var(--font-ui)} /* Stage definitions: a card with a 40px label bar and 12px-spaced entries. */ #wrap .cp-pipeline .cp-definitions{overflow:hidden} #wrap .cp-pipeline .cp-definitions>section{gap:12px;margin:0 16px;padding:12px 0;border-bottom:1px solid var(--line2)} #wrap .cp-pipeline .cp-dot{width:10px;height:10px;margin-top:4px} #wrap .cp-pipeline .cp-definitions h3{margin:0 0 4px;color:var(--ink);font:650 13px/1.35 var(--font-ui)} #wrap .cp-pipeline .cp-definitions section p{color:var(--mute);font-size:12px;line-height:1.5} #wrap .cp-pipeline .cp-definitions .cp-note{margin:12px 16px 16px;padding:12px;border-radius:var(--radius-control);font-size:12px;line-height:1.5} /* Pager under the table and the page footer: 12px and 16px above, meta text. */ #wrap .cp-pipeline .cp-records>.cp-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;padding:0;border:0;color:var(--mute);font-size:12px} #wrap .cp-pipeline .sf-content>.cp-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:var(--section-gap) 0 0;padding:12px 0 0;border-top:1px solid var(--line);color:var(--mute);font-size:11px;line-height:1.45} #wrap .cp-pipeline .sf-content>.cp-footer a{font-weight:600} /* Loading and error states share the card shape and the default button. */ #wrap .cp-pipeline :is(.sf-loading,.sf-error){min-height:320px;padding:32px 24px;border-color:var(--line);border-radius:var(--radius-panel);background:var(--surface);font-size:13px} #wrap .cp-pipeline :is(.sf-loading b,.sf-error h2){margin:12px 0 4px;font:650 15px/1.35 var(--font-ui)} #wrap .cp-pipeline .sf-error p{margin:0 0 16px} #wrap .cp-pipeline .sf-retry{min-height:var(--control-height);padding:0 14px;border-radius:var(--radius-control);font:600 13px/1.2 var(--font-ui)} @media(max-width:1279px){ #wrap .cp-pipeline .cp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))} #wrap .cp-pipeline .cp-definitions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} #wrap .cp-pipeline .cp-definitions>:is(h2,.cp-note){grid-column:1/-1} } @media(max-width:640px){ #wrap .cp-pipeline .cp-definitions{display:block} #wrap .cp-pipeline .cp-records-head{flex-wrap:wrap} /* Each stage record is a card: company, then the pill with its actions, then the next action. */ #wrap .cp-pipeline .cp-table-scroll{overflow:visible} #wrap .cp-pipeline .cp-record-table{display:block;min-width:0} #wrap .cp-pipeline .cp-record-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #wrap .cp-pipeline .cp-record-table tbody{display:block} #wrap .cp-pipeline .cp-record-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:12px 16px;border-bottom:1px solid var(--line2)} #wrap .cp-pipeline .cp-record-row td,#wrap .cp-pipeline .cp-record-row td:is(:first-child,:last-child){display:block;height:auto;padding:0;border:0;text-align:left} #wrap .cp-pipeline .cp-record-row td:first-child,#wrap .cp-pipeline .cp-record-row td:nth-child(3){grid-column:1/-1} #wrap .cp-pipeline .cp-record-row td.cp-open{grid-column:2;grid-row:2;display:flex;align-items:center;gap:16px} #wrap .cp-pipeline .cp-open :is(a,button){display:inline-flex;align-items:center;min-height:40px;margin:0} #wrap .cp-pipeline .cp-record-table tbody>tr:last-of-type{border-bottom:0} #wrap .cp-pipeline .cp-record-detail{display:block} #wrap .cp-pipeline .cp-record-detail>td{display:block;padding:0 16px 12px} } @media(max-width:540px){ #wrap .cp-pipeline .cp-metric{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "value" "hint";align-content:start;gap:4px} } /* ---- Deals ---- */ /* KPI tiles: the stat spec; the active filter keeps its tint and a 3px blue top accent. */ #wrap .cd-command .sd-summary{grid-template-columns:repeat(5,minmax(0,1fr))} #wrap .cd-command .sd-metric{border-color:var(--line);background:var(--refined-panel);box-shadow:var(--refined-shadow)} #wrap .cd-command .sd-metric:hover{border-color:var(--line);background:var(--surface-2)} #wrap .cd-command .sd-metric.is-active{border-color:var(--blue);background:var(--bluetint);box-shadow:inset 0 3px 0 var(--blue)} /* Section heading with the deal count centered on its line, then the filter bar 12px below. */ #wrap .cd-command .sd-board-panel{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible} #wrap .cd-command .sd-board-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:0} #wrap .cd-command .sd-board-toolbar p{margin:4px 0 0;color:var(--mute);font-size:12px;line-height:1.45} #wrap .cd-command .sd-board-total{flex:none;color:var(--mute);font:500 13px/25px var(--font-ui);white-space:nowrap} #wrap .cd-command .sd-filters label>span{font:inherit;letter-spacing:inherit;text-transform:inherit} #wrap .cd-command #sd-closed-window{margin:0 0 12px;color:var(--ink2);font-size:12px;line-height:1.45} /* Confirmed opportunities: a card with a 40px label bar over a 36px table header and 56px rows. */ #wrap .cd-command .cd-records{overflow:hidden} #wrap .cd-command :is(.sd-table-head,.sd-row){display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr) 32px;column-gap:24px;align-items:center} #wrap .cd-command .sd-table-head{min-height:36px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--blue);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase} #wrap .cd-command .sd-row{border-bottom:1px solid var(--line2);background:var(--surface)} #wrap .cd-command .sd-row:nth-child(odd){background:var(--surface-2)} #wrap .cd-command .sd-row:last-child{border-bottom:0} #wrap .cd-command .sd-row:hover{background:color-mix(in srgb,var(--blue) 5%,var(--surface))} #wrap .cd-command .sd-cell{gap:2px;line-height:1.4} #wrap .cd-command .sd-identity-top{flex-wrap:wrap;align-items:center;gap:4px 8px} #wrap .cd-command .sd-company-link{font-weight:650;line-height:1.35} #wrap .cd-command .sd-deal-identity strong{color:var(--ink);font-weight:500;line-height:1.4} #wrap .cd-command .sd-cell-main{color:var(--ink);font-weight:500;line-height:1.4} #wrap .cd-command .sd-cell-sub{color:var(--mute)} #wrap .cd-command .sd-status{background:color-mix(in srgb,var(--blue) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 24%,var(--surface));color:var(--blue)} #wrap .cd-command .sd-status-won{background:color-mix(in srgb,var(--green) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 24%,var(--surface));color:var(--green)} #wrap .cd-command .sd-status-lost{background:color-mix(in srgb,var(--red) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--red) 24%,var(--surface));color:var(--red)} #wrap .cd-command .sd-status-withdrawn{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--mute)} #wrap .cd-command .sd-due{margin-left:4px;font-weight:650} #wrap .cd-command .sd-row-end{align-items:flex-end;justify-content:center} #wrap .cd-command .sd-row-end .sd-text-button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border-radius:var(--radius-control);font-size:0} #wrap .cd-command .sd-row-end .sd-text-button>span{font-size:16px;line-height:1} #wrap .cd-command .sd-row-end .sd-text-button:hover{background:var(--bluetint);text-decoration:none} #wrap .cd-command .sd-board-foot{min-height:40px;padding:8px 16px;border-top:1px solid var(--line2);color:var(--mute);font-size:12px} #wrap .cd-command .sd-board-foot .sd-button{min-height:var(--control-height-sm);padding:0 12px;font-size:12px} /* Empty, loading and error states: a 48px icon circle, a card title and the default button. */ #wrap .cd-command .sd-state{color:var(--mute);font-size:13px;line-height:1.5} #wrap .cd-command .sd-state-icon{margin:0 0 12px;border-radius:50%;background:var(--bluetint);color:var(--blue);font-size:20px;line-height:1} #wrap .cd-command .sd-state h3{margin:0;color:var(--ink);font:650 15px/1.35 var(--font-ui);letter-spacing:0} #wrap .cd-command .sd-state p{max-width:520px;color:var(--mute);font-size:13px;line-height:1.5} /* Unconfirmed source history: label bar (caret from fit-shell), description, count, then the list. */ #wrap .cd-command .sd-clues{margin:0;overflow:hidden} #wrap .cd-command .sd-clues>summary{display:block;position:relative;padding:0 0 12px;list-style:none} #wrap .cd-command .sd-clues>summary>span:first-child{display:flex;flex-direction:column} #wrap .cd-command .sd-clues>summary b{padding-right:44px} #wrap .cd-command .sd-clues>summary small{padding:12px 16px 0;color:var(--ink2);font-size:13px;line-height:1.5} #wrap .cd-command .sd-clue-count{display:block;padding:8px 16px 0;color:var(--ink);font:650 15px/1.35 var(--font-ui)} #wrap .cd-command .sd-clue-body{padding:0 16px;border-top:1px solid var(--line2)} #wrap .cd-command .sd-clue{display:block;padding:12px 0;border:0;border-top:1px solid var(--line2);background:transparent} #wrap .cd-command .sd-clue:first-child{border-top:0} #wrap .cd-command .sd-clue>div>a{color:var(--ink);font:650 13px/1.35 var(--font-ui)} #wrap .cd-command .sd-clue small{margin:2px 0 0;color:var(--mute);font-size:11px;line-height:1.4} #wrap .cd-command .sd-clue p{margin:4px 0 0;color:var(--ink2);font-size:13px;line-height:1.5} #wrap .cd-command .sd-clue>.sd-text-button{margin-top:8px;padding:0;font:600 12px/1.4 var(--font-ui)} #wrap .cd-command :is(.sd-clue-more,.sd-clue-empty){margin:0;padding:12px 0;border-top:1px solid var(--line2);color:var(--mute);font-size:12px;line-height:1.45} #wrap .cd-command .sd-clue-body>.sd-state{min-height:0;padding:16px 0} #wrap .cd-command .sd-trust-note{margin:var(--section-gap) 0 0;padding:12px 0 0;border-top:1px solid var(--line);color:var(--mute);font-size:11px;line-height:1.45} /* Up to 900px each deal is a card: identity first, then labelled facts in two columns. */ @media(min-width:901px){ #wrap .cd-command .sd-table-head{display:grid} #wrap .cd-command .sd-cell[data-label]::before{content:none} #wrap .cd-command .sd-deal-identity{grid-column:auto;padding:0;border:0} #wrap .cd-command .sd-row-end{grid-column:auto} } @media(max-width:1279px){ #wrap .cd-command .sd-clue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px} #wrap .cd-command .sd-clue:nth-child(2){border-top:0} } @media(max-width:900px){ #wrap .cd-command .sd-table-head{display:none} #wrap .cd-command .sd-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:start} #wrap .cd-command .sd-deal-identity{grid-column:1/-1;padding:0 0 12px;border-bottom:1px solid var(--line2)} #wrap .cd-command .sd-cell[data-label]:not(.sd-deal-identity)::before{content:attr(data-label);margin:0 0 2px;color:var(--ink2);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase} #wrap .cd-command .sd-row-end{grid-column:1/-1;align-items:flex-start} #wrap .cd-command .sd-row-end .sd-text-button{display:inline-flex;align-items:center;gap:6px;width:auto;height:auto;min-height:40px;padding:0 12px;border:1px solid var(--line);font:600 13px/1.2 var(--font-ui)} #wrap .cd-command .sd-row-end .sd-text-button>span{font-size:inherit} } @media(max-width:640px){ #wrap .cd-command .sd-summary{grid-template-columns:repeat(2,minmax(0,1fr))} #wrap .cd-command .sd-summary>.sd-metric:last-child{grid-column:1/-1} #wrap .cd-command .sd-clue-list{display:block} #wrap .cd-command .sd-clue:nth-child(2){border-top:1px solid var(--line2)} } /* Prospects, Notes, Team and Territory ================================================== */ /* ===== Prospects (#/found, #/market): market list, unassigned list, map ===== */ /* Scope switch: a 36px segmented control with count badges; the definition link sits on its right. */ #wrap .cp-prospects .w7f-scoperow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:12px 0 0} #wrap .cp-prospects .w7f-scoperow .w7f-scope{display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;height:36px;margin:0;padding:3px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)} #wrap .cp-prospects .w7f-scope a{display:inline-flex;align-items:center;gap:8px;flex:none;height:28px;min-height:0;padding:0 12px;border:0;border-radius:4px;background:none;font:600 12px/1 var(--font-ui);color:var(--ink2);white-space:nowrap} #wrap .cp-prospects .w7f-scope a.on{background:var(--bluetint);color:var(--blue)} #wrap .cp-prospects .w7f-scope a:not(.on):hover{color:var(--ink)} #wrap .cp-prospects .w7f-scope .w7n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 6px;border-radius:9px;background:var(--line2);color:var(--ink2);font:600 11px/1 var(--font-ui);font-variant-numeric:tabular-nums} #wrap .cp-prospects .w7f-scope a.on .w7n{background:var(--surface);color:var(--blue)} /* Filter bar: one tinted container; labelled select-style menus and the List/Map switch bottom-align. */ #wrap .cp-prospects .w7f-bar{display:flex;align-items:flex-end;gap:12px;margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-2)} #wrap .cp-prospects .w7f-filters{flex:1;display:flex;flex-wrap:nowrap;align-items:flex-end;gap:12px;min-width:0;margin:0;padding:0} #wrap .cp-prospects .cp-filter-menu{flex:1 1 0;min-width:0} #wrap .cp-prospects .cp-filter-menu.cp-filter-bands{flex:1.7 1 0} #wrap .cp-prospects .cp-filter-menu>summary{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-height:0;padding:0;border-radius:var(--radius-control)} #wrap .cp-prospects .cp-filter-menu>summary>span{margin:0;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .cp-prospects .cp-filter-menu>summary>b{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);font:500 13px/1.2 var(--font-ui);color:var(--ink)} #wrap .cp-prospects .cp-filter-menu>summary:hover>b,#wrap .cp-prospects .cp-filter-menu[open]>summary>b{border-color:var(--rule2)} #wrap .cp-prospects .cp-filter-menu .cp-filter-val{display:block;flex:1;min-width:0;margin:0;overflow:hidden;font:inherit;letter-spacing:normal;text-transform:none;color:inherit;text-overflow:ellipsis;white-space:nowrap} #wrap .cp-prospects .cp-filter-menu>summary>b .w7i{width:16px;height:16px;flex:none;color:var(--mute)} #wrap .cp-prospects .cp-filter-options{top:calc(100% + 4px);min-width:max(100%,220px);gap:4px;padding:8px;border-radius:var(--radius-panel);box-shadow:var(--shadow-float)} #wrap .cp-prospects .cp-filter-options .w7f-fc{min-height:36px;padding:0 10px;border-radius:var(--radius-control);font:600 12px/1.2 var(--font-ui)} #wrap .cp-prospects .cp-filter-options small{padding:0 2px;font-size:11px;line-height:1.4} #wrap .cp-prospects .w7f-filters>.w7f-town{flex:none;height:36px;min-height:0;padding:0 10px 0 12px;border-radius:var(--radius-control);font:600 12px/1 var(--font-ui)} /* List/Map switch: the same segmented control as the scope switch. */ #wrap .cp-prospects .w7f-toggle{display:flex;align-items:center;gap:4px;flex:none;align-self:flex-end;height:36px;margin:0;padding:3px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)} #wrap .cp-prospects .w7f-toggle a{display:inline-flex;align-items:center;gap:6px;height:28px;min-height:0;padding:0 12px;border:0;border-radius:4px;font:600 12px/1 var(--font-ui);color:var(--ink2)} #wrap .cp-prospects .w7f-toggle a.on{background:var(--bluetint);color:var(--blue)} #wrap .cp-prospects .w7f-toggle a:not(.on):hover{color:var(--ink)} #wrap .cp-prospects .w7f-toggle .w7i{width:16px;height:16px} #wrap .cp-prospects .w7legend-sample{margin:0 0 16px} /* List + case split: the case pane starts level with the table, not with the heading above it. */ #wrap .cp-prospects .w7f-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);grid-template-rows:auto auto auto auto 1fr;gap:0 16px;align-items:start} #wrap .cp-prospects .w7f-main{display:contents} #wrap .cp-prospects .w7f-main>*{grid-column:1;min-width:0} #wrap .cp-prospects .cp-results-heading{grid-row:1;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:0 0 12px} #wrap .cp-prospects .cp-results-heading h2{margin:0;font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;color:var(--ink)} #wrap .cp-prospects .cp-results-heading span{font:500 13px/1.25 var(--font-ui);color:var(--mute)} #wrap .cp-prospects [data-m-bulk]{grid-row:2;margin:0 0 12px} #wrap .cp-prospects .w7f-main>:is([data-list],.w7f-empty){grid-row:3;margin:0} #wrap .cp-prospects .w7f-ulist{margin-top:0} #wrap .cp-prospects .w7f-listf{padding:12px 0 0;font-size:12px;line-height:1.5} #wrap .cp-prospects .w7f-pager{grid-row:4;margin:12px 0 0} #wrap .cp-prospects .w7f-pane{grid-column:2;grid-row:3/6;top:var(--sticky-top);max-height:calc(100dvh - var(--sticky-top) - 16px);border-radius:var(--radius-panel)} /* Hand-out hint: a 36px dashed row, text centered on its icon. */ #wrap .cp-prospects .w7f-bulkhint{gap:8px;min-height:36px;padding:8px 12px;border-radius:var(--radius-panel);font-size:12px;line-height:1.4} #wrap .cp-prospects .w7f-bulkhint .w7i{width:16px;height:16px} #wrap .cp-prospects .w7bulk{border-radius:var(--radius-panel)} /* Table card: 36px header, 56px rows, 10px 12px cells with 16px outer edges, numbers right-aligned. */ #wrap .cp-prospects .w7f-box{margin:0;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);overflow:hidden} @media(min-width:821px){ #wrap .cp-prospects .w7f-tbl th{height:40px;padding:0 12px;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--blue);vertical-align:middle;border-bottom:1px solid var(--line)} #wrap .cp-prospects .w7f-tbl td{height:56px;padding:10px 12px;font-size:13px;line-height:1.4;vertical-align:middle;border-bottom:1px solid var(--line2)} #wrap .cp-prospects .w7f-tbl :is(th,td):first-child{padding-left:16px} #wrap .cp-prospects .w7f-tbl :is(th,td):last-child{padding-right:16px} #wrap .cp-prospects .w7f-tbl tbody tr:last-child td,#wrap .cp-prospects .w7f-tbl tr.w7f-hassample td{border-bottom:0} #wrap .cp-prospects [data-market-table] th:nth-child(1){width:34px} #wrap .cp-prospects [data-market-table] th:nth-child(2){width:34%} #wrap .cp-prospects [data-market-table] th:nth-child(3){width:auto} #wrap .cp-prospects [data-market-table] th:nth-child(4){width:76px} #wrap .cp-prospects [data-market-table] th:nth-child(5){width:88px} #wrap .cp-prospects [data-market-table] th:nth-child(6){width:164px} #wrap .cp-prospects .w7f-tbl td.w7f-cbc:empty::before{content:'';display:inline-block;width:18px;height:18px;border:1px dashed var(--rule2);border-radius:4px;vertical-align:middle} #wrap .cp-prospects .w7f-namebtn{font:650 13px/1.35 var(--font-ui);color:var(--ink)} #wrap .cp-prospects .w7f-tbl .w7f-sub{margin-top:2px;font-size:12px;line-height:1.35} #wrap .cp-prospects .w7f-trk{font:650 13px/1.4 var(--font-ui);font-variant-numeric:tabular-nums} #wrap .cp-prospects .w7f-tbl .w7f-owns{font-size:12px;color:var(--ink2);font-variant-numeric:tabular-nums} #wrap .cp-prospects .cp-match-badge,#wrap .cp-prospects .cp-market-open{vertical-align:middle} #wrap .cp-prospects .w7f-tbl .cp-match-badge{padding:3px 10px;font-size:11px;line-height:16px;white-space:nowrap} #wrap .cp-prospects .cp-market-open{width:var(--control-height-sm);height:var(--control-height-sm);min-height:0;margin-left:4px} #wrap .cp-prospects .w7f-sr-row td{padding:0 16px 12px 12px} #wrap .cp-prospects .w7f-sr-row td:first-child{padding:0} } #wrap .cp-prospects .w7f-tbl tr.w7f-r:nth-child(even){background:none} #wrap .cp-prospects .cp-market-identity{gap:12px} #wrap .cp-prospects .w7f-tbl .sp-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;font-size:11px} #wrap .cp-prospects .w7f-namebtn:hover{color:var(--blue)} #wrap .cp-prospects .cp-market-open{display:inline-grid;place-items:center;padding:0;border-radius:var(--radius-control)} #wrap .cp-prospects .cp-market-open:hover{background:var(--bluetint)} #wrap .cp-prospects .w7f-boxf{padding:12px 16px;font-size:12px;line-height:1.5;border-top:1px solid var(--line2)} #wrap .cp-prospects .w7f-pg{font-size:12px} #wrap .cp-prospects .w7f-fresh{margin:16px 0 0;padding-top:12px;font-size:11px;line-height:1.5} /* Case pane: 16px body, sections 12px apart, hand-out panel as an inset card (the label bar is the shared one). */ #wrap .cp-prospects .cp-market-preview .cp-panel-body{padding:16px} #wrap .cp-prospects .cp-market-preview .cp-panel-body h2{margin:0 0 4px;font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em} #wrap .cp-prospects .cp-market-preview .cp-panel-body .cp-panel-meta{margin:0 0 12px;font-size:12px;line-height:1.45} #wrap .cp-prospects .cp-market-preview .cp-panel-body>.cp-match-badge{margin:0} #wrap .cp-prospects .cp-market-preview .cp-panel-body>section{margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--line)} #wrap .cp-prospects .cp-market-preview .cp-panel-body h3{margin:0 0 4px;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .cp-prospects .cp-market-preview>.cp-panel-body>section .w7evl{margin:0 0 8px;gap:2px} #wrap .cp-prospects .cp-market-preview>.cp-panel-body>section .w7evl:last-child{margin-bottom:0} #wrap .cp-prospects .cp-market-preview>.cp-panel-body>section .w7evl .w7t{font-size:13px;line-height:1.5} #wrap .cp-prospects .cp-market-preview>.cp-panel-body>section p{margin:0 0 8px;font-size:13px;line-height:1.5} #wrap .cp-prospects .cp-market-preview>.cp-panel-body>section p:last-child{margin-bottom:0} #wrap .cp-prospects .cp-market-contactnote{margin:12px 0 0;font-size:12px;line-height:1.45} #wrap .cp-prospects .cp-market-caution{margin:12px 0 0;padding:8px 12px;border-radius:var(--radius-control)} #wrap .cp-prospects .cp-market-actions .w7f-handout{margin:12px 0 0;padding:12px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-2)} #wrap .cp-prospects .w7f-hrow{gap:8px} #wrap .cp-prospects .w7f-repsel{height:36px;min-height:0;padding:0 8px 0 6px;border-radius:var(--radius-control)} #wrap .cp-prospects .w7f-repsel select{min-height:0;height:34px;font:600 13px/1 var(--font-ui)} #wrap .cp-prospects .cp-market-actions .w7f-why{margin-top:8px;font-size:12px;line-height:1.45} #wrap .cp-prospects .w7f-linkbtn{display:inline;min-height:0;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--blue);font:inherit;font-weight:600;white-space:normal;text-decoration:underline;text-underline-offset:2px} #wrap .cp-prospects .w7f-linkbtn:hover{color:var(--bluedk);background:none} #wrap .cp-prospects .cp-market-actions .w7f-preview{margin-top:8px;padding:8px 12px;border-radius:var(--radius-control);font-size:12px;line-height:1.45} #wrap .cp-prospects .cp-full-evidence{margin-top:12px;padding-top:12px} #wrap .cp-prospects .cp-full-evidence>summary{padding:6px 0;font-size:12px;line-height:20px} /* The compact case (Unassigned accounts) sits inside the pane border, so it drops its own. */ #wrap .cp-prospects .w7f-pane .w7compact{border:0;border-radius:0;box-shadow:none} #wrap .cp-prospects .w7f-pane .w7metaline .w6dopen{min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--blue);font:600 12px/1.4 var(--font-ui)} /* Map view: bordered cards, card titles, small secondary buttons in the town table. */ #wrap .cp-prospects .w7f-mapgrid{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:16px} #wrap .cp-prospects .w7v-side{display:grid;gap:16px;min-width:0} #wrap .cp-prospects .w7f-mapgrid .w7f-box{margin:0} #wrap .cp-prospects .w7f-mapbox{padding:0} #wrap .cp-prospects .w7v-maphead,#wrap .cp-prospects .w7f-mapgrid .w7f-boxh{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:0;padding:12px 16px;border-bottom:1px solid var(--line2);background:none} #wrap .cp-prospects .w7v-maphead b,#wrap .cp-prospects .w7f-mapgrid .w7f-boxh h2{margin:0;font:650 15px/1.35 var(--font-ui);color:var(--ink)} #wrap .cp-prospects .w7v-maphead span,#wrap .cp-prospects .w7f-mapgrid .w7f-aside{margin:0;font-size:12px;color:var(--mute)} #wrap .cp-prospects .w7f-mapsvg{border-radius:0} #wrap .cp-prospects .w7v-mapnote{margin:0;padding:12px 16px;border-top:1px solid var(--line2);font-size:12px;line-height:1.45;color:var(--mute)} #wrap .cp-prospects .w7f-towntbl td{height:48px;padding:6px 12px;font-size:13px} #wrap .cp-prospects .w7f-towntbl .w7f-trk{font-size:13px} #wrap .cp-prospects .w7f-mapgrid .w7btn-xs:not(.w7pri){min-height:32px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);box-shadow:none;color:var(--blue);font:600 12px/1 var(--font-ui)} #wrap .cp-prospects .w7f-mapgrid .w7btn-xs:not(.w7pri):hover{border-color:var(--blue);background:var(--bluetint)} #wrap .cp-prospects .w7v-body{padding:12px 16px 16px} #wrap .cp-prospects .w7v-help,#wrap .cp-prospects .w7v-townhelp{margin:0 0 12px;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .cp-prospects .w7v-townhelp{padding:12px 16px 0} #wrap .cp-prospects .w7v-empty{padding:12px;border-radius:var(--radius-control);font-size:12px;line-height:1.45} #wrap .cp-prospects .w7v-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} #wrap .cp-prospects .w7v-caveat{margin:12px 0 0;font-size:11px;line-height:1.45;color:var(--mute)} @media(max-width:1180px){ #wrap .cp-prospects .w7f-split{grid-template-columns:minmax(0,1fr)} #wrap .cp-prospects .w7f-pane{display:none;position:fixed;inset:0;z-index:90;max-height:none;padding:12px 16px 40px;border:0;border-radius:0;background:var(--card);overflow:auto} #wrap .cp-prospects .w7f-pane.open{display:block} #wrap .cp-prospects .w7f-panebar{display:flex;padding-bottom:12px} #wrap .cp-prospects .w7f-mapgrid{grid-template-columns:minmax(0,1fr)} } @media(max-width:1180px){ #wrap .cp-prospects .w7f-filters{flex-wrap:wrap} #wrap .cp-prospects .cp-filter-menu{flex:1 1 160px} #wrap .cp-prospects .cp-filter-menu.cp-filter-bands{flex:2 1 240px} } @media(max-width:820px){ #wrap .cp-prospects .w7f-bar{flex-direction:column;align-items:stretch} #wrap .cp-prospects .w7f-toggle{align-self:flex-start} #wrap .cp-prospects .w7f-scoperow .w7f-scope{width:100%} #wrap .cp-prospects .w7f-scope a{flex:1 1 0;justify-content:space-between;min-width:0} #wrap .cp-prospects .cp-filter-menu,#wrap .cp-prospects .cp-filter-menu.cp-filter-bands{flex:1 1 200px} #wrap .cp-prospects .w7f-tbl tr.w7f-r{align-items:center;padding:12px 16px} #wrap .cp-prospects .w7f-tbl tr.w7f-r .w7f-cbc{align-self:start;padding-top:7px} #wrap .cp-prospects .w7f-tbl tr.w7f-r td,#wrap .cp-prospects .w7f-tbl tr.w7f-sr-row td{height:auto} #wrap .cp-prospects .w7f-tbl tr.w7f-sr-row{padding:0 16px 12px 56px} } @media(max-width:540px){ #wrap .cp-prospects .w7f-scoperow .w7f-scope{height:auto;padding:3px} #wrap .cp-prospects .w7f-scope a{height:40px;padding:0 10px;font-size:12px} #wrap .cp-prospects .w7f-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #wrap .cp-prospects .cp-filter-menu>summary>b{height:40px} #wrap .cp-prospects .w7f-toggle{height:auto} #wrap .cp-prospects .w7f-toggle a{height:40px} #wrap .cp-prospects .w7f-mapgrid .w7btn-xs:not(.w7pri){min-height:40px;height:40px} } /* ===== Notes (#/feed) ===== */ /* KPI tiles: the shared stat-tile geometry; value left, label and its period stacked beside it. */ #wrap .ca-notes .w6strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px} #wrap .ca-notes .w6strip .w6si{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;gap:0 12px;min-height:64px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);text-align:left;cursor:pointer} #wrap .ca-notes .w6strip .w6si:hover{border-color:var(--rule2)} #wrap .ca-notes .w6strip .w6si.on{border-color:var(--blue);background:var(--bluetint)} #wrap .ca-notes .w6strip .w6si .w6sn{grid-row:1/3;font:700 22px/1.1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink)} #wrap .ca-notes .w6strip .w6si .w6sl{align-self:end;min-width:0;font:600 12px/1.35 var(--font-ui);color:var(--ink2)} #wrap .ca-notes .w6strip .w6si .w6sh{align-self:start;width:auto;min-width:0;font:400 11px/1.35 var(--font-ui);color:var(--mute)} /* Filter bar: every field labelled (uppercase field labels), 36px controls bottom-aligned. */ #wrap .ca-notes .ca-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-2)} #wrap .ca-notes .ca-filters .cofchip{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex:1 1 100px;min-width:0;padding:0;border:0;background:none;text-align:left} #wrap .ca-notes .ca-filters .ca-fsearch{flex:2 1 180px} #wrap .ca-notes .ca-filters .ca-fshow{flex:none} #wrap .ca-notes .ca-filters .fl{margin:0;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .ca-notes .ca-filters .fsearch{display:flex;align-items:center;gap:6px;flex:none;width:100%;min-width:0;max-width:none;height:36px;min-height:0;margin:0;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)} #wrap .ca-notes .ca-filters .fsearch svg{width:16px;height:16px;flex:none;color:var(--mute)} #wrap .ca-notes .ca-filters .fsearch input{height:34px;min-width:0;padding:0;font:400 13px/1.2 var(--font-ui);color:var(--ink)} #wrap .ca-notes .ca-filters .fsearch:focus-within{border-color:var(--blue)} #wrap .ca-notes .ca-filters select{width:100%;max-width:none;height:36px;min-height:0;padding:0 28px 0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background-color:var(--surface);font:400 13px/1.2 var(--font-ui);color:var(--ink)} #wrap .ca-notes .ca-filters select:hover{border-color:var(--rule2)} #wrap .ca-notes .ca-filters .fgrp{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;height:36px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)} #wrap .ca-notes .ca-filters .fgrp button{height:28px;padding:0 12px;border:0;border-radius:4px;background:none;font:600 12px/1 var(--font-ui);color:var(--ink2);white-space:nowrap} #wrap .ca-notes .ca-filters .fgrp button:hover{color:var(--ink)} #wrap .ca-notes .ca-filters .fgrp button.on{background:var(--bluetint);color:var(--blue)} /* List card and the full-entry pane share one top edge and the same 40px label bar. */ #wrap .ca-notes .ca-workspace{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:16px} #wrap .ca-notes .ca-feed-list{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);overflow:hidden} #wrap .ca-notes .ca-feed-list .ph{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface)} #wrap .ca-notes .ca-feed-list .ph h3{margin:0;font:650 15px/1.35 var(--font-ui);color:var(--ink)} #wrap .ca-notes .ca-feed-list .ph .n{font:500 13px/1.2 var(--font-ui);color:var(--mute)} #wrap .ca-notes .feedwrap{border-top:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent} #wrap .ca-notes .feedwrap.w6entries .fday{margin:0;padding:6px 16px;border-bottom:1px solid var(--line2);background:var(--surface-2);font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)} #wrap .ca-notes .ca-note-row{gap:12px;min-height:0;padding:12px 16px 12px 12px;border-bottom:1px solid var(--line2);border-left:4px solid transparent;background:var(--surface)} #wrap .ca-notes .ca-note-row:nth-child(odd){background:var(--surface)} #wrap .ca-notes .ca-note-row:hover{background:var(--surface-2)} #wrap .ca-notes .ca-note-row.selected{border-left-color:var(--blue);background:var(--bluetint)} #wrap .ca-notes .ca-note-row .ca-avatar{display:grid;place-items:center;width:32px;height:32px;font-size:11px} #wrap .ca-notes .ca-note-title{align-items:center;gap:8px} #wrap .ca-notes .ca-note-title b{font:650 13px/1.35 var(--font-ui)} #wrap .ca-notes .ca-kind{min-width:0;height:20px;padding:0 8px;border-radius:10px;font:600 11px/20px var(--font-ui)} #wrap .ca-notes .ca-note-main p{margin:4px 0 2px;font-size:12px;line-height:1.45} #wrap .ca-notes .ca-note-main small{display:block;font-size:11px;line-height:1.4} #wrap .ca-notes .ca-note-row .ca-row-arrow{display:grid;place-items:center;width:24px;height:24px;flex:none;font-size:14px} #wrap .ca-notes .feedmore{padding:12px 16px;border-top:1px solid var(--line2)} #wrap .ca-notes .feedmore:empty{display:none} #wrap .ca-notes .feedmore .endline{font-size:12px;color:var(--mute)} #wrap .ca-notes .ca-footer{margin-top:16px;padding-top:12px;font-size:11px;line-height:1.5} /* Selected-item panes (Notes and Team): sticky; the label bar stays put and only the body scrolls, inside the border. */ #wrap .command-activity .ca-detail{display:flex;flex-direction:column;top:var(--sticky-top);max-height:calc(100dvh - var(--sticky-top) - 16px);overflow:hidden;border-radius:var(--radius-panel);background:var(--surface)} #wrap .command-activity .ca-detail>.ca-detail-label{flex:none} #wrap .command-activity .ca-detail>:not(.ca-detail-label){flex:1 1 auto;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent} #wrap .command-activity .ca-detail-body{padding:16px} #wrap .command-activity .ca-detail h3{margin:0 0 8px;font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em} #wrap .command-activity .ca-detail-link{margin-top:12px;font:600 12px/1.4 var(--font-ui)} #wrap .ca-notes .ca-note-byline{gap:8px;margin:0 0 12px;font-size:11px;line-height:1.4} #wrap .ca-notes .ca-note-byline time{font-size:11px} #wrap .ca-notes .ca-note-record{min-height:0;margin:0;padding:12px 0} #wrap .ca-notes .ca-note-record small,#wrap .ca-team .ca-person-section>small{margin:0 0 4px;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .ca-notes .ca-full-note{font-size:13px;line-height:1.6} #wrap .ca-notes .ca-source-meta{gap:4px 12px;padding-top:12px;font-size:11px;line-height:1.4} /* ===== Team (#/team) ===== */ /* Stat strip: three equal tiles, each with a 32px icon circle holding a 16px icon. */ #wrap .ca-team .ca-team-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;border:0} #wrap .ca-team .ca-team-summary>div,#wrap .ca-team .ca-team-summary>div:first-child{display:flex;align-items:center;gap:12px;min-width:0;min-height:64px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)} #wrap .ca-team .ca-team-summary .ca-avatar{display:grid;place-items:center;width:32px;height:32px} #wrap .ca-team .ca-team-summary .ca-avatar svg{width:16px;height:16px} #wrap .ca-team .ca-team-summary b{font:700 22px/1.1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink)} #wrap .ca-team .ca-team-summary>div>span:last-child{min-width:0;font:400 12px/1.35 var(--font-ui);color:var(--mute)} /* Section heading with its count beside it; the selected-person pane starts level with the table. */ #wrap .ca-team .ca-team-workspace{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);grid-template-rows:auto auto 1fr;gap:0 16px} #wrap .ca-team .ca-team-list{display:contents} #wrap .ca-team .ca-team-list>*{grid-column:1;min-width:0} #wrap .ca-team .ca-team-list>:not(.ca-section-heading){grid-row:2} #wrap .ca-team .ca-team-workspace>.ca-detail{grid-column:2;grid-row:2/4} #wrap .ca-team .ca-section-heading{grid-row:1;display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:4px 8px;margin:0 0 12px} #wrap .ca-team .ca-section-heading h3{margin:0;font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;color:var(--ink)} #wrap .ca-team .ca-section-heading>span{font:500 13px/1.25 var(--font-ui);color:var(--mute)} /* Coverage table: a bordered card, 36px header, 56px rows, numbers right-aligned under right-aligned headers. */ #wrap .ca-team .ca-team-table{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)} #wrap .ca-team .ca-team-row{grid-template-columns:minmax(180px,2.2fr) repeat(4,minmax(72px,1fr)) 24px;gap:12px;min-height:56px;padding:10px 16px 10px 12px;border-bottom:1px solid var(--line2);border-left:4px solid transparent;background:var(--surface);font:600 13px/1.35 var(--font-ui);font-variant-numeric:tabular-nums} #wrap .ca-team .ca-team-row:nth-child(odd){background:var(--surface)} #wrap .ca-team .ca-team-row:last-child{border-bottom:0} #wrap .ca-team .ca-team-row:hover{background:var(--surface-2)} #wrap .ca-team .ca-team-row.selected{border-left-color:var(--blue);background:var(--bluetint)} #wrap .ca-team .ca-team-row>span{text-align:right} #wrap .ca-team .ca-team-header,#wrap .ca-team .ca-team-header:hover{min-height:40px;padding-top:0;padding-bottom:0;border-bottom-color:var(--line);background:color-mix(in srgb,var(--blue) 6%,var(--surface));font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--blue)} #wrap .ca-team .ca-team-header>span:first-child{text-align:left} #wrap .ca-team .ca-team-name{gap:12px} #wrap .ca-team .ca-team-name .ca-avatar{display:grid;place-items:center;width:32px;height:32px;font-size:11px} #wrap .ca-team .ca-team-name b{font:650 13px/1.35 var(--font-ui)} #wrap .ca-team .ca-team-name small{margin-top:2px;font:400 12px/1.35 var(--font-ui)} #wrap .ca-team .ca-team-row .ca-row-arrow{display:grid;place-items:center;width:24px;height:24px;font-size:14px} /* Selected person: heading, a 2 x 2 figure grid, then sections 12px apart. */ #wrap .ca-team .ca-person-heading{gap:12px;margin:0 0 12px} #wrap .ca-team .ca-person-heading .ca-avatar{display:grid;place-items:center;width:44px;height:44px;font-size:13px} #wrap .ca-team .ca-person-heading h3{margin:0 0 2px} #wrap .ca-team .ca-person-heading p{font-size:12px;line-height:1.45} #wrap .ca-team .ca-person-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:12px 0} #wrap .ca-team .ca-person-metrics>div:nth-child(even){text-align:left} #wrap .ca-team .ca-person-metrics b{margin:0 0 4px;font:700 22px/1.1 var(--font-ui);font-variant-numeric:tabular-nums} #wrap .ca-team .ca-person-metrics small{font-size:12px;line-height:1.35} #wrap .ca-team .ca-person-section{padding:12px 0} #wrap .ca-team .ca-person-section h4{margin:0 0 4px;font:650 15px/1.35 var(--font-ui)} #wrap .ca-team .ca-person-section p{font-size:12px;line-height:1.45} #wrap .ca-team .w7pn-list{gap:8px;margin-top:8px} #wrap .ca-team .w7pn{padding:0 0 0 10px;font-size:12px;line-height:1.45} #wrap .ca-team .w7pn-who,#wrap .ca-team .w7pn-what{font-size:12px} #wrap .ca-team .w7pn-co{font-size:11px} #wrap .ca-team .ca-person-actions{gap:12px;padding-top:12px;border-top:1px solid var(--line)} #wrap .ca-team .ca-person-actions .ca-detail-link{margin:0} #wrap .ca-team .ca-footer{margin-top:16px;padding-top:12px;font-size:11px;line-height:1.5} /* Hand-outs: the same table card as the coverage table. */ #wrap .ca-team .w7hsum{margin:0 0 12px;font-size:13px;line-height:1.45} #wrap .ca-team .w7hlist{border-radius:var(--radius-panel);background:var(--surface)} #wrap .ca-team .w7hrow{gap:12px;min-height:56px;padding:10px 16px} #wrap .ca-team .w7hhead{min-height:36px;padding-top:0;padding-bottom:0;background:color-mix(in srgb,var(--blue) 6%,var(--surface));font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--blue)} #wrap .ca-team .w7hhead>div:last-child{text-align:right} #wrap .ca-team .w7h-co b{font:650 13px/1.35 var(--font-ui)} #wrap .ca-team .w7h-co small{display:block;margin-top:2px;font-size:12px;line-height:1.35} #wrap .ca-team .w7h-from,#wrap .ca-team .w7h-state{font-size:12px;line-height:1.4} #wrap .ca-team .w7h-days{font:600 13px/1.4 var(--font-ui);font-variant-numeric:tabular-nums} /* What changed: one card, a row per change, icon centered on its first line. */ #wrap .ca-team .w7changed{gap:0;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)} #wrap .ca-team .w7chrow{gap:12px;padding:12px 16px;border-bottom:1px solid var(--line2)} #wrap .ca-team .w7chrow:last-child{border-bottom:0} #wrap .ca-team .w7chrow>svg{width:16px;height:16px;margin-top:1px} #wrap .ca-team .w7ch-who{margin:0 0 4px;font-size:12px;line-height:1.4} #wrap .ca-team .w7ch-sentence,#wrap .ca-team .w7ch-quote{font-size:13px;line-height:1.5} #wrap .ca-team .w7ch-body>a{display:inline-block;margin-top:4px;font:600 12px/1.4 var(--font-ui)} /* The Month inside Team: aligned to the page gutter, with the page-header type scale and 8px cards. */ #wrap .ca-team .w7r-page{max-width:none;margin:0;padding:0} #wrap .ca-team .w7r-hd{align-items:center;gap:16px;margin:0 0 16px} #wrap .ca-team .w7r-dateline{margin:0 0 4px;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;color:var(--blue)} #wrap .ca-team .w7r-h1{margin:0;font:700 26px/1.2 var(--font-ui);letter-spacing:-.035em} #wrap .ca-team .w7r-sub{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--mute)} #wrap .ca-team .w7r-kpis{border-radius:var(--radius-panel)} #wrap .ca-team .w7r-kpi{padding:12px 16px} #wrap .ca-team .w7r-kl{font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;color:var(--ink2)} #wrap .ca-team .w7r-sample{margin-top:12px;border-radius:0 var(--radius-control) var(--radius-control) 0} #wrap .ca-team .w7r-grid{gap:12px;margin-top:12px} #wrap .ca-team .w7r-box{padding:0 16px 12px;border-radius:var(--radius-panel)} #wrap .ca-team .w7r-boxh{align-items:center;min-height:40px;padding:8px 0;margin:0 0 8px} #wrap .ca-team .w7r-boxh h2{font:650 15px/1.35 var(--font-ui)} #wrap .ca-team .w7r-freshfoot{margin-top:12px;padding-top:12px} @media(max-width:1210px){ #wrap .ca-notes .ca-filters .cofchip:not(.ca-fshow){flex-basis:160px} #wrap .ca-notes .ca-filters .ca-fsearch{flex-basis:220px} } @media(max-width:1200px){ #wrap .ca-notes .ca-workspace,#wrap .ca-team .ca-team-workspace{grid-template-columns:minmax(0,1.3fr) minmax(290px,1fr)} #wrap .ca-notes .w6strip{grid-template-columns:repeat(6,minmax(0,1fr))} #wrap .ca-notes .w6strip .w6si{grid-column:span 2} #wrap .ca-notes .w6strip .w6si:nth-child(n+4){grid-column:span 3} #wrap .ca-team .ca-team-row{grid-template-columns:minmax(132px,1.6fr) repeat(4,minmax(44px,1fr)) 16px;gap:6px;padding:10px 8px} #wrap .ca-team .ca-team-row:not(.ca-team-header){font-size:12px} #wrap .ca-team .ca-team-name{gap:8px} #wrap .ca-team .ca-team-name .ca-avatar{width:28px;height:28px;font-size:10px} #wrap .ca-team .ca-team-row .ca-row-arrow{width:16px} } @media(max-width:1000px){ #wrap .ca-notes .ca-workspace,#wrap .ca-team .ca-team-workspace{grid-template-columns:minmax(0,1fr);gap:16px} #wrap .ca-team .ca-team-list{display:block} #wrap .ca-team .ca-team-workspace>.ca-detail{grid-column:auto;grid-row:auto} #wrap .command-activity .ca-detail{position:static;max-height:none;overflow:visible} #wrap .command-activity .ca-detail>:not(.ca-detail-label){overflow:visible} #wrap .ca-team .w7r-hd{align-items:flex-start} } @media(max-width:540px){ #wrap .ca-notes .w6strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #wrap .ca-notes .w6strip .w6si,#wrap .ca-notes .w6strip .w6si:nth-child(n+4){grid-column:auto;padding:12px} #wrap .ca-notes .w6strip .w6si:last-child{grid-column:1/-1} #wrap .ca-notes .ca-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #wrap .ca-notes .ca-filters :is(.ca-fsearch,.ca-fshow){grid-column:1/-1} #wrap .ca-notes .ca-filters .fgrp{height:auto} #wrap .ca-notes .ca-filters .fgrp button{flex:1 1 auto;height:40px;padding:0 8px} #wrap .ca-notes .ca-filters :is(.fsearch,select){height:40px} #wrap .ca-notes .ca-note-row{gap:8px;padding:12px 12px 12px 8px} #wrap .ca-team .ca-team-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #wrap .ca-team .ca-team-summary>div,#wrap .ca-team .ca-team-summary>div:first-child{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:12px} #wrap .ca-team .ca-team-summary .ca-avatar{display:none} #wrap .ca-team .ca-team-summary b{font-size:20px} #wrap .ca-team .w7hrow{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:4px 12px} #wrap .ca-team .w7hhead{display:none} } /* ===== Territory (#/territory) ===== */ /* Stat strip: three equal tiles with icon circles, 16px under the header text. */ #wrap .command-territory .tv-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;border:0;background:none} #wrap .command-territory .tv-metrics>div,#wrap .command-territory .tv-metrics>div:first-child,#wrap .command-territory .tv-metrics>div+div{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;min-height:64px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)} #wrap .command-territory .tv-metrics b{flex:none;font:700 22px/1.1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink)} #wrap .command-territory .tv-metrics span{flex:0 1 auto;min-width:0;margin:0;font:400 12px/1.35 var(--font-ui);color:var(--mute)} /* Toolbar: one filter bar; search first, then the two labelled segmented controls, all bottom-aligned. */ #wrap .command-territory .tv-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:12px;margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-2)} #wrap .command-territory .tv-toolbar>.tv-field-search{position:relative;order:0;flex:1 1 260px;display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .command-territory .tv-toolbar>.tv-field-search::after{content:'';position:absolute;left:10px;bottom:10px;width:16px;height:16px;background:var(--mute);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/16px no-repeat;pointer-events:none} #wrap .command-territory .tv-toolbar input{width:100%;height:36px;margin:0;padding:0 10px 0 32px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);font:400 13px/1.2 var(--font-ui);letter-spacing:0;text-transform:none;color:var(--ink)} #wrap .command-territory .tv-toolbar input:focus{border-color:var(--blue)} #wrap .command-territory .tv-field{order:1;display:flex;flex-direction:column;gap:4px;flex:none;min-width:0} #wrap .command-territory .tv-field-segment{order:2} #wrap .command-territory .tv-fl{font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .command-territory :is(.tv-scopes,.tv-toolbar .tv-segments){display:flex;align-items:center;gap:4px;height:36px;margin:0;padding:3px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);white-space:nowrap} #wrap .command-territory :is(.tv-scopes,.tv-segments) button{flex:none;height:28px;min-height:0;padding:0 12px;border:0;border-radius:4px;background:none;font:600 12px/1 var(--font-ui);color:var(--ink2)} #wrap .command-territory :is(.tv-scopes,.tv-segments) button:hover{color:var(--ink)} #wrap .command-territory :is(.tv-scopes,.tv-segments) button.on{background:var(--bluetint);color:var(--blue)} /* Map card and side column: 16px apart, 8px cards, the busy-towns list as 40px rows. */ #wrap .command-territory .tv-grid-layout{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:16px} #wrap .command-territory .tv-sidecol{gap:16px} #wrap .command-territory :is(.tv-mapcol,.tv-list,.tv-plan,.tv-townrail){border-radius:var(--radius-panel);background:var(--surface)} #wrap .command-territory .tv-mapframe{margin:16px} #wrap .command-territory .tv-maplegend{left:12px;bottom:28px;padding:8px 10px;font-size:11px;line-height:1.4} #wrap .command-territory .tv-maplegend b{font-size:11px} #wrap .command-territory .tv-attribution{left:12px;bottom:8px;font-size:10px} #wrap .command-territory .tv-map-hint{font-size:11px} #wrap .command-territory .tv-townrail button{min-height:40px;padding:0 16px;border-top:0;border-bottom:1px solid var(--line2);font:400 13px/1.35 var(--font-ui)} #wrap .command-territory .tv-townrail button:last-child{border-bottom:0;color:var(--blue);font-weight:600} #wrap .command-territory .tv-townrail button span{font:650 13px/1.35 var(--font-ui);font-variant-numeric:tabular-nums} #wrap .command-territory .tv-townrail button.on{background:var(--bluetint)} /* Town list (after a town is picked): header, rows and paging on the card rhythm. */ #wrap .command-territory .tv-list-head{padding:12px 16px;border-bottom:1px solid var(--line)} #wrap .command-territory .tv-list-head h2{margin:4px 0 2px;font:650 15px/1.35 var(--font-ui);color:var(--ink)} #wrap .command-territory .tv-list-head p{margin:0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .command-territory .tv-back-towns{min-height:24px;font:600 12px/1.4 var(--font-ui)} #wrap .command-territory .tv-account{gap:2px;padding:12px 16px;border-bottom:1px solid var(--line2)} #wrap .command-territory .tv-account-foot{align-items:center;gap:8px;margin-top:4px} #wrap .command-territory .tv-account-name{font:650 13px/1.35 var(--font-ui)} #wrap .command-territory :is(.tv-account-meta,.tv-contact,.tv-account-foot span){font-size:12px;line-height:1.45} #wrap .command-territory .tv-account-foot button,#wrap .command-territory .tv-more{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--blue);font:600 12px/1 var(--font-ui);cursor:pointer} #wrap .command-territory .tv-account-foot button:disabled{color:var(--mute);cursor:default} #wrap .command-territory .tv-more{margin:12px 16px;align-self:flex-start} /* Visit plan: card header (eyebrow, title with its count, help), body 16px, tokened caution note. */ #wrap .command-territory .tv-plan{min-height:0} #wrap .command-territory .tv-plan-head{padding:12px 16px;border-bottom:1px solid var(--line)} #wrap .command-territory .tv-plan-head .tv-eyebrow{font:650 10px/1.4 var(--font-ui);letter-spacing:.06em} #wrap .command-territory .tv-plan-head h2{margin:4px 0 2px;font:650 15px/1.35 var(--font-ui);color:var(--ink)} #wrap .command-territory .tv-plan-head h2 span{font:600 13px/1 var(--font-ui);font-variant-numeric:tabular-nums} #wrap .command-territory .tv-plan-head p{margin:0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .command-territory .tv-plan-empty{padding:16px;font-size:13px;line-height:1.5;background:var(--surface)} #wrap .command-territory .tv-stops li{gap:12px;padding:12px 16px} #wrap .command-territory .tv-stop-n{display:grid;place-items:center;width:24px;height:24px;font-size:11px;line-height:1} #wrap .command-territory .tv-stops b{font-size:13px;line-height:1.35} #wrap .command-territory .tv-stops small{font-size:12px;line-height:1.4} #wrap .command-territory .tv-stop-actions{gap:4px;margin-top:8px} #wrap .command-territory .tv-stop-actions button{width:32px;height:32px;border-radius:var(--radius-control)} #wrap .command-territory .tv-directions{min-height:36px;margin:12px 16px 0;padding:0 12px;border-radius:var(--radius-control);font:600 13px/1.2 var(--font-ui)} #wrap .command-territory .tv-plan-note{margin:12px 16px 16px;padding:8px 12px;border-radius:var(--radius-control);background:color-mix(in srgb,var(--amber) 10%,var(--surface));color:var(--ink2);font-size:11px;line-height:1.45} #wrap .command-territory .tv-footer{margin:16px 0 0;padding:12px 0 0;font-size:11px;line-height:1.5} @media(max-width:1100px){ #wrap .command-territory .tv-metrics>div{gap:12px;padding:12px 16px} #wrap .command-territory .tv-toolbar>.tv-field-search{flex-basis:100%} } @media(max-width:700px){ #wrap .command-territory .tv-grid-layout{grid-template-columns:minmax(0,1fr)} #wrap .command-territory .tv-field{flex:1 1 auto} #wrap .command-territory :is(.tv-scopes,.tv-toolbar .tv-segments){width:100%} #wrap .command-territory :is(.tv-scopes,.tv-segments) button{flex:1 1 0} } @media(max-width:540px){ #wrap .command-territory .tv-metrics{gap:8px} #wrap .command-territory .tv-metrics>div,#wrap .command-territory .tv-metrics>div:first-child,#wrap .command-territory .tv-metrics>div+div{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:12px} #wrap .command-territory .tv-metrics b{font-size:20px} #wrap .command-territory .tv-toolbar input{height:40px} #wrap .command-territory :is(.tv-scopes,.tv-toolbar .tv-segments){height:auto} #wrap .command-territory :is(.tv-scopes,.tv-segments) button{height:40px} #wrap .command-territory .tv-toolbar>.tv-field-search::after{bottom:12px} #wrap .command-territory .tv-mapframe{margin:12px} #wrap .command-territory .tv-maplegend{bottom:44px} #wrap .command-territory .tv-account-foot button,#wrap .command-territory .tv-more{min-height:40px} } /* Territory map tools: one 36px control row like every other toolbar. */ #wrap .command-territory .tv-maptools button{min-width:var(--control-height);min-height:var(--control-height)} @media(pointer:coarse),(max-width:820px){#wrap .command-territory .tv-maptools button{min-width:44px;min-height:44px}} /* Admin, settings and sign-in screens =================================================== */ /* Admin filter bar (Duplicates search, USDOT review filters): one tinted container, every control bottom-aligned. */ #wrap .adm-filterbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)} #wrap .adm-field{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .adm-grow{flex:1 1 200px} #wrap .adm-filterbar :is(input,select){box-sizing:border-box;width:100%;max-width:none;height:var(--control-height);min-height:var(--control-height);margin:0;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:400 13px/1.2 var(--font-ui);letter-spacing:normal;text-transform:none} #wrap .adm-filterbar select{padding-right:28px} #wrap .adm-filterbar .btn{flex:none;min-width:0} /* Search field: one border, a 16px icon 10px in, text from 32px. */ #wrap .adm-search{position:relative;display:block;min-width:0} #wrap .adm-search>svg{position:absolute;left:10px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--mute);pointer-events:none} #wrap .adm-search>input{padding-left:32px;-webkit-appearance:none;appearance:none} /* Section heading above a list or card grid: 20px title, muted count 8px after it, 12px to the content. */ #wrap .adm-section{margin:0 0 var(--section-gap,16px)} #wrap .adm-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:0 0 12px} #wrap .adm-section-head h2{margin:0;font:700 20px/1.25 var(--font-ui);letter-spacing:-.02em;color:var(--ink)} #wrap .adm-count{font:500 13px/1.25 var(--font-ui);color:var(--mute);font-variant-numeric:tabular-nums} #wrap .adm-section-head p{flex-basis:100%;margin:4px 0 0;font-size:12px;line-height:1.45;color:var(--mute)} /* Duplicates: search results, then one card per candidate group, then merge history. */ #wrap .dup-results:not(:empty){margin:0 0 16px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--card)} #wrap .dup-results-meta{margin:0;font-size:12px;line-height:1.45;color:var(--mute)} #wrap .dup-results .dup-acct:last-child{padding-bottom:0} #wrap .dup-results-actions{margin:-4px 0 16px} #wrap .dup-picked:not(:empty){margin:0 0 16px} #wrap .dup-queue{display:grid;gap:12px} #wrap .dup-group{min-width:0;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--card)} #wrap .dup-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px} #wrap .dup-group-head h3{min-width:0;margin:0;font:650 15px/1.35 var(--font-ui);letter-spacing:-.005em;color:var(--ink);overflow-wrap:anywhere} #wrap .dup-score{display:inline-flex;align-items:center;flex:none;min-height:22px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);font:600 12px/1.2 var(--font-ui);color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap} #wrap .dup-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px 24px;margin:0;padding:12px;border-radius:6px;background:var(--surface-2)} #wrap .dup-why-col{min-width:0} #wrap :is(.dup-status,.dup-why-label){display:flex;align-items:center;gap:6px;margin:0;font:650 10px/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)} #wrap .dup-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none} #wrap .is-held>.dup-status{color:var(--warning)} #wrap .is-auto>.dup-status{color:var(--positive)} #wrap .dup-why ul{margin:4px 0 0;padding-left:16px;font-size:13px;line-height:1.5;color:var(--ink2)} #wrap .dup-why li+li{margin-top:2px} #wrap .dup-acct{display:grid;grid-template-columns:168px minmax(0,1fr);gap:4px 16px;align-items:start;padding:12px 0;border-top:1px solid var(--line2)} #wrap .dup-results .dup-acct{grid-template-columns:28px minmax(0,1fr)} #wrap .dup-accts>.dup-acct:first-child{border-top:0} #wrap .dup-picks{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;min-height:20px} #wrap .dup-pick{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.4;color:var(--ink2);cursor:pointer} #wrap .dup-pick input{width:16px;height:16px;margin:0;accent-color:var(--blue)} #wrap .dup-acct-main{min-width:0} #wrap .dup-acct-name{font-size:13px;line-height:1.5;overflow-wrap:anywhere} #wrap .dup-acct-name a{font-weight:600} #wrap .dup-acct-name small{font-size:11px;color:var(--mute)} #wrap .dup-acct-line{font-size:12px;line-height:1.5;color:var(--mute);overflow-wrap:anywhere} #wrap .dup-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 0;border-top:1px solid var(--line2)} #wrap .dup-actions .btn{flex:none;min-width:0} #wrap .dup-pager{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 0;font-size:13px;color:var(--mute);font-variant-numeric:tabular-nums} #wrap .dup-history{padding:0 16px;border:1px solid var(--line);border-radius:8px;background:var(--card)} #wrap .dup-hrow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 0;border-top:1px solid var(--line2)} #wrap .dup-hrow:first-child{border-top:0} #wrap .dup-hrow-main{min-width:0;font-size:13px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere} #wrap .dup-hrow-main small{display:block;font-size:12px;color:var(--mute)} #wrap .dup-hrow .btn{flex:none;min-width:0} @media(max-width:540px){ #wrap .adm-filterbar :is(input,select){font-size:16px} #wrap .adm-filterbar>.adm-field:not(.adm-grow){flex-basis:100%} #wrap .src-counts{grid-template-columns:repeat(3,minmax(0,1fr))} #wrap .dup-acct{grid-template-columns:1fr} #wrap .dup-results .dup-acct{grid-template-columns:28px minmax(0,1fr)} #wrap .dup-pick{min-height:40px} #wrap .dup-group-head{align-items:flex-start} } /* Data and connections: a source card's monogram is a readable 10px badge that never wraps. */ #wrap .src-top h4 .schip-i{display:inline-grid;place-items:center;flex:none;width:auto;min-width:28px;height:20px;padding:0 4px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);font:650 10px/1 var(--font-ui);letter-spacing:.02em;color:var(--ink2);white-space:nowrap} /* Settings header: the read time and the AI connection link sit right, centered on the title block. */ #wrap .sig-settings-side{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 12px} #wrap .sig-settings-side .btn{flex:none;min-width:0} @media(max-width:620px){#wrap .sig-settings-side{justify-content:flex-start}} /* Account, AI connection and Enrichment test: stacked cards 12px apart; inline buttons keep 12px from the blocks around them. */ #wrap .account-security>.account-card+:is(.account-card,.account-grid){margin-top:12px} #wrap .account-body>.btn+:is(p,details,div:not(:empty)){margin-top:12px} #wrap .account-body>:is(details,form)+.btn{margin-top:12px} #wrap .account-body>.btn+.btn{margin-left:4px} #wrap .account-body>.btn+.account-hint:not(:last-child){margin-bottom:12px} #wrap .account-body>details{margin:0;font-size:13px;line-height:1.5} #wrap .account-body>details>summary{min-height:24px;cursor:pointer} @media(max-width:540px){ #wrap .account-body>.btn{display:flex;width:100%;margin-left:0} #wrap .account-body>.btn+.btn{margin:8px 0 0} } /* A hidden button stays hidden even though the shared button rule sets its display. */ #wrap #bulkApply[hidden]{display:none} /* Data, People and Rules summary strips: separate stat tiles (value over label), 12px apart. */ body:is([data-signal-route=data],[data-signal-route=people],[data-signal-route=rules]) #wrap .w6strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0 0 16px;border:0;border-radius:0;background:none;overflow:visible} body:is([data-signal-route=data],[data-signal-route=people],[data-signal-route=rules]) #wrap .w6si{display:flex;flex-direction:column;justify-content:flex-start;gap:4px;min-width:0;min-height:64px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--card)} body:is([data-signal-route=data],[data-signal-route=people],[data-signal-route=rules]) #wrap .w6sn{font:700 22px/1.1 var(--font-ui);letter-spacing:-.02em;color:var(--ink)} body:is([data-signal-route=data],[data-signal-route=people],[data-signal-route=rules]) #wrap .w6sl{margin:0;font-size:12px;line-height:1.35;color:var(--mute)} body:is([data-signal-route=data],[data-signal-route=people],[data-signal-route=rules]) #wrap .w6sh{margin:0;font-size:11px;line-height:1.4;color:var(--mute)} /* Sign-in, invite and emailed-link cards: one 8px card, scale spacing, 40px tap targets on a phone. */ .loginwrap .logincard{border-radius:8px;padding:32px} .loginwrap .loginbrand{margin:0 0 24px} .loginwrap .loginlede{margin:0 0 24px;line-height:1.45} .loginwrap .loginlede-sub{margin-top:-12px} .loginwrap .loginhint{margin:-8px 0 16px;font-size:12px;line-height:1.45;color:var(--mute)} .loginwrap .lf input{border-color:var(--line);border-radius:6px} .loginwrap .loginbtn{border-radius:6px} .loginwrap .loginfoot{margin:16px 0 0;font-size:11px;line-height:1.5} .loginwrap .loginfoot+.loginfoot{margin-top:8px} @media(max-width:540px){ .loginwrap .logincard{padding:24px 20px} .loginwrap .loginlink{display:inline-flex;align-items:center;min-height:40px} } /* Manager prospect preview: compact selectable rows; the full list lives in Prospecting. */ #wrap .tc-command .tc-preview-count{margin:0 0 8px;font-size:11px;color:var(--mute)} #wrap .tc-command .rf-manager-list-compact{max-height:660px;overflow-y:auto;overscroll-behavior:contain;padding-top:0;scrollbar-gutter:stable} #wrap .tc-command .rf-manager-list-compact .tc-prospect{margin-right:0} #wrap .tc-command .rf-manager-list-compact .tc-prospect.is-selected{margin-right:0;border-right:1px solid var(--line);border-radius:6px} #wrap .tc-command .rf-manager-list-compact .tc-prospect-select{min-height:58px;padding:8px 10px;gap:10px} #wrap .tc-command .rf-manager-list-compact .tc-avatar{width:32px;height:32px;font-size:12px} #wrap .tc-command .rf-manager-list-compact .tc-prospect-select b{font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #wrap .tc-command .rf-manager-list-compact .tc-prospect-select small{display:inline;font-size:11px;line-height:1.4} #wrap .tc-command .rf-manager-list-compact .tc-signal{display:inline-flex;max-width:100%;margin:2px 0 0 6px;font-size:10px;line-height:1.4} @media(max-width:820px){#wrap .tc-command .rf-manager-list-compact{max-height:440px}#wrap .tc-command .rf-manager-list-compact .tc-prospect-select{min-height:60px}}