/* FleetDV v121 targeted correction pass. */

/* Count badges own their foreground/background pairing in every appearance. */
body:is([data-experience="classic"],[data-experience="premium"]) .sidebar .nav-item>b,
body:is([data-experience="classic"],[data-experience="premium"]) .sidebar .nav-count{
  background:var(--count-badge-bg)!important;
  color:var(--count-badge-text)!important;
  border:1px solid color-mix(in srgb,var(--count-badge-text) 18%,transparent);
  font-variant-numeric:tabular-nums;
}
:is(.metric-card,.mini-metric,.pricing-signal-metrics,.data-table,.status-pill,.margin-pill,.signal,.subscription-badge,.pagination) :is(strong,b,dd,[data-count]){
  color:var(--text-primary);
  font-variant-numeric:tabular-nums;
}

/* Profile remains the final, unmistakable desktop header control. */
@media(min-width:781px){
  .workspace-header>.experience-command-trigger{width:min(260px,22vw);flex:0 1 260px}
  .workspace-header>.header-actions{gap:6px;flex:0 1 auto;min-width:0}
  .workspace-header .sample-pill{padding-inline:8px;white-space:nowrap}
  .workspace-header .global-period-selectors{gap:6px;min-width:0}
  .workspace-header>.experience-profile-control{order:4;margin-left:4px;flex:0 0 auto}
  #experienceProfileButton{width:70px!important;min-width:70px!important;height:56px!important;padding:0 7px!important;border-radius:17px!important;gap:5px!important}
  #experienceProfileInitials{width:48px!important;min-width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:14px!important;font-size:15px!important}
  .experience-profile-chevron{display:block!important;font-size:13px!important;flex:0 0 7px}
}

/* Responsive Pricing Signals: cards and metric tiles never establish overflow. */
.pricing-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important;
  gap:14px!important;
  width:100%;min-width:0;max-width:100%;padding-inline:0!important;
}
.pricing-signal-card{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:12px 14px!important;
  width:100%;min-width:0;max-width:100%;overflow:hidden;padding:16px!important;
}
.pricing-signal-card>.pricing-vehicle-image{grid-column:1;grid-row:1;width:64px!important;min-width:64px!important;max-width:64px!important;height:52px!important;aspect-ratio:auto!important}
.pricing-signal-head{grid-column:2;grid-row:1;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;min-width:0}
.pricing-signal-head>div{min-width:0}
.pricing-signal-head strong{display:block;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;font-size:.85rem}
.pricing-signal-head .signal{max-width:100%;white-space:nowrap}
.pricing-signal-card>.pricing-signal-metrics,.pricing-signal-card>p{grid-column:1/-1;min-width:0;max-width:100%}
.pricing-signal-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-width:0}
.pricing-signal-metrics>span{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;min-width:0;padding:10px!important}
.pricing-signal-metrics>span>b{min-width:0;text-align:right;overflow-wrap:anywhere}
.signal.sold{background:var(--surface-strong)!important;color:var(--text-secondary)!important;border-color:var(--border)!important}

/* Compact Turo status and expansion with one text-owned chevron. */
.setup-launchpad .setup-toggle:after{content:none!important}
#overviewView .setup-launchpad>summary{min-height:54px!important;padding:8px 16px!important}
#overviewView .setup-toggle{min-height:40px;padding:7px 11px!important}
#overviewView .setup-steps{padding:10px!important;gap:10px!important}
#overviewView .setup-step{min-height:0!important;padding:10px!important;gap:8px!important}
#overviewView .setup-step .setup-number{width:30px;height:30px}
#overviewView .setup-step .secondary-button{min-height:40px!important;padding-block:7px!important}

@media(max-width:780px){
  #experienceProfileButton{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important}
  #experienceProfileInitials{width:32px!important;min-width:32px!important;height:32px!important;flex-basis:32px!important}
  .experience-profile-chevron{display:block!important}
  #overviewView .setup-launchpad>summary{padding:7px 12px!important;gap:8px!important}
  #overviewView .setup-steps{grid-template-columns:minmax(0,1fr)!important;padding:8px!important;gap:8px!important}
  #overviewView .setup-step{padding:9px!important}
}
@media(min-width:781px) and (max-width:1150px){
  .workspace-header>.experience-command-trigger{width:44px;min-width:44px;flex:0 0 44px;padding-inline:0;justify-content:center}
  .workspace-header>.experience-command-trigger strong,
  .workspace-header>.experience-command-trigger kbd,
  .workspace-header>.sample-pill{display:none}
}
@media(max-width:360px){
  #experienceProfileButton{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important}
  #experienceProfileInitials{width:30px!important;min-width:30px!important;height:30px!important;flex-basis:30px!important}
}
@media(max-width:430px){
  .pricing-signal-card{grid-template-columns:56px minmax(0,1fr)!important;padding:13px!important;gap:10px 12px!important}
  .pricing-signal-card>.pricing-vehicle-image{width:56px!important;min-width:56px!important;max-width:56px!important;height:46px!important}
  .pricing-signal-head{grid-template-columns:minmax(0,1fr)}
  .pricing-signal-head .signal{justify-self:start}
  .pricing-signal-metrics{grid-template-columns:1fr!important}
}