/* SIALF V6.34 — estilos dos extras (documento PDF, exportação, máscaras, cobrança) + ajustes para celular */
.export-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}
.report-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fin-export{margin:0 0 14px;justify-content:flex-end}
.stale-pill{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;color:var(--accent2);border:1px solid rgba(245,166,35,.45);background:rgba(245,166,35,.1)}
.btn.warn{border-color:rgba(245,166,35,.55);color:var(--accent2)}
.nx-badge{margin-left:auto;font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;background:var(--accent);color:#1a1205}
.doc-modal{width:min(920px,96vw)!important}
.doc-frame{width:100%;height:min(60vh,640px);border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:14px}
.followup-modal{width:min(560px,96vw)!important}
.followup-info{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.brand-card .brand-logo-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:6px 0 20px}
.brand-logo-box{width:150px;height:86px;border-radius:12px;border:1px dashed var(--line2);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.03);overflow:hidden}
.brand-logo-box img{max-width:100%;max-height:100%;object-fit:contain}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 16px;margin-bottom:18px}
.brand-card .field+.field{margin-top:18px}
.brand-card input[type=color]{height:46px;padding:4px;cursor:pointer}
.field-error{margin-top:6px;font-size:12px;font-weight:600;color:#ff8a9a;line-height:1.4}
input.invalid,select.invalid,textarea.invalid{border-color:#ff6b81!important;box-shadow:0 0 0 3px rgba(255,107,129,.12)!important}

.backup-ext{margin:4px 0 18px;padding:12px 16px;border-radius:12px;font-size:13px;border:1px solid rgba(46,204,113,.35);background:rgba(46,204,113,.07);line-height:1.5}
.backup-ext.bad{border-color:rgba(255,107,129,.45);background:rgba(255,107,129,.08)}
.backup-ext span{opacity:.8;word-break:break-all}
/* ===== Celular (V6.34) ===== */
@media (max-width:760px){
  html,body{overflow-x:hidden}
  .main{padding:78px 14px 92px!important}
  .top{flex-direction:column!important;align-items:stretch!important;padding:4px 0 0!important;gap:12px!important;margin-bottom:14px!important}
  .top>.title{flex:0 0 auto!important;height:auto!important;min-height:0!important;padding:0!important}
  .title h1{font-size:25px!important;line-height:1.15!important}
  .top>.btn,.top>button.btn,.top>.row-actions{align-self:flex-start}
  .card{padding:16px!important;border-radius:16px!important}
  .section-title{font-size:19px!important}
  .btn{min-height:44px}
  .btn.mini-btn,.icon-btn{min-height:40px;min-width:40px}
  .field input,.field select,.field textarea{min-height:46px;font-size:16px!important}
  .formgrid,.brand-grid{grid-template-columns:1fr!important;gap:14px!important}
  .tabs{overflow-x:auto;flex-wrap:nowrap!important;max-width:100%;-webkit-overflow-scrolling:touch}
  .tabs>*,.tabs button{flex:0 0 auto!important;width:auto!important;white-space:nowrap}
  .quote-stats-centered{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
  .quote-stat{min-height:66px!important;padding:10px 12px!important;align-items:center}
  .quote-row,.quote-history-row{display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px!important}
  .quote-row .row-actions,.quote-history-row .row-actions{display:flex;flex-wrap:wrap;gap:8px}
  .quote-row .status-pill{align-self:flex-start}
  table.table,.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .report-filter-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .report-filter-grid .field:first-child{grid-column:1/-1}
  .report-summary-grid{grid-template-columns:1fr 1fr!important}
  .card.kpi{padding:14px!important}
  .grid.kpis,.kpis,.kpi-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .report-table{overflow-x:auto}.report-table .order-head,.report-table .order-row{min-width:640px}
  .report-heading{align-items:flex-start}.export-bar{margin-left:0;width:100%}.export-bar .btn{flex:1}
  .modal,.overlay-fixed{padding:10px!important;align-items:flex-end!important}
  .modalbox,.doc-modal,.followup-modal{width:100%!important;max-width:100%!important;max-height:92vh!important;overflow:auto;border-radius:18px 18px 12px 12px!important;padding:18px!important}
  .modalbox .actions,.actions{flex-wrap:wrap}.modalbox .actions .btn{flex:1 1 140px}
  .doc-frame{height:46vh}
  .pwrow{flex-direction:column}
  .row-actions{gap:8px}
  .backup-legacy{padding:14px}
  .audit-tools{width:100%}.audit-tools input{min-width:0;flex:1}
  .brand-logo-row{flex-direction:column;align-items:flex-start}
  .srv-status{bottom:76px}
  /* painel */
  .dx-hello kbd,.dx-search kbd,.dx-kbd,kbd{display:none!important}
  .dx-kpi{min-height:0!important}
  .dx-kpi-label{min-height:0!important}
  .dx-kpis,.dx-kpi-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .dx-kpi{padding:14px!important}
  .dx-grid{grid-template-columns:1fr!important}
}
@media (max-width:420px){
  .quote-stats-centered{grid-template-columns:1fr 1fr}
  .title h1{font-size:23px!important}
}