/* MOVEBR 0.10.10.30 — densidade confortável para operação prolongada. */
:root{--compact-gap:6px;--compact-radius:8px}

/* Janelas de gerenciamento: cabeçalho fixo e apenas a lista longa rola. */
body.city-mode #transitManagementPanel.transit-management-panel{
  width:min(840px,calc(100vw - 150px))!important;
  max-width:calc(100vw - 150px)!important;
  height:min(640px,calc(100vh - 118px))!important;
  max-height:calc(100vh - 118px)!important;
  border-radius:12px!important
}
.transit-management-head{min-height:44px!important;padding:6px 9px 6px 12px!important}
.transit-management-head b{font-size:12px!important}.transit-management-head span{font-size:9px!important}
.transit-management-head button{width:28px!important;height:28px!important;border-radius:7px!important}
.transit-management-tabs{gap:5px!important;padding:6px 8px!important}
.transit-management-tabs button{height:30px!important;border-radius:8px!important;font-size:10px!important}
.transit-management-body{padding:8px!important}
.transit-management-panel .lines-layout{grid-template-columns:minmax(250px,.78fr) minmax(390px,1.22fr)!important;gap:8px!important}
.transit-management-panel .lines-pane{padding:8px!important;border-radius:10px!important}
.transit-management-panel .lines-pane-head{margin-bottom:6px!important}.transit-management-panel .lines-pane-head b{font-size:11px!important}
.transit-management-panel .transit-mode-row{gap:5px!important;margin-bottom:6px!important}
.transit-management-panel [data-line-manager-mode]{height:29px!important;border-radius:7px!important;font-size:9px!important}
.transit-management-panel .manager-line-actions{margin-bottom:5px!important}.transit-management-panel .manager-line-actions button{height:28px!important}
.transit-filter{height:29px!important;min-height:29px!important;padding:0 8px!important;font-size:10px!important;border-radius:7px!important}
.transit-line-meta{gap:4px!important;margin-top:5px!important}.transit-line-meta span{padding:5px!important;border-radius:7px!important;font-size:8px!important}
.transit-management-panel .transit-line-list{min-height:150px!important}
.transit-management-panel .transit-line-card{min-height:42px!important;padding:6px!important;border-radius:8px!important;gap:2px 6px!important}
.transit-management-panel .transit-line-card>b{font-size:10px!important}.transit-management-panel .transit-line-card>span{font-size:8px!important;line-height:1.2!important}
.transit-management-panel .line-rename-button{height:25px!important;padding:0 6px!important;font-size:8px!important}.transit-management-panel .line-overlay-toggle{width:25px!important;height:25px!important}
.transit-management-panel .transit-selected-row{gap:6px!important}.transit-management-panel .line-color-control{min-height:28px!important}
#transitLineSummary .transit-fare-box{gap:4px!important}#transitLineSummary .transit-fare-box>b{font-size:11px!important}#transitLineSummary .transit-fare-box>span{font-size:8px!important;line-height:1.25!important}
#transitLineSummary .transit-fare-box label{font-size:8px!important;grid-template-columns:1fr 64px!important;gap:5px!important}#transitLineSummary .transit-fare-box input{height:25px!important;font-size:9px!important}
.transit-line-kpis,.transit-operation-kpis{gap:4px!important}.transit-line-kpis article,.transit-operation-kpis article{padding:4px!important;border-radius:7px!important}.transit-line-kpis article small,.transit-operation-kpis small{font-size:7px!important}.transit-line-kpis article b,.transit-operation-kpis b{font-size:9px!important;margin-top:1px!important}
.transit-stop-list-head{margin-top:3px!important;padding-top:4px!important}.transit-stop-row{min-height:34px!important;padding:4px 5px!important;gap:5px!important}.transit-stop-row b{font-size:8px!important}.transit-stop-row span small{font-size:7px!important}.transit-stop-row button{height:24px!important;font-size:8px!important}

/* Frota: toolbar e ações ficam visíveis; somente os veículos rolam. */
.manager-section-heading{margin-bottom:6px!important;padding:7px 8px!important;border-radius:9px!important}.manager-section-heading b{font-size:11px!important}.manager-section-heading span{font-size:8px!important}.manager-section-heading button{min-width:132px!important;height:29px!important;border-radius:7px!important;font-size:9px!important}
.transit-management-panel .owned-fleet-toolbar{gap:5px!important}.transit-management-panel .owned-fleet-toolbar button{height:29px!important;font-size:9px!important}
.transit-management-panel .owned-fleet-summary{gap:4px!important}.transit-management-panel .owned-fleet-summary article{padding:5px 6px!important;border-radius:7px!important}.transit-management-panel .owned-fleet-summary article span{font-size:7px!important}.transit-management-panel .owned-fleet-summary article b{font-size:9px!important;margin-top:1px!important}
.owned-fleet-filters{gap:5px!important;margin-top:5px!important}.owned-fleet-assignment-row{gap:5px!important}.owned-fleet-assignment-row button{height:27px!important;border-radius:7px!important;font-size:9px!important}
.owned-fleet-bulk{gap:5px!important;margin:5px 0!important;padding:5px!important;border-radius:8px!important}.owned-fleet-bulk-selection,.owned-fleet-bulk-assignment{gap:5px!important}.owned-fleet-bulk button,.owned-fleet-bulk select{height:27px!important;border-radius:7px!important;font-size:9px!important}.owned-fleet-bulk-selection b{font-size:8px!important}
.transit-management-panel .owned-fleet-list{min-height:150px!important;gap:4px!important}
.transit-management-panel .fleet-vehicle-row{gap:5px!important;padding:6px!important;border-radius:8px!important;align-items:center!important}.fleet-vehicle-main{gap:2px!important}.fleet-vehicle-row b{font-size:10px!important}.fleet-vehicle-row span,.fleet-vehicle-row em{font-size:8px!important}.fleet-finance{gap:3px!important}.fleet-finance span{padding:3px 4px!important;border-radius:6px!important;font-size:7px!important}.fleet-row-actions{gap:4px!important}.fleet-row-actions select,.fleet-row-actions button{height:26px!important;font-size:8px!important;border-radius:7px!important}

/* Compra: catálogo mais curto, em três colunas quando houver largura. */
body.city-mode.fleet-purchase-layout #transitFleetPanel.transit-fleet-panel{
  width:min(840px,calc(100vw - 100px))!important;max-width:840px!important;
  height:min(650px,calc(100vh - 110px))!important;max-height:calc(100vh - 110px)!important;
  border-radius:12px!important
}
body.city-mode #transitFleetPanel .tool-panel-head{min-height:42px!important;padding:7px 9px!important;margin:0!important}
body.city-mode #transitFleetPanel .transit-fleet-body{height:calc(100% - 42px)!important;padding:8px!important;overflow:hidden!important}
body.city-mode #transitFleetPanel .fleet-mode-row{gap:5px!important;margin-bottom:5px!important}body.city-mode #transitFleetPanel .fleet-mode-row button{height:29px!important;font-size:9px!important}
body.city-mode #transitFleetPanel .purchase-destination-row{padding:5px 7px!important;gap:5px!important;border-radius:8px!important}body.city-mode #transitFleetPanel .purchase-destination-row select{height:28px!important}
body.city-mode #transitFleetPanel #transitFleetMount{min-height:0!important;height:calc(100% - 89px)!important;overflow:auto!important;padding-right:3px!important}
body.city-mode #transitFleetPanel .fleet-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
body.city-mode #transitFleetPanel .fleet-catalog-card{padding:6px!important;border-radius:8px!important;gap:3px!important}.fleet-catalog-card>b{font-size:10px!important}.fleet-catalog-card>span,.fleet-catalog-card>p,.fleet-catalog-card>em{font-size:8px!important;line-height:1.18!important}.fleet-catalog-specs{grid-template-columns:1fr 1fr!important;gap:3px!important}.fleet-catalog-specs span{padding:3px!important;border-radius:5px!important}.fleet-card-actions button{height:25px!important;font-size:8px!important;border-radius:6px!important}

/* Demais janelas e cartões: mesma escala tipográfica e menos rolagem. */
body.city-mode #toolPanel.tool-panel{border-radius:11px!important;padding:8px 9px!important}
body.city-mode #toolPanel .tool-panel-head{padding-bottom:6px!important;margin-bottom:6px!important}.tool-panel-close{width:27px!important;height:27px!important}.tool-hint{margin-top:6px!important;padding:5px 6px!important;border-radius:7px!important;font-size:9px!important;line-height:1.25!important}
.classic-choice-grid{gap:5px!important}.classic-choice-grid button{min-height:28px!important;height:auto!important;padding:4px 6px!important;border-radius:7px!important;font-size:9px!important}
.special-building-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.special-building-grid button{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important}.special-building-grid .ui-ico{width:15px!important;height:15px!important}
.tn-info-panel{width:min(360px,calc(100vw - 28px))!important;max-height:calc(100vh - 130px)!important}.info-panel-header{min-height:38px!important}.info-panel-body{padding:7px!important}.info-card,.report-card,.event-card{padding:7px!important;border-radius:8px!important}
.sim-inspect-grid>div{min-height:25px!important;padding:3px 5px!important}.sim-inspect-grid b,.sim-inspect-grid span{font-size:8px!important}.sim-inspect-actions button{height:27px!important;font-size:8px!important}

/* Ícones novos são bicolores; o estado ativo ganha brilho sem recolorir tudo. */
.ui-ico .ui-icon-color{overflow:visible}.active>.ui-ico .ui-icon-color,.active .ui-ico .ui-icon-color{filter:brightness(1.18) saturate(1.12) drop-shadow(0 0 3px rgba(126,231,223,.28))}

@media(max-width:1050px){
  body.city-mode #transitManagementPanel.transit-management-panel{width:calc(100vw - 76px)!important;max-width:calc(100vw - 76px)!important}
  .transit-management-panel .lines-layout{grid-template-columns:minmax(230px,.82fr) minmax(340px,1.18fr)!important}
  body.city-mode #transitFleetPanel .fleet-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.city-mode #transitManagementPanel.transit-management-panel{width:auto!important;max-width:none!important;height:calc(100vh - 112px)!important}
  .transit-management-panel .lines-layout{grid-template-columns:1fr!important;height:auto!important}.transit-manager-section{overflow:auto!important}
  body.city-mode.fleet-purchase-layout #transitFleetPanel.transit-fleet-panel{width:auto!important;max-width:none!important;height:calc(100vh - 102px)!important}
  body.city-mode #transitFleetPanel .fleet-catalog-grid{grid-template-columns:1fr!important}
  .special-building-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}