/* Legibilidade dos dados em telas maiores. */
@media(max-width:520px){.metric-value-long{font-size:21px;letter-spacing:-.8px;padding-block:4px}}
@media(min-width:761px){
  .sidebar>.brand{font-size:22px;white-space:nowrap;gap:8px;margin-inline:6px}
  .sidebar .brand-ai{font-size:7px;margin-left:3px;padding:3px}
  .sidebar .brand small{font-size:7px;letter-spacing:1.8px}
  .workspace strong{font-size:11px}.workspace small{font-size:9px}
  .app-nav>a{font-size:12px;gap:10px}.nav-caption{font-size:8px;letter-spacing:1px}
  .nav-count{font-size:9px}.demo-card strong{font-size:12px}.demo-card p{font-size:10px}
  .demo-card button,.sidebar-help{font-size:10px}.user-profile strong{font-size:10px}.user-profile small{font-size:9px}
  .breadcrumb{font-size:11px}.global-search input{font-size:11px}
  .demo-banner,.demo-banner button{font-size:10px}.demo-banner{padding-block:9px}
  .page-heading .eyebrow{font-size:9px}.page-heading p:not(.eyebrow){font-size:12px}
  .page-heading .button,.date-pill{font-size:11px}
  .metric-label{font-size:11px}.metric-value{font-size:30px}.metric-bottom{font-size:9px;flex-wrap:wrap}.metric-bottom .metric-tag{font-size:8px}
  .panel-head h2{font-size:15px}.panel-head p{font-size:10px}.panel-head a,.panel-head button.text-button{font-size:10px}
  .chart-legend,.chart-x,.chart-y,.chart-bar span{font-size:9px}.chart-foot{font-size:10px}.chart-foot strong{font-size:12px}
  .intelligence-panel .panel-head h2{font-size:14px}.intelligence-panel .badge{font-size:8px}
  .intelligence-item strong{font-size:11px}.intelligence-item p{font-size:10px}.intelligence-item a{font-size:9px}
  .intelligence-footer{font-size:9px}.intelligence-item{padding-block:14px}
  .data-table th{font-size:9px}.data-table td{font-size:11px}.vehicle-cell strong{font-size:12px}.vehicle-cell small{font-size:9px}
  .data-table .badge{font-size:9px}.table-action{font-size:10px}.risk-days{font-size:11px}
  .activity strong{font-size:11px}.activity p{font-size:10px}.activity-time{font-size:9px}.panel-footer{font-size:9px}
  .tab{font-size:11px}.tab>span{font-size:9px}.filters select,.field-search input{font-size:11px}
  .vehicle-card h2{font-size:16px}.vehicle-card .car-specs{font-size:10px}.vehicle-price{font-size:23px}
  .vehicle-card-stats{font-size:10px}.vehicle-card-bottom .badge{font-size:9px}.vehicle-card-bottom button{font-size:10px}
  .vehicle-card-media>.badge{font-size:9px}.inventory-summary{font-size:10px}
  .lead-card h3{font-size:13px}.lead-score{font-size:8px}.lead-card .lead-interest{font-size:10px}.lead-card>strong{font-size:14px}
  .lead-card>.badge{font-size:8px}.lead-next{font-size:9px}.lead-owner,.lead-owner button{font-size:9px}
  .kanban-head h2{font-size:11px}.kanban-count{font-size:9px}.crm-stats{font-size:10px}.crm-note{font-size:10px}
  .form-field{font-size:12px}.form-field input,.form-field select{font-size:13px}.form-hint{font-size:10px}
  .sim-inputs h2{font-size:18px}.sim-inputs>p{font-size:12px}.sim-vehicle-select label,.sim-vehicle-select select{font-size:12px}
  .range-title{font-size:12px}.range-limits{font-size:10px}.sim-result .eyebrow{font-size:10px}
  .sim-result h2{font-size:15px}.sim-result-note{font-size:10px}.cost-breakdown>div{font-size:12px}.cost-breakdown strong{font-size:13px}
  .result-margin{font-size:11px}.sim-result .button{font-size:11px}.scenario-row{font-size:12px}.scenario-row small{font-size:10px}
  .chat-header h2{font-size:14px}.chat-header p{font-size:10px}.chat-header .badge{font-size:8px}
  .chat-bubble{font-size:13px}.chat-suggestions button{font-size:10px}.chat-form input{font-size:12px}.chat-disclaimer{font-size:9px}
  .agent-side h2{font-size:15px}.agent-side p{font-size:11px}.agent-card strong{font-size:12px}.agent-card small{font-size:10px}
  .agent-card .badge{font-size:8px}.approval-card h3{font-size:12px}.approval-card p{font-size:10px}.approval-card .button{font-size:10px}
  .audit-event{font-size:10px}.audit-event strong{font-size:11px}.audit-event small{font-size:9px}
  .app-footer{font-size:9px}.app-footer>span:first-child{font-size:10px}.app-footer>span:first-child>span{font-size:9px}
}
@media(min-width:761px) and (max-width:1100px){.sidebar>.brand{font-size:20px;gap:6px}.sidebar .brand-symbol{height:31px;width:31px;font-size:22px;line-height:31px}.sidebar .brand-ai{font-size:6px;padding:2px}.app-nav>a{font-size:10px}.workspace strong{font-size:10px}.workspace small{font-size:8px}.nav-caption{font-size:7px}.metric-label{font-size:10px}.demo-banner{font-size:8px}.demo-banner-detail{font-size:8px}.intelligence-list{gap:15px}.intelligence-item strong{font-size:10px}.intelligence-item p{font-size:9px}}
@media(max-height:800px) and (min-width:761px){.demo-card{display:none}.sidebar>.brand{margin-bottom:26px}.app-nav{margin-bottom:23px}.sidebar-bottom{padding-top:0}.user-profile{padding-block:16px}}
