/* 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}
.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{height:60px;min-height:60px;padding:8px var(--layout-gutter);gap:12px}
.app.command-shell>.main>.wrap{padding:0 var(--layout-gutter) 28px;max-width:1700px}
.app.command-shell .top .srch{height:36px;min-height:36px}
.app.command-shell .top .acctbtn .av{width:32px;height:32px}
.app.command-shell .top .sw-today-view select{height:36px;min-height:36px}
#wrap :is(.btn,.sd-button,.rf-primary,.rf-export,.sig-settings-buttons button){min-height:var(--control-height);height:auto;padding:7px 12px;border-radius:6px;font:600 12px/1.4 var(--font-ui);display:inline-flex;align-items:center;justify-content:center;gap:6px}
#wrap :is(.btn,.sd-button,.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-3);margin:0 0 var(--space-3);gap: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:4px 0 6px}
#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: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;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:72px}
#wrap :is(.cp-panel-label,.ca-detail-label,.cd-records-label,.tv-map-title,.tv-townrail>b){padding:10px var(--panel-padding);font-size:10px;line-height:1.4}
#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{padding-bottom:8px;margin-bottom:12px;gap:12px}
#wrap .rf-fleet-heading{margin-bottom:12px;gap:12px}
#wrap .rf-fleet-heading h2{font-size:24px;margin-bottom:4px}
#wrap .rf-fleet-stats{padding:10px 16px;margin-bottom:12px;align-items:flex-start}
#wrap .rf-fleet-stats>div{align-items:flex-start}
#wrap :is(.rf-fleet-grid,.rf-powertrain-grid,.rf-vehicles){gap:12px;margin-bottom:12px}
#wrap .rf-powertrain-grid .rf-fleet-card{min-height:0}
#wrap .rf-fleet-caption{margin-bottom:8px;line-height:1.4}
#wrap .rf-chart{gap:10px;margin:8px 0}
#wrap .rf-chart-link{padding-top:10px}
#wrap .rf-donut{flex:0 0 120px;width:120px;min-width:90px}
#wrap .rf-type-mix{gap:12px;margin:8px 0}
#wrap .rf-fleet-grid .rf-chart-provenance{margin-top:8px;padding-top:8px}
#wrap .rf-fleet-grid .rf-chart-link{margin-top:auto}
#wrap .rf-chart-provenance{margin-top:12px;padding-top:8px}
#wrap .rf-vehicle-filters{gap:8px;margin-bottom:12px}
#wrap .rf-vehicle-filters :is(input,select){height:36px;min-height:36px;padding:7px 10px;font-size:12px}
#wrap .rf-view-toggle button{min-height:36px;padding:7px 12px}
#wrap .rf-fleet-sources{padding:12px 16px;margin:12px 0}

/* 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 :is(.sd-summary,.cp-metrics,.w6strip){gap:8px;margin:0 0 12px}
#wrap .sd-metric{padding:10px 14px;min-height:60px;gap:12px}
#wrap .sd-metric b{font-size:24px}
#wrap .cp-metric{padding:12px 16px;min-height:100px}
#wrap .cp-metric b{font-size:25px}
#wrap .cp-records-head{margin-bottom:12px}
#wrap .cp-records-head h2,#wrap .sd-board-toolbar h3{font-size:20px}
#wrap .sd-board-toolbar{padding-bottom:12px}
#wrap .sd-filters{padding:10px 12px;gap:12px;margin-bottom:12px;background:var(--surface-2)}
#wrap .sd-filters :is(input,select){height:36px;min-height:36px;background:var(--surface);color:var(--ink);font-size:12px}
#wrap .sd-state{min-height:220px;padding:24px}
#wrap .sd-state-icon{width:64px;height:64px;margin-bottom:12px}
#wrap .sd-state p{margin:8px 0 16px}
#wrap .sd-row{padding-top:10px;padding-bottom:10px}
#wrap .sd-row :is(.sd-company-link,.sd-deal-identity strong,.sd-cell-main){font-size:12px}
#wrap .sd-row .sd-cell-sub{font-size:10px;line-height:1.4}
#wrap .sp-filters{grid-template-columns:minmax(200px,1.6fr) repeat(4,minmax(100px,1fr));gap:8px;padding:8px 12px;margin-bottom:12px}
#wrap .sp-filters :is(.sp-filter,.sp-search){height:48px;padding:4px 0}
#wrap .sp-filters :is(input,select){line-height:1.4}
#wrap .cp-prospects .w7f-bar{margin-bottom:12px}
#wrap .cp-workspace .sp-table .sp-row>:is(th,td){height:58px;padding:8px 10px;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:12px}
#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:9px}
#wrap .src-family{margin-bottom:16px}
#wrap .src-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px}
#wrap .src-row{padding:16px;border-radius:9px}
#wrap .src-row :is(.src-about>div,.src-facts>div){grid-template-columns:130px minmax(0,1fr);gap:8px}
#wrap .src-fhead{margin-bottom:12px;padding-bottom:8px}
#wrap .account-grid{gap:12px}

@media(max-width:1200px){
  #wrap .sp-filters{grid-template-columns:minmax(200px,1.5fr) repeat(2,minmax(100px,1fr))}
  #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)}
  #wrap .sd-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  :root{--layout-gutter:16px}
  .app.command-shell{display:block}
  .app.command-shell>.main>header.top{height:58px;min-height:58px;padding:8px 16px;align-items:center}
  body[data-signal-route=today] .app.command-shell>.main>header.top{height:94px;min-height:94px;align-items:flex-start}
  .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 .sp-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  #wrap .sp-search{grid-column:1/-1}
  #wrap .sd-row{padding:12px}
}
@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{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #wrap .rf-fleet-stats>div{padding:0;border:0}
  #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}
}