/* =========================================================
   MeR Seminovos V13 — otimização de estoque e tela individual
   ========================================================= */
:root{
  --v13-yellow:#ffd400;
  --v13-bg:#080808;
  --v13-panel:#111;
  --v13-panel-2:#161616;
  --v13-line:rgba(255,255,255,.075);
  --v13-muted:#929292;
  --v13-success:#41d884;
  --v13-warning:#ffb038;
  --v13-danger:#ff6262;
}
.page-content{padding:14px 18px 28px!important}
.topbar{min-height:58px!important;padding:9px 16px!important}
.v13-stock{display:grid;gap:10px}
.v13-stock-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
.v13-stock-head h1{margin:0;font-size:1rem}
.v13-stock-head p{margin:3px 0 0;color:var(--v13-muted);font-size:.58rem}
.v13-stock-summary{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
}
.v13-stock-stat{
  min-height:54px;
  padding:10px 12px;
  border:1px solid var(--v13-line);
  border-radius:12px;
  background:linear-gradient(145deg,#151515,#0d0d0d);
}
.v13-stock-stat span{
  display:block;color:var(--v13-muted);font-size:.5rem;text-transform:uppercase;letter-spacing:.07em
}
.v13-stock-stat strong{display:block;margin-top:5px;font-size:.82rem}
.v13-stock-stat.alert{border-color:rgba(255,98,98,.22)}
.v13-stock-stat.alert strong{color:#ff8b8b!important}
.v13-stock-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 180px auto;
  gap:7px;
  align-items:center;
}
.v13-stock-toolbar input,.v13-stock-toolbar select{
  height:37px;border-radius:10px!important;font-size:.64rem!important
}
.v13-status-tabs{
  display:flex;gap:5px;flex-wrap:wrap
}
.v13-status-tab{
  height:32px;padding:0 10px;border-radius:9px;
  border:1px solid var(--v13-line);background:#151515;color:#aaa;
  font-size:.56rem;cursor:pointer
}
.v13-status-tab.active{
  color:#080808;background:var(--v13-yellow);border-color:var(--v13-yellow);font-weight:850
}
.v13-stock-list{display:grid;gap:6px}
.v13-stock-row{
  display:grid;
  grid-template-columns:minmax(230px,1.3fr) 115px 130px minmax(130px,.65fr) 130px 160px;
  gap:10px;align-items:center;
  min-height:62px;padding:9px 11px;
  border:1px solid var(--v13-line);border-radius:13px;
  background:linear-gradient(110deg,#151515,#0d0d0d)
}
.v13-stock-row:hover{border-color:rgba(255,212,0,.2)}
.v13-stock-row.critical{border-left:3px solid var(--v13-danger)}
.v13-stock-row.warning{border-left:3px solid var(--v13-warning)}
.v13-stock-row.ok{border-left:3px solid var(--v13-success)}
.v13-vehicle-main{min-width:0}
.v13-vehicle-title{display:flex;align-items:center;gap:7px;min-width:0}
.v13-vehicle-title h3{
  margin:0!important;font-size:.69rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.v13-plate{
  flex:0 0 auto;padding:4px 6px;border-radius:6px;background:#242424;
  font:700 .5rem "JetBrains Mono",monospace
}
.v13-sub{
  margin:4px 0 0;color:var(--v13-muted);font-size:.52rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.v13-cell span{
  display:block;color:var(--v13-muted);font-size:.46rem;text-transform:uppercase;letter-spacing:.06em
}
.v13-cell strong{display:block;margin-top:3px;font-size:.57rem;line-height:1.3}
.v13-debt strong.ok{color:var(--v13-success)!important}
.v13-debt strong.warn{color:var(--v13-danger)!important}
.v13-alert-chip{
  display:inline-flex;align-items:center;gap:5px;margin-top:4px;
  font-size:.49rem;color:#aaa
}
.v13-alert-chip i{width:5px;height:5px;border-radius:50%;background:var(--v13-success)}
.v13-alert-chip.warn i{background:var(--v13-warning)}
.v13-alert-chip.critical i{background:var(--v13-danger)}
.v13-actions{display:flex;justify-content:flex-end;gap:5px}
.v13-actions .btn{height:32px!important;padding:0 10px!important;font-size:.54rem!important;border-radius:9px!important}
.v13-empty{
  padding:34px;text-align:center;color:var(--v13-muted);font-size:.65rem;
  border:1px dashed rgba(255,212,0,.16);border-radius:13px
}

/* Tela individual */
.v13-vehicle-page{display:grid;gap:10px}
.v13-vehicle-hero{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:12px 14px;border:1px solid var(--v13-line);border-radius:14px;
  background:linear-gradient(130deg,#151515,#0d0d0d)
}
.v13-vehicle-hero h1{margin:3px 0 0;font-size:.94rem}
.v13-vehicle-hero p{margin:4px 0 0;color:var(--v13-muted);font-size:.56rem}
.v13-vehicle-hero-actions{display:flex;align-items:center;gap:6px}
.v13-tabbar{
  display:flex;gap:5px;overflow-x:auto;padding:6px;
  border:1px solid var(--v13-line);border-radius:13px;background:#0e0e0e
}
.v13-tabbar button{
  flex:0 0 auto;height:34px;padding:0 11px;border:0;border-radius:9px;
  background:transparent;color:#999;font-size:.56rem;cursor:pointer
}
.v13-tabbar button.active{
  color:#080808;background:var(--v13-yellow);font-weight:850
}
.v13-tabbar svg{width:13px;height:13px;margin-right:5px;vertical-align:-2px}
.v13-vehicle-page #vehicleTabContent{min-width:0}
.v13-vehicle-page .professional-summary{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;margin-bottom:9px!important
}
.v13-vehicle-page .professional-summary .card{
  min-height:74px!important;padding:11px 13px!important
}
.v13-vehicle-page .professional-summary .eyebrow{font-size:.48rem!important}
.v13-vehicle-page .professional-summary strong{font-size:.86rem!important}
.v13-vehicle-page .professional-summary span{font-size:.5rem!important}
.v13-vehicle-page .two-columns{
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)!important;
  gap:9px!important
}
.v13-vehicle-page .card{padding:13px!important}
.v13-vehicle-page .card-head{margin-bottom:9px!important}
.v13-vehicle-page .card-head h3{font-size:.78rem!important}
.v13-vehicle-page .data-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
.v13-vehicle-page .data-item{
  padding:8px 9px!important;border-radius:9px!important
}
.v13-vehicle-page .data-item span{font-size:.47rem!important}
.v13-vehicle-page .data-item strong{font-size:.6rem!important}
.v13-vehicle-page .professional-alert-list{gap:6px!important}
.v13-vehicle-page .professional-alert-card{padding:9px 10px!important}
.v13-vehicle-page textarea{min-height:82px!important}
.v13-vehicle-page .vehicle-overview-alert-card{min-height:0!important}
@media(max-width:1200px){
  .v13-stock-row{grid-template-columns:minmax(200px,1.2fr) 105px 120px 115px 145px}
  .v13-stock-row .v13-supplier{display:none}
  .v13-stock-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}