/* Aversa · Balcão de Acessórios — compatível com Chrome 109 (Windows 7) */
:root{
  --verm:#c8102e; --verm-esc:#a00d25; --verm-claro:#fdecef;
  --tinta:#1b1e24; --tinta2:#4a505c; --tinta3:#7a8190;
  --linha:#e3e5ea; --fundo:#f3f4f6; --cartao:#ffffff;
  --menu:#16181d; --menu2:#23262d;
  --ok:#1f8a4c; --ok-claro:#e6f5ec; --alerta:#b26a00; --alerta-claro:#fff4e0; --erro:#c8102e;
  --raio:10px;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:14px;color:var(--tinta);background:var(--fundo)}
button,input,select,textarea{font:inherit;color:inherit}
.oculto{display:none !important}
#app{display:flex;min-height:100vh}

/* ---------- menu ---------- */
#menu{width:208px;flex:0 0 208px;background:var(--menu);color:#e8e9ec;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.marca{padding:20px 18px 18px;border-bottom:1px solid #2b2e36}
.marca-logo{display:flex;flex-direction:column}
.marca-logo img{max-width:160px;max-height:48px;object-fit:contain;background:#fff;border-radius:6px;padding:4px}
.marca-nome{font-size:22px;font-weight:800;letter-spacing:.14em}
.marca-sub{font-size:11px;color:#9aa0ab;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
#menu nav{padding:10px 8px;flex:1}
#menu nav button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;color:#c9ccd3;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px}
#menu nav button i{font-style:normal;width:20px;text-align:center;opacity:.85;display:inline-flex;justify-content:center}
#menu nav button svg{display:block}
#menu nav button:hover{background:var(--menu2);color:#fff}
#menu nav button.ativo{background:var(--verm);color:#fff}
.menu-rodape{padding:14px 18px;border-top:1px solid #2b2e36;font-size:12px;color:#9aa0ab}
#quemSou{color:#e8e9ec;font-weight:600;margin-bottom:6px}
.link-claro{background:none;border:0;color:#ffb3bf;padding:0;cursor:pointer;font-size:12px}
.link-claro:hover{text-decoration:underline}

/* ---------- conteúdo ---------- */
#conteudo{flex:1;min-width:0;padding:22px 26px 40px}
.tela{display:none}
.tela.ativa{display:block}
.topo{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.topo h1{font-size:22px;margin:0 0 2px;font-weight:700}
.sub{margin:0;color:var(--tinta3);font-size:13px}
.topo-acoes{display:flex;gap:10px;align-items:center}
.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:16px 18px;margin-bottom:14px}
.cartao h2{font-size:15px;margin:0 0 12px;display:flex;align-items:center;gap:8px;font-weight:700}
.cartao h2 small{font-weight:400;color:var(--tinta3);font-size:12px}
.passo{display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--verm);color:#fff;font-size:12px;align-items:center;justify-content:center;font-weight:700}
.cont{font-weight:400;color:var(--tinta3);font-size:13px}
.mini{font-size:12px;color:var(--tinta3)}
.mt{margin-top:12px}
.nota{margin-top:8px;padding:8px 10px;border-radius:8px;background:#eef3fb;color:#24426e;font-size:13px}
.vazio{padding:18px;text-align:center;color:var(--tinta3);border:1px dashed var(--linha);border-radius:8px}

/* ---------- formulário ---------- */
.linha{display:flex;gap:12px;flex-wrap:wrap}
.linha>.campo{flex:1 1 140px}
.linha>.campo.g2{flex:2 1 220px}
.linha>.campo.g3{flex:3 1 260px}
.campo{display:flex;flex-direction:column;margin-bottom:10px;min-width:0}
.campo label,.rotulo{font-size:12px;color:var(--tinta2);margin-bottom:4px;font-weight:600}
input,select,textarea{border:1px solid #cfd3da;border-radius:7px;padding:8px 10px;background:#fff;outline:none;width:100%;min-width:0}
input:focus,select:focus,textarea:focus{border-color:var(--verm);box-shadow:0 0 0 3px rgba(200,16,46,.12)}
textarea{resize:vertical}
input[type=checkbox]{width:auto}
.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tinta2);cursor:pointer}
.faixa-num{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;padding-bottom:6px}
.faixa-num .campo{flex:1 1 130px}
.num{font-size:18px;font-weight:800;color:var(--verm);padding:5px 0}
.valor{font-size:15px;font-weight:700;padding:7px 0}
.cor-nome{font-weight:400;color:var(--tinta)}

/* ---------- botões ---------- */
.btn{border:1px solid transparent;border-radius:8px;padding:9px 16px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.btn.pri{background:var(--verm);color:#fff}
.btn.pri:hover{background:var(--verm-esc)}
.btn.sec{background:#fff;border-color:#cfd3da;color:var(--tinta)}
.btn.sec:hover{border-color:var(--tinta3)}
.btn.link{background:none;border:0;color:var(--verm);padding:4px 0;font-weight:600}
.btn.link:hover{text-decoration:underline}
.btn.perigo{background:#fff;border-color:var(--erro);color:var(--erro)}
.btn.grande{padding:12px 14px;flex:1 1 180px}
.btn:disabled{opacity:.5;cursor:default}
.acoes-grandes{display:flex;gap:10px;flex-wrap:wrap}
.acoes-linha{display:flex;gap:10px;flex-wrap:wrap}
.rodape-acoes{display:flex;align-items:center;gap:12px;margin-top:4px}
.selo{font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;background:#eceef2;color:var(--tinta2)}
.selo.salvo{background:var(--ok-claro);color:var(--ok)}

/* ---------- pedido ---------- */
.pedido-grid{display:flex;gap:16px;align-items:flex-start}
.col-form{flex:1 1 58%;min-width:0}
.col-vitrine{flex:1 1 40%;min-width:330px;max-width:560px;position:sticky;top:74px}
.modelos{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.modelo{border:1.5px solid var(--linha);background:#fff;border-radius:9px;padding:6px 8px 6px 6px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:13px}
.modelo img{width:58px;height:34px;object-fit:contain}
.modelo:hover{border-color:var(--tinta3)}
.modelo.sel{border-color:var(--verm);background:var(--verm-claro)}
.cores{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.cor{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #c4c8cf;cursor:pointer;position:relative;padding:0}
.cor.sel{box-shadow:0 0 0 2.5px var(--verm)}
.cor.sel:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.7)}

table{border-collapse:collapse;width:100%}
.itens th,.tabela th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--tinta3);font-weight:700;text-align:left;padding:6px 6px;border-bottom:1px solid var(--linha)}
.itens td{padding:8px 4px;border-bottom:1px solid #f0f1f4;vertical-align:middle}
.n{text-align:right !important}
.itens .desc{display:flex;gap:10px;align-items:center}
.itens .desc img{width:52px;height:40px;object-fit:contain;border-radius:6px;background:#f6f7f9;flex:0 0 52px}
.itens .desc b{display:block;font-size:13px}
.itens .desc small{color:var(--tinta3);font-size:11px}
.itens input{padding:5px 6px;text-align:right}
.itens .q{width:46px}
.itens .p{width:78px}
.itens .d{width:50px}
.itens .tot{font-weight:700;white-space:nowrap}
.rm{background:none;border:0;color:var(--tinta3);cursor:pointer;font-size:18px;padding:0 4px}
.rm:hover{color:var(--erro)}
.tag{display:inline-block;font-size:11px;padding:1px 7px;border-radius:10px;font-weight:600;margin-top:2px}
.tag.ok{background:var(--ok-claro);color:var(--ok)}
.tag.al{background:var(--alerta-claro);color:var(--alerta)}
.tag.er{background:var(--verm-claro);color:var(--erro)}
.itens-acoes{margin-top:6px}
.totais{margin-top:10px;margin-left:auto;max-width:320px}
.totais div{display:flex;justify-content:space-between;padding:3px 0;color:var(--tinta2)}
.totais .total{border-top:1px solid var(--linha);margin-top:6px;padding-top:8px;color:var(--tinta);font-size:17px}
.totais .total b{color:var(--verm)}
.interno{background:#fafbfc;border-style:dashed}
.kpis-mini{display:flex;gap:10px;flex-wrap:wrap}
.kpis-mini div{flex:1 1 120px;background:#fff;border:1px solid var(--linha);border-radius:8px;padding:8px 10px}
.kpis-mini span{display:block;font-size:11px;color:var(--tinta3)}
.kpis-mini b{font-size:16px}
.semaforo{border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:13px}
.semaforo.ok{background:var(--ok-claro);color:var(--ok)}
.semaforo.al{background:var(--alerta-claro);color:#7a4a00}
.semaforo.er{background:var(--verm-claro);color:var(--erro)}
.semaforo ul{margin:4px 0 0;padding-left:18px}

/* ---------- vitrine ---------- */
.vitrine{padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 88px)}
.vit-carro{position:relative}
.vit-busca{padding:10px 12px 0}
.chips{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px}
.chip{border:1px solid var(--linha);background:#fff;border-radius:16px;padding:4px 10px;font-size:12px;cursor:pointer}
.chip.sel{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.vit-lista{overflow-y:auto;padding:4px 12px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;flex:1 1 auto;min-height:0}
.acc{border:1px solid var(--linha);border-radius:9px;background:#fff;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;text-align:left;padding:0}
.acc:hover{border-color:var(--tinta3)}
.acc .ft{height:96px;background:#fff;border-bottom:1px solid #f0f1f4;display:flex;align-items:center;justify-content:center}
.acc .ft img{max-width:100%;max-height:96px;object-fit:contain}
.acc .ft .semfoto{font-size:26px;color:#c5c9d0}
.acc .tx{padding:7px 9px 9px;font-size:12px;line-height:1.3}
.acc .tx b{display:block;font-size:12.5px;margin-bottom:2px}
.acc .pr{color:var(--verm);font-weight:700;margin-top:3px;display:block}
.acc .pr.sc{color:var(--tinta3);font-weight:600}
.acc.no{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok)}
.acc.no:after{content:"✓ no pedido";position:absolute;top:6px;right:6px;background:var(--ok);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}
.acc .cortag{position:absolute;top:6px;left:6px;background:rgba(255,255,255,.92);font-size:10px;padding:1px 6px;border-radius:8px;color:var(--tinta2);border:1px solid var(--linha)}

/* ---------- tabelas ---------- */
.filtros{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap;align-items:center}
.filtros input[type=search]{flex:1 1 240px;width:auto}
.filtros select{width:auto;min-width:180px}
.tabela td{padding:9px 6px;border-bottom:1px solid #f0f1f4;font-size:13px;vertical-align:middle}
.tabela tbody tr:hover{background:#fafbfc}
.tabela select{padding:4px 6px;font-size:12px;width:auto}
.tabela .acoes{white-space:nowrap;text-align:right}
.tabela .acoes button{margin-left:4px}
.btn.mini{padding:4px 9px;font-size:12px}
.tabela.edit input{padding:4px 6px;text-align:right;width:92px}
.tabela.edit img{width:44px;height:32px;object-fit:contain}
.tabela.edit .mudou{background:#fffbe6}
.st{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:#eceef2;color:var(--tinta2);white-space:nowrap}
.st.Emitido{background:#eef3fb;color:#24426e}
.st.Enviado{background:var(--alerta-claro);color:var(--alerta)}
.st.Assinado{background:var(--ok-claro);color:var(--ok)}
.st.Instalado{background:#e8f0e8;color:#2d5d2d}
.st.Cancelado{background:#f2f2f2;color:#888;text-decoration:line-through}

/* ---------- painel ---------- */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.kpi{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:14px 16px}
.kpi span{font-size:11px;color:var(--tinta3);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.kpi b{display:block;font-size:24px;margin:4px 0 2px}
.kpi small{font-size:12px;color:var(--tinta3)}
.kpi small.up{color:var(--ok)}
.kpi small.down{color:var(--erro)}
.painel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.painel-grid .cartao{margin:0}
.barras-v{display:flex;align-items:flex-end;gap:6px;height:190px;padding-top:16px}
.barras-v .b{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font-size:11px;color:var(--tinta3)}
.barras-v .b i{display:block;width:100%;max-width:38px;background:var(--verm);border-radius:4px 4px 0 0;min-height:2px}
.barras-v .b.vz i{background:#e3e5ea}
.barras-v .b em{font-style:normal;font-size:10px;color:var(--tinta2);margin-bottom:3px;white-space:nowrap}
.barras-h .r{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px}
.barras-h .r span{flex:0 0 42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.barras-h .r .t{flex:1;background:#f0f1f4;border-radius:4px;height:16px;position:relative}
.barras-h .r .t i{position:absolute;left:0;top:0;bottom:0;background:var(--verm);border-radius:4px}
.barras-h .r b{flex:0 0 90px;text-align:right;font-size:12px}

/* ---------- config ---------- */
.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.config-grid .cartao{margin:0}
.cartao.destaque{border-color:var(--verm);background:#fffafb}
.cartao.perigo{border-color:#f3c3cb}
.logos{display:flex;gap:16px}
.logos>div{flex:1}
.logos label{font-size:12px;font-weight:600;color:var(--tinta2)}
.logo-prev{height:60px;border:1px dashed var(--linha);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:6px 0;color:var(--tinta3)}
.logo-prev img{max-height:52px;max-width:90%}
.versao{margin-top:16px;text-align:right}
.aviso-backup{background:var(--alerta-claro);border:1px solid #f0d49a;color:#6b4300;padding:10px 14px;border-radius:9px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}

/* ---------- modal / toast ---------- */
#modal{position:fixed;inset:0;background:rgba(20,22,27,.55);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}
.modal-caixa{background:#fff;border-radius:12px;max-width:520px;width:100%;padding:22px 24px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;overflow:auto}
.modal-caixa h3{margin:0 0 8px;font-size:18px}
.modal-caixa p{color:var(--tinta2);margin:0 0 14px}
.modal-acoes{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--tinta);color:#fff;padding:11px 18px;border-radius:9px;z-index:60;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.25)}

/* ---------- aceite ---------- */
#aceiteTela{position:fixed;inset:0;background:#5a5e66;z-index:40;overflow:auto}
.aceite-barra{position:sticky;top:0;background:var(--menu);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;z-index:2}
.aceite-dica{font-size:13px;color:#c9ccd3}
#aceiteDoc{padding:24px 0 60px}
.folha{width:210mm;min-height:297mm;margin:0 auto 18px;background:#fff;padding:13mm 14mm 12mm;box-shadow:0 6px 30px rgba(0,0,0,.35);font-size:10pt;color:#1b1e24}
.ac-topo{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--verm);padding-bottom:8px;margin-bottom:10px}
.ac-logo{min-width:110px}
.ac-logo img{max-height:40px;max-width:150px}
.ac-logo .marca-nome{font-size:20px;color:var(--tinta)}
.ac-logo .marca-sub{color:var(--tinta3);font-size:8pt}
.ac-titulo{text-align:center}
.ac-titulo h1{margin:0;font-size:15pt;letter-spacing:.04em}
.ac-titulo p{margin:2px 0 0;color:var(--tinta3);font-size:9pt}
.ac-honda{min-width:110px;text-align:right;font-weight:800;letter-spacing:.2em;color:var(--verm);font-size:13pt}
.ac-honda img{max-height:34px;max-width:130px}
.ac-meta{display:flex;justify-content:space-between;background:#f4f5f7;padding:6px 10px;border-radius:6px;margin-bottom:10px;font-size:9.5pt}
.ac-meta b{color:var(--verm)}
.ac-sec{margin-bottom:7px}
.ac-sec h3{font-size:8.5pt;letter-spacing:.08em;color:var(--verm);margin:0 0 4px;border-bottom:1px solid #e3e5ea;padding-bottom:2px}
.ac-dados{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;font-size:9.5pt}
.ac-dados span{color:var(--tinta3)}
.ac-itens th{background:#f4f5f7;font-size:8pt;text-transform:uppercase;padding:4px 5px;text-align:left;color:var(--tinta2)}
.ac-itens td{padding:4px 5px;border-bottom:1px solid #eceef2;font-size:9pt}
.ac-bloco{display:flex;gap:14px;align-items:flex-start;margin-top:6px}
.ac-pag{flex:1;font-size:9.5pt;line-height:1.5}
.ac-tot{flex:0 0 230px;font-size:9.5pt}
.ac-tot div{display:flex;justify-content:space-between;padding:1px 0}
.ac-tot .t{border-top:1.5px solid var(--tinta);margin-top:3px;padding-top:4px;font-size:12pt;font-weight:800}
.ac-nota{font-size:8pt;color:var(--tinta2);margin-top:4px}
.ac-visual{display:flex;gap:10px;align-items:stretch;page-break-inside:avoid;break-inside:avoid}
.ac-visual .carro{flex:0 0 40%;border:1px solid #e3e5ea;border-radius:6px;padding:6px;text-align:center;position:relative}
.ac-visual .carro img{width:100%;max-height:34mm;object-fit:contain}
.ac-visual .carro .lg{font-size:8pt;color:var(--tinta2)}
.ac-visual .accs{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-content:start}
.ac-visual .accs div{border:1px solid #e3e5ea;border-radius:6px;padding:4px;text-align:center;font-size:7.5pt;line-height:1.2}
.ac-visual .accs img{width:100%;height:13mm;object-fit:contain}
.ac-txt{font-size:8.5pt;white-space:pre-wrap;color:var(--tinta2);line-height:1.4}
.ac-decl{font-size:9.5pt;background:#f4f5f7;padding:8px 10px;border-radius:6px;page-break-inside:avoid;break-inside:avoid}
.ac-final{page-break-inside:avoid;break-inside:avoid}
.ac-ass{display:flex;gap:30px;margin-top:18px;page-break-inside:avoid;break-inside:avoid}
.ac-ass div{flex:1;border-top:1px solid var(--tinta);padding-top:4px;text-align:center;font-size:9pt}
.ac-ass small{display:block;color:var(--tinta3)}
.ac-rodape{margin-top:8px;border-top:1px solid #e3e5ea;padding-top:5px;font-size:7.5pt;color:var(--tinta3);text-align:center}

@media (max-width:1180px){
  .pedido-grid{flex-direction:column;align-items:stretch}
  .col-form{width:100%}
  .col-vitrine{position:static;max-width:none;width:100%;min-width:0}
  .vitrine{max-height:none}
  .vit-lista{max-height:520px}
  .kpis{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  #menu{width:64px;flex-basis:64px}
  .marca-sub,.menu-rodape{display:none}
  .marca-nome{font-size:12px}
  #menu nav button{font-size:0;justify-content:center}
  #menu nav button i{font-size:16px}
  .painel-grid,.config-grid{grid-template-columns:1fr}
}

@page{size:A4;margin:11mm 12mm}
@media print{
  body{background:#fff}
  #app,#modal,#toast,.aceite-barra{display:none !important}
  #aceiteTela{position:static;background:#fff;overflow:visible;display:block !important}
  #aceiteDoc{padding:0}
  .folha{margin:0;box-shadow:none;width:auto;min-height:0;padding:0;page-break-after:always}
  .folha:last-child{page-break-after:auto}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* ===== modo online (Google Drive) ===== */
#infoBackup.nv-ok{color:#9fe0b0}
#infoBackup.nv-enviando{color:#ffd98a}
#infoBackup.nv-offline,#infoBackup.nv-chave{color:#ffb3bf;font-weight:600}
.nv-erro{color:#c8102e;font-weight:600;margin:6px 0}
#nvLista{margin-top:12px;max-height:320px;overflow:auto}
.nv-tab td,.nv-tab th{padding:6px;font-size:12px;text-align:left;border-bottom:1px solid #f0f1f4}
.nv-tab td:last-child{text-align:right}

/* ===== e-mails ===== */
.envios{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.envios:empty{display:none}
.envios span{background:#f1f3f6;border-radius:12px;padding:3px 9px}
.envios .ok{background:#e7f6ec;color:#1e7a3c}
.envios .pend{background:#fff6dd;color:#8a6200}
.envios .er{background:#fdecee;color:#a0172b}

.ac-aceite{margin-top:14px;border:1px solid #b5e0c3;background:#e9f7ee;padding:8px 10px;font-size:9pt;page-break-inside:avoid;break-inside:avoid}
.ac-aceite span{font-size:7.5pt;color:#555;word-break:break-all}

/* ===================== cockpit ===================== */
.campo-vend select{width:100%}
.sub-h{font-size:13px;margin:16px 0 8px;color:var(--tinta2)}
#tabVend input,#tabDest input{width:100%;text-align:left}
#tabVend select{width:100%}
.ck-topo{margin-bottom:10px}
.ck-filtros{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.ck-filtros label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--tinta3);font-weight:600}
.ck-filtros select{min-width:170px;padding:7px 10px;border:1px solid var(--linha);border-radius:8px;background:#fff;font-size:13px;color:var(--tinta)}
.ck-filtros select:focus-visible,.ck-abas button:focus-visible,.ck-at:focus-visible{outline:2px solid var(--verm);outline-offset:2px}

/* conta-giros: a peça de destaque */
.ck-giro{background:var(--menu);color:#f1f2f4;border-radius:14px;padding:20px 24px 18px;margin-bottom:14px;display:grid;grid-template-columns:minmax(220px,1fr) 2.2fr;gap:28px;align-items:center}
.ck-giro .g-num span{display:block;font-size:12px;color:#a9aeb8}
.ck-giro .g-num b{display:block;font-size:40px;font-weight:300;letter-spacing:-.01em;line-height:1.1;font-variant-numeric:tabular-nums}
.ck-giro .g-num small{display:block;font-size:13px;color:#c9ccd3;margin-top:4px}
.ck-giro .g-pista{position:relative;padding-top:22px}
.ck-giro .g-trilho{position:relative;height:18px;border-radius:9px;background:repeating-linear-gradient(90deg,#2e323a 0 calc(5% - 2px),#23262d calc(5% - 2px) 5%)}
.ck-giro .g-feito{position:absolute;left:0;top:0;bottom:0;border-radius:9px;background:linear-gradient(90deg,#8a0b20,#c8102e 70%,#ff3a55)}
.ck-giro .g-proj{position:absolute;top:-4px;bottom:-4px;width:3px;background:#fff;border-radius:2px;box-shadow:0 0 0 2px var(--menu)}
.ck-giro .g-proj em{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:11px;color:#fff;background:#3a3e47;padding:2px 7px;border-radius:10px}
.ck-giro .g-meta{position:absolute;top:-8px;bottom:-8px;right:0;width:2px;background:#ffd34d}
.ck-giro .g-escala{position:relative;height:16px;font-size:11px;color:#8d929c;margin-top:8px;font-variant-numeric:tabular-nums}
.ck-giro .g-escala span{position:absolute;top:0;white-space:nowrap}
.ck-giro .g-escala .em{color:#ffd34d;transform:translateX(-50%)}
.ck-giro .g-info{display:flex;gap:26px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:#c9ccd3}
.ck-giro .g-info b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.ck-giro .g-sem{font-size:13px;color:#c9ccd3}
.ck-giro .g-sem a{color:#ffb3bf;cursor:pointer;text-decoration:underline}

/* indicadores: uma faixa, divisórias em vez de cartões repetidos */
.ck-kpis{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--linha);border-radius:var(--raio);margin-bottom:14px}
.ck-kpi{padding:14px 16px;border-left:1px solid var(--linha);min-width:0}
.ck-kpi:first-child{border-left:0}
.ck-kpi span{display:block;font-size:12px;color:var(--tinta3)}
.ck-kpi b{display:block;font-size:22px;font-weight:600;margin:3px 0 1px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ck-kpi small{font-size:12px;color:var(--tinta3)}
.ck-kpi small.up{color:var(--ok)}
.ck-kpi small.down{color:var(--erro)}

.ck-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.ck-grade .cartao{margin:0}
.ck-larga{grid-column:span 2}
.ck-agenda{max-height:300px;overflow:auto}
.ck-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.ck-cab h2{margin:0}

/* evolução */
.ck-evo svg{display:block;width:100%;height:220px;overflow:visible}
.ck-evo .grid line{stroke:#eceef2}
.ck-evo .grid text,.ck-evo .eixo text{fill:var(--tinta3);font-size:11px}
.ck-leg{display:flex;gap:14px;font-size:12px;color:var(--tinta2)}
.ck-leg i{display:inline-block;width:18px;height:0;border-top:2px solid;vertical-align:middle;margin-right:5px}
.ck-tip{position:fixed;z-index:50;pointer-events:none;background:#1b1e24;color:#fff;font-size:12px;padding:7px 10px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.18);line-height:1.5}
.ck-tip b{font-variant-numeric:tabular-nums}

/* funil */
.ck-funil .e{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin-bottom:10px}
.ck-funil .e span{font-size:13px}
.ck-funil .e b{font-size:13px;font-variant-numeric:tabular-nums;text-align:right}
.ck-funil .e .t{grid-column:1/3;height:10px;background:#f1f2f5;border-radius:5px;overflow:hidden}
.ck-funil .e .t i{display:block;height:100%;background:var(--verm);border-radius:5px}
.ck-funil .e small{grid-column:1/3;font-size:11px;color:var(--tinta3)}
.ck-funil .canc{font-size:12px;color:var(--tinta3);border-top:1px dashed var(--linha);padding-top:8px;margin-top:4px}

/* atenção */
.ck-atencao{display:flex;flex-direction:column;gap:6px;max-height:330px;overflow:auto;padding-right:2px}
.ck-at{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:1px 10px;align-items:center;text-align:left;width:100%;font:inherit;color:inherit;background:#fafbfc;border:1px solid var(--linha);border-left:3px solid var(--alerta);border-radius:8px;padding:8px 10px;cursor:pointer}
.ck-at:hover{background:#f3f5f8}
.ck-at.er{border-left-color:var(--erro)}
.ck-at.info{border-left-color:#2f6fd0}
.ck-at .ic{grid-column:1;grid-row:1/3;font-size:16px;text-align:center}
.ck-at b{grid-column:2;grid-row:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-at small{grid-column:2;grid-row:2;font-size:12px;color:var(--tinta3)}
.ck-at .v{grid-column:3;grid-row:1/3;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.ck-vazio{font-size:13px;color:var(--tinta3);padding:18px 6px;text-align:center}

/* ranking */
.ck-abas{display:flex;gap:4px;background:#f1f2f5;border-radius:8px;padding:3px}
.ck-abas button{border:0;background:none;padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer;color:var(--tinta2)}
.ck-abas button.sel{background:#fff;color:var(--tinta);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.ck-rank{width:100%;border-collapse:collapse;font-size:13px}
.ck-rank th{font-size:11px;color:var(--tinta3);font-weight:600;text-align:left;padding:6px 8px;border-bottom:1px solid var(--linha)}
.ck-rank td{padding:8px;border-bottom:1px solid #f0f1f4;font-variant-numeric:tabular-nums}
.ck-rank .n{text-align:right;white-space:nowrap}
.ck-rank .pos{color:var(--tinta3);width:22px}
.ck-rank .barra{width:28%}
.ck-rank .barra div{height:8px;background:#f1f2f5;border-radius:4px;overflow:hidden}
.ck-rank .barra i{display:block;height:100%;background:var(--verm);border-radius:4px}

/* agenda */
.ck-agenda{display:flex;flex-direction:column;gap:6px}
.ck-agenda .d{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px solid #f0f1f4}
.ck-agenda .d .dt{text-align:center;line-height:1.1}
.ck-agenda .d .dt b{display:block;font-size:18px}
.ck-agenda .d .dt span{font-size:11px;color:var(--tinta3)}
.ck-agenda .d small{display:block;color:var(--tinta3);font-size:12px}

@media (max-width:1280px){.ck-kpis{grid-template-columns:repeat(3,1fr)}.ck-kpi:nth-child(4){border-left:0}.ck-kpi:nth-child(n+4){border-top:1px solid var(--linha)}}
@media (max-width:1100px){.ck-grade{grid-template-columns:1fr 1fr}.ck-giro{grid-template-columns:1fr}}
@media (max-width:760px){.ck-grade{grid-template-columns:1fr}.ck-larga{grid-column:auto}.ck-kpis{grid-template-columns:1fr 1fr}.ck-kpi{border-left:0;border-top:1px solid var(--linha)}}
@media (prefers-reduced-motion:no-preference){.ck-giro .g-feito{transition:width .7s ease-out}}

/* ===== aplicativo instalável ===== */
.btn-instalar{display:block;width:100%;margin:6px 0 8px;padding:8px 10px;border:1px solid #3a3e47;border-radius:8px;background:#23262d;color:#fff;font-size:12px;font-weight:600;cursor:pointer;text-align:left}
.btn-instalar:hover{background:#2c3038}
.btn-instalar:focus-visible{outline:2px solid #ff3a55;outline-offset:2px}

/* ---------- palco do carro (v2.0) ---------- */
.palco{position:relative;background:#fff}
.palco-cena{position:relative;height:236px;overflow:hidden;
  background:radial-gradient(ellipse 70% 60% at 50% 38%,#ffffff 0%,#f1f3f6 55%,#e4e7ec 100%)}
.palco-chao{position:absolute;left:-30%;right:-30%;bottom:-18px;height:58%;transform-origin:50% 100%;transform:perspective(260px) rotateX(58deg);
  background-image:linear-gradient(rgba(27,30,36,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(27,30,36,.09) 1px,transparent 1px);background-size:34px 34px;
  -webkit-mask-image:linear-gradient(to top,#000 10%,transparent 92%);mask-image:linear-gradient(to top,#000 10%,transparent 92%)}
.palco-carro{position:absolute;left:50%;bottom:26px;width:86%;max-height:190px;object-fit:contain;transform:translateX(-50%);mix-blend-mode:multiply;z-index:2;
  animation:palcoEntra .55s cubic-bezier(.2,.8,.2,1) both}
.palco-sombra{position:absolute;left:50%;bottom:22px;width:64%;height:22px;transform:translateX(-50%);border-radius:50%;z-index:1;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.28) 0%,rgba(0,0,0,.08) 55%,transparent 72%)}
@keyframes palcoEntra{from{opacity:0;transform:translateX(-46%)}to{opacity:1;transform:translateX(-50%)}}
.palco-selo{position:absolute;right:12px;top:12px;z-index:3;font-size:11px;color:var(--tinta2);background:rgba(255,255,255,.85);border:1px solid var(--linha);border-radius:12px;padding:3px 9px}
.palco-semfoto{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--tinta3)}
.palco-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 12px}
.palco-nome{min-width:0}
.palco-nome small{display:block;font-size:11px;color:var(--tinta3);letter-spacing:.08em}
.palco-nome b{display:block;font-size:19px;line-height:1.2;font-weight:700}
.palco-nome span{display:block;font-size:13px;color:var(--tinta2);margin-top:1px}
.palco-nome em{font-style:normal;color:var(--verm)}
.palco-cor{flex:0 0 30px;width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #c4c8cf,0 2px 6px rgba(0,0,0,.18)}
.palco-dados{display:grid;grid-template-columns:auto 1fr auto;background:var(--menu);color:#fff}
.palco-dados div{padding:10px 16px;border-right:1px solid #2b2e36;min-width:0}
.palco-dados div:last-child{border-right:0;text-align:right}
.palco-dados span{display:block;font-size:11px;color:#9aa0ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.palco-dados b{display:block;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.palco-dados .pd-total b{font-size:20px;color:#fff}
.palco-dados.pulsa .pd-total b{animation:pulsaTotal .6s ease}
@keyframes pulsaTotal{0%{color:#ff6b81;transform:scale(1.06)}100%{color:#fff;transform:scale(1)}}
.palco-dados .pd-total b{transform-origin:left center;display:inline-block}
.vazio-palco .palco-cena{height:200px}
.palco-convite{position:absolute;left:0;right:0;top:50px;text-align:center;padding:0 24px;z-index:2}
.palco-convite b{display:block;font-size:18px;margin-bottom:6px}
.palco-convite span{color:var(--tinta2);font-size:13px}
.palco-convite a{color:var(--verm);font-weight:600}

/* ---------- trilha de etapas ---------- */
.trilha{--prog:0%;list-style:none;margin:0 0 14px;padding:8px;display:flex;gap:4px;position:sticky;top:0;z-index:20;
  background:rgba(255,255,255,.94);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:0 6px 18px -12px rgba(27,30,36,.35)}
.trilha:before{content:"";position:absolute;left:8px;right:8px;bottom:0;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--verm) var(--prog),transparent var(--prog))}
.trilha li{flex:1 1 0;min-width:0}
.trilha button{width:100%;display:flex;align-items:center;gap:9px;background:none;border:0;border-radius:8px;padding:6px 8px;cursor:pointer;text-align:left}
.trilha button:hover{background:var(--fundo)}
.trilha i{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:12px;
  border:1.5px solid #cfd3da;color:var(--tinta3);background:#fff}
.trilha span{min-width:0}
.trilha b{display:block;font-size:13px;line-height:1.2}
.trilha small{display:block;font-size:11.5px;color:var(--tinta3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trilha .feito i{background:var(--ok);border-color:var(--ok);color:#fff}
.trilha .atual i{border-color:var(--verm);color:var(--verm);box-shadow:0 0 0 4px var(--verm-claro)}
.trilha .atual b{color:var(--verm)}
.passo.feito{background:var(--ok)}
.cartao.foco{animation:secFoco 1.2s ease}
@keyframes secFoco{0%{box-shadow:0 0 0 3px rgba(200,16,46,.35)}100%{box-shadow:0 0 0 0 rgba(200,16,46,0)}}
@media (max-width:900px){
  .trilha{overflow-x:auto}
  .trilha li{flex:0 0 auto}
  .trilha small{display:none}
}
@media (prefers-reduced-motion:reduce){
  .palco-carro,.palco-dados.pulsa .pd-total b,.cartao.foco{animation:none}
}
@media (max-width:600px){
  .topo{flex-wrap:wrap;align-items:flex-start}
  #conteudo{padding:16px 12px 32px}
  .palco-dados{grid-template-columns:1fr 1.4fr 1fr}
  .palco-dados div{padding:9px 10px}
  .palco-dados b{font-size:14px}
  .palco-dados .pd-total b{font-size:16px}
  #tabItens{display:block;overflow-x:auto}
}

/* =====================================================================
   Celular (≤ 760px) — v2.2: barra de abas embaixo, campos de 16px,
   vitrine entre Veículo e Acessórios, itens em cartões, barra de total
   ===================================================================== */
.so-cel{display:none !important}
.barra-pedido,.mais-fundo{display:none}
@media (max-width:760px){
  html{-webkit-text-size-adjust:100%}
  body{font-size:15px}
  #app{display:block}
  /* menu vira barra de abas */
  #menu{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;height:auto;flex:none;z-index:45;
    background:rgba(22,24,29,.97);border-top:1px solid #2b2e36;padding-bottom:env(safe-area-inset-bottom)}
  .marca,.menu-rodape{display:none}
  #menu nav{display:flex;padding:4px 4px 2px;gap:0}
  #menu nav button{flex:1 1 0;flex-direction:column;gap:2px;font-size:10.5px !important;padding:7px 2px 6px;border-radius:10px;justify-content:center;align-items:center;text-align:center;color:#aeb3bd;min-height:52px}
  #menu nav button i{font-size:19px !important;width:auto;opacity:1;line-height:1.1}
  #menu nav button.ativo{background:none;color:#fff}
  #menu nav button.ativo i{color:#ff4d66}
  #menu nav button:hover{background:none;color:#aeb3bd}
  #menu nav button.ativo:hover{color:#fff}
  #menu nav button i svg{width:23px;height:23px}
  #menu nav button[data-tela="catalogo"],#menu nav button[data-tela="config"]{display:none}
  .so-cel{display:flex !important}
  #conteudo{padding:12px 12px calc(84px + env(safe-area-inset-bottom));padding-top:calc(12px + env(safe-area-inset-top))}
  body.com-barra #conteudo{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
  /* sem zoom automático no iPhone */
  input,select,textarea{font-size:16px !important;padding:10px 12px;border-radius:9px}
  .btn{min-height:44px}
  .cartao{padding:14px;margin-bottom:12px;border-radius:12px}
  .topo{flex-wrap:nowrap;align-items:center;margin-bottom:10px;gap:10px}
  .topo h1{font-size:21px;line-height:1.2}
  .topo .sub{display:none}
  .topo-acoes{gap:6px;flex-shrink:0}
  .topo-acoes .btn{padding:8px 12px;font-size:14px}
  .selo{font-size:11px;padding:4px 8px}
  .linha{gap:0 10px}
  .linha>.campo,.linha>.campo.g2,.linha>.campo.g3{flex:1 1 100%}
  .aviso-backup{font-size:13px}

  /* trilha compacta: só a etapa atual mostra o nome */
  .trilha{top:env(safe-area-inset-top);padding:6px;margin-bottom:12px;overflow:visible}
  .trilha li{flex:0 0 auto}
  .trilha li.atual{flex:1 1 auto;min-width:0}
  .trilha li:not(.atual) span{display:none}
  .trilha small{display:block}
  .trilha button{padding:5px 6px;gap:8px}
  .trilha i{flex-basis:30px;width:30px;height:30px;font-size:13px}

  /* pedido: cartões em sequência, vitrine depois do veículo */
  .pedido-grid{display:flex;flex-direction:column;gap:0}
  .col-form{display:contents}
  .faixa-num{order:1}
  #secCliente{order:2}
  #secVeiculo{order:3}
  .col-vitrine{order:4;position:static;min-width:0;max-width:none;width:100%;margin-bottom:12px}
  #secItens{order:5}
  #secPagto{order:6}
  #painelInterno{order:7}
  #secAceite{order:8}
  .faixa-num{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;align-items:end}
  .faixa-num .campo{flex:none}
  .faixa-num .campo-vend{grid-column:1/-1}
  .num{font-size:20px}
  .modelos{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px 12px;padding:2px 14px 6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .modelo{flex:0 0 auto;scroll-snap-align:start;padding:6px 10px 6px 6px}
  .cores{gap:10px}
  .cor{width:38px;height:38px}
  .vitrine{max-height:none;border-radius:12px}
  .palco-cena{height:190px}
  .palco-carro{max-height:150px;bottom:20px}
  .vit-lista{grid-template-columns:1fr 1fr;max-height:62vh;gap:8px}
  .acc .ft{height:84px}
  .chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .chip{flex:0 0 auto;padding:7px 12px;font-size:13px}

  /* itens do pedido em cartões */
  #tabItens{display:block;overflow:visible}
  #tabItens thead{display:none}
  #tabItens tbody{display:block}
  #tabItens tr{display:grid;grid-template-columns:.7fr 1.25fr 1.25fr .8fr;gap:6px 8px;position:relative;padding:10px 0 12px;border-bottom:1px solid var(--linha)}
  #tabItens td{display:block;padding:0;border:0}
  #tabItens td:first-child{grid-column:1/-1;padding-right:34px}
  #tabItens td.n{text-align:left !important}
  #tabItens td.n:before{display:block;font-size:11px;color:var(--tinta3);font-weight:600;margin-bottom:2px}
  #tabItens td:nth-child(2):before{content:"Qtd"}
  #tabItens td:nth-child(3):before{content:"Peça (un.)"}
  #tabItens td:nth-child(4):before{content:"Instalação"}
  #tabItens td:nth-child(5):before{content:"Desc. %"}
  #tabItens td.tot{grid-column:1/-1;text-align:right !important;font-size:16px}
  #tabItens td.tot:before{content:none}
  #tabItens td:last-child{position:absolute;top:6px;right:0}
  #tabItens input{width:100% !important;text-align:left;padding:8px 7px}
  .palco-dados{grid-template-columns:auto 1fr}
  .palco-dados div:last-child{display:none}
  .palco-dados div:nth-child(2){border-right:0;text-align:right}
  .palco-dados .pd-total b{transform-origin:right center}
  .rm{font-size:24px;padding:4px 8px}
  .totais{max-width:none}
  .acoes-grandes .btn.grande{flex:1 1 100%}
  .rodape-acoes{flex-wrap:wrap}
  .rodape-acoes .btn{flex:1 1 100%}

  /* barra fixa com o total */
  .barra-pedido{display:flex;position:fixed;left:8px;right:8px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:44;
    align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 14px;border-radius:14px;background:#fff;
    border:1px solid var(--linha);box-shadow:0 10px 30px -10px rgba(27,30,36,.45)}
  .barra-pedido.oculto{display:none}
  .barra-pedido span{display:block;font-size:12px;color:var(--tinta3)}
  .barra-pedido b{font-size:18px;font-variant-numeric:tabular-nums}
  .barra-pedido .btn{min-height:42px}

  /* folha "Mais" */
  .mais-fundo{display:flex;position:fixed;inset:0;z-index:55;background:rgba(20,22,27,.5);align-items:flex-end}
  .mais-fundo.oculto{display:none}
  .mais-folha{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:10px 10px calc(12px + env(safe-area-inset-bottom));animation:sobe .22s ease-out}
  .mais-folha button{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:14px 12px;font-size:16px;border-radius:10px;text-align:left;cursor:pointer}
  .mais-folha button:active{background:var(--fundo)}
  .mais-folha i{font-style:normal;width:24px;text-align:center;font-size:18px;color:var(--tinta2)}
  .mais-quem{padding:8px 12px 10px;font-weight:700;border-bottom:1px solid var(--linha);margin-bottom:4px}
  .mais-quem small{display:block;font-weight:400;color:var(--tinta3);font-size:12px}
  .mais-fechar{color:var(--tinta3)}
  @keyframes sobe{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}

  /* modais como folha de baixo */
  #modal{align-items:flex-end;padding:0}
  .modal-caixa{border-radius:18px 18px 0 0;max-height:88vh;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
  .modal-acoes{flex-wrap:wrap}
  .modal-acoes .btn{flex:1 1 auto}
  #toast{bottom:calc(80px + env(safe-area-inset-bottom));max-width:calc(100% - 24px)}
  body.com-barra #toast{bottom:calc(140px + env(safe-area-inset-bottom))}

  /* cockpit e listas */
  .ck-topo{flex-wrap:wrap}
  .ck-topo .topo-acoes{width:100%}
  .ck-topo .topo-acoes .btn{flex:1 1 auto}
  .ck-filtros{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ck-filtros select{min-width:0;width:100%}
  .filtros select{min-width:0;flex:1 1 140px}
  .tabela{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .aceite-barra{flex-wrap:wrap;padding-top:calc(10px + env(safe-area-inset-top))}
}