/* ===== Responsividade reforçada: TV, monitor, tablet e celular ===== */
html{-webkit-text-size-adjust:100%}
.main{width:100%;max-width:100%}
.chart-card{min-width:0}
.page3-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.page3-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.page3-group-title{font-size:13px;color:#003f9e;font-weight:900;text-transform:uppercase;letter-spacing:.7px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#ffffff,#f8fafc);box-shadow:0 10px 28px rgba(15,23,42,.05)}
.scroll-list{overflow-x:auto}
.list-table{min-width:620px}
.race-list{gap:13px}
.race-row{grid-template-columns:30px minmax(120px,230px) minmax(220px,1fr) 132px}
.race-track{min-width:180px}

@media(min-width:1800px){
  .main{padding:30px 38px 42px}
  h1{font-size:38px}
  .tabs .tab{min-height:68px;font-size:21px}
  .kpis{gap:22px}
  .kpi{min-height:130px;padding:24px 20px}
  .icon-circle{width:70px;height:70px;font-size:36px}
  .kpi-title{font-size:14px}
  .kpi-value{font-size:29px}
  .chart-card{padding:24px}
  .chart-title{font-size:19px;margin-bottom:22px}
  .rank-row,.list-table,.race-row{font-size:14px}
  .vchart{height:310px}
  .month-chart{height:260px}
  .scroll-list{max-height:420px}
  .scroll-section{max-height:760px}
}

@media(min-width:2200px){
  .app{grid-template-columns:104px 1fr}
  .sidebar{gap:34px}
  .logo{width:56px;height:56px}
  .nav-icon{width:46px;height:46px;font-size:29px}
  .main{padding:38px 52px 56px}
  .grid-main,.grid-wide,.page3-columns{gap:26px}
  .page3-column{gap:22px}
}

@media(max-width:1500px){
  .race-row{grid-template-columns:28px minmax(100px,180px) minmax(180px,1fr) 118px}
  .race-value{font-size:11px}
  .race-sub{font-size:10px}
}

@media(max-width:1200px){
  .page3-columns{grid-template-columns:1fr}
  .page3-column{gap:14px}
  .tabs{grid-template-columns:1fr}
  .tab{border-radius:12px;border-bottom:1px solid var(--line)}
}

@media(max-width:900px){
  .main{padding:18px 14px 28px}
  .topbar{align-items:stretch}
  .title-wrap{width:100%}
  h1{font-size:25px}
  .actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:10px}
  .actions button,.actions a{font-size:13px}
  .grid-main,.grid-wide,.grid-2col,.grid-1col,.page3-columns{grid-template-columns:1fr!important}
  .pay-grid,.pay-grid-2col{grid-template-columns:1fr!important}
  .vchart,.month-chart{overflow-x:auto;justify-content:flex-start}
  .vbar-item,.month-bar{min-width:70px}
  .race-row{grid-template-columns:26px minmax(0,1fr);gap:8px}
  .race-track,.race-value{grid-column:2}
  .race-value{text-align:left}
  .race-track{min-width:100%}
  .list-table{min-width:720px}
  .export-page-card{flex-direction:column;align-items:stretch;gap:10px}
  .export-page-btn{width:100%}
}

@media(max-width:520px){
  .main{padding:14px 10px 24px}
  h1{font-size:21px}
  .rocket{font-size:22px}
  .tabs .tab{min-height:50px;font-size:14px}
  .chart-card,.card{border-radius:10px}
  .chart-title{font-size:13px;line-height:1.25}
  .kpi{min-height:92px;padding:14px 12px}
  .icon-circle{width:48px;height:48px;font-size:25px}
  .kpi-value{font-size:20px}
  .race-car{font-size:22px}
  .race-track{height:32px}
  .scroll-list{max-height:300px}
  .scroll-section{max-height:440px}
  .update,.pausebtn{padding:10px 12px}
}


/* ===== Ajustes de PDF / impressão ===== */
.pdf-exporting .export-btn,
.pdf-exporting .export-page-btn,
.pdf-exporting .pausebtn,
.pdf-exporting .update,
.pdf-exporting #sairLink{
  visibility:hidden!important;
}

.pdf-export-target{
  background:#f8fafc!important;
}

@media print{
  body{background:#ffffff!important}
  .sidebar,.actions,.tabs,.export-btn,.export-page-card{display:none!important}
  .app{display:block!important}
  .main{padding:0!important}
  .page{display:block!important}
}


/* ===== Ajustes Página 2 - Produtos a Entregar ===== */