/* CRM Atacado Vedações: vidro, azul marinho + azul claro, Sarabun */
@font-face{font-family:Sarabun;font-weight:400;font-display:swap;src:url(/fonts/sarabun-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Sarabun;font-weight:500;font-display:swap;src:url(/fonts/sarabun-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Sarabun;font-weight:600;font-display:swap;src:url(/fonts/sarabun-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Sarabun;font-weight:700;font-display:swap;src:url(/fonts/sarabun-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Sarabun;font-weight:800;font-display:swap;src:url(/fonts/sarabun-latin-800-normal.woff2) format('woff2')}
:root{
  --navy:#0c283a;--navy2:#16354a;--azul:#52afcc;--azul-d:#3d8ca6;
  --bg1:#eef5f9;--bg2:#d6e7f0;--orb1:rgba(82,175,204,.55);--orb2:rgba(12,40,58,.20);--orb3:rgba(159,211,230,.7);
  --ink:#0c283a;--ink2:#3c5567;--ink3:#6c8395;
  --vidro:rgba(255,255,255,.56);--vidro2:rgba(255,255,255,.80);--vidro-b:rgba(255,255,255,.9);--linha:rgba(12,40,58,.10);--campo:rgba(255,255,255,.7);
  --sombra:0 18px 44px rgba(12,40,58,.13);--sombra2:0 6px 18px rgba(12,40,58,.10);
  --ok:#1b8f63;--ok-s:rgba(27,143,99,.13);--av:#b97410;--av-s:rgba(212,138,26,.16);--ris:#c94a35;--ris-s:rgba(201,74,53,.13);--off:#73828f;--off-s:rgba(115,130,143,.15);--wa:#1faa59;
  --r:18px;--r2:12px;--e:cubic-bezier(.22,1,.36,1);
  color-scheme:light;
}
:root[data-tema="escuro"]{
  --bg1:#06131b;--bg2:#0c283a;--orb1:rgba(82,175,204,.30);--orb2:rgba(22,53,74,.9);--orb3:rgba(61,140,166,.25);
  --ink:#eaf4f9;--ink2:#b5c9d6;--ink3:#8199a8;
  --vidro:rgba(22,53,74,.50);--vidro2:rgba(26,60,82,.82);--vidro-b:rgba(255,255,255,.13);--linha:rgba(255,255,255,.10);--campo:rgba(6,19,27,.45);
  --sombra:0 18px 44px rgba(0,0,0,.4);--sombra2:0 6px 18px rgba(0,0,0,.3);
  --ok:#4fc79a;--ok-s:rgba(79,199,154,.16);--av:#e9b04d;--av-s:rgba(233,176,77,.16);--ris:#f08a76;--ris-s:rgba(240,138,118,.16);--off:#9aaab6;--off-s:rgba(154,170,182,.16);--wa:#3ad07a;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font:15px/1.45 Sarabun,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:linear-gradient(160deg,var(--bg1),var(--bg2));background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow:hidden}
h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}[hidden]{display:none!important}
.fundo{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.fundo i{position:absolute;border-radius:50%;filter:blur(70px);animation:flutua 26s var(--e) infinite alternate}
.fundo i:nth-child(1){width:46vw;height:46vw;left:-10vw;top:-14vw;background:var(--orb1)}
.fundo i:nth-child(2){width:40vw;height:40vw;right:-8vw;bottom:-16vw;background:var(--orb2);animation-duration:34s}
.fundo i:nth-child(3){width:28vw;height:28vw;right:22vw;top:-8vw;background:var(--orb3);animation-duration:40s}
@keyframes flutua{to{transform:translate3d(6vw,5vh,0) scale(1.12)}}
#app{position:relative;z-index:1;height:100%}
.vidro{background:var(--vidro);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);border:1px solid var(--vidro-b);box-shadow:var(--sombra),inset 0 1px 0 rgba(255,255,255,.35);border-radius:var(--r)}
.ic{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* botões com borda */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:7px 16px;border-radius:999px;border:1.5px solid var(--linha);background:var(--vidro2);color:var(--ink);font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .25s var(--e),box-shadow .25s var(--e),border-color .2s,background .2s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.bt:hover{transform:translateY(-1px);box-shadow:var(--sombra2);border-color:var(--azul)}
.bt:active{transform:scale(.97)}
.bt:focus-visible,.campo:focus-visible,.nav a:focus-visible,.cartao:focus-visible{outline:2.5px solid var(--azul);outline-offset:2px}
.bt.pri{background:linear-gradient(180deg,var(--navy2),var(--navy));color:#fff;border-color:rgba(255,255,255,.22);box-shadow:0 8px 20px rgba(12,40,58,.28),inset 0 1px 0 rgba(255,255,255,.18)}
:root[data-tema="escuro"] .bt.pri{background:linear-gradient(180deg,var(--azul),var(--azul-d));color:#06131b;border-color:rgba(255,255,255,.35)}
.bt.wa{border-color:var(--wa);color:var(--wa)}.bt.wa:hover{background:var(--wa);color:#fff}
.bt.per{border-color:var(--ris);color:var(--ris)}
.bt.mini{min-height:30px;padding:3px 11px;font-size:13px}
.bt.icone{padding:0;width:38px}.bt.mini.icone{width:30px}
.bt[disabled],.bt.desl{opacity:.45;pointer-events:none}
.campo{width:100%;min-height:40px;padding:8px 13px;border-radius:var(--r2);border:1.5px solid var(--linha);background:var(--campo);transition:border-color .2s,box-shadow .2s}
.campo:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 4px rgba(82,175,204,.22)}
textarea.campo{resize:vertical;min-height:96px;line-height:1.45}
label.rot{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--ink2)}
.grade2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grade3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

/* entrada */
.entrada{height:100%;display:grid;place-items:center;padding:20px;overflow:auto}
.entrada-cx{width:min(420px,100%);padding:34px 30px 28px;display:flex;flex-direction:column;gap:16px;animation:sobe .7s var(--e) both}
.logo-cx{align-self:center;background:#fff;border-radius:16px;padding:12px 18px;box-shadow:var(--sombra2);display:flex;align-items:center;justify-content:center;min-height:62px}
.logo-cx img{display:block;height:44px;width:auto}
.logo-txt{font-weight:800;letter-spacing:.04em;color:#0c283a;line-height:1.05;font-size:17px;text-align:center}.logo-txt b{display:block;color:#52afcc}
.entrada h1{font-size:24px;text-align:center}.entrada .sub{text-align:center;color:var(--ink2);margin-top:-8px}
.erro-cx{background:var(--ris-s);color:var(--ris);border-radius:var(--r2);padding:9px 13px;font-weight:600;font-size:14px}
@keyframes sobe{from{opacity:0;transform:translateY(18px) scale(.98)}}

/* estrutura */
.casca{height:100%;display:grid;grid-template-columns:232px minmax(0,1fr);gap:16px;padding:16px}
.lado{display:flex;flex-direction:column;gap:14px;padding:16px 12px;min-height:0}
.lado .logo-cx{align-self:stretch;min-height:56px;padding:9px 12px}.lado .logo-cx img{height:36px}
.nav{display:flex;flex-direction:column;gap:3px;overflow:auto;flex:1}
.nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:12px;text-decoration:none;font-weight:600;color:var(--ink2);border:1.5px solid transparent;transition:background .2s,color .2s,transform .25s var(--e),border-color .2s}
.nav a:hover{background:var(--vidro2);color:var(--ink);transform:translateX(2px)}
.nav a.at{background:var(--vidro2);color:var(--ink);border-color:var(--vidro-b);box-shadow:var(--sombra2)}
.nav a.at .ic{color:var(--azul-d)}
.nav .sep{height:1px;background:var(--linha);margin:8px 6px}
.quem{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;border:1.5px solid var(--linha);background:var(--vidro2)}
.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--azul),var(--navy));color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.quem div{min-width:0;flex:1;line-height:1.2}.quem b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quem small{color:var(--ink3)}
.centro{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:0}
.topo{display:flex;align-items:center;gap:12px;padding:10px 14px;flex-wrap:wrap}
.topo h1{font-size:21px;margin-right:auto;font-weight:800}
.topo .busca{position:relative;flex:0 1 300px}.topo .busca .ic{position:absolute;left:12px;top:11px;color:var(--ink3)}.topo .busca .campo{padding-left:36px;border-radius:999px}
.pilula{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;border:1.5px solid var(--linha);background:var(--vidro2);font-weight:700;font-size:13px;white-space:nowrap}
.pilula i{width:8px;height:8px;border-radius:50%;background:var(--ok)}.pilula.av i{background:var(--av)}.pilula.ris i{background:var(--ris)}
.tela{flex:1;min-height:0;overflow:auto;border-radius:var(--r);animation:entra .45s var(--e) both;padding:2px 2px 20px}
@keyframes entra{from{opacity:0;transform:translateY(10px)}}
.filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.filtros .campo{width:auto;min-width:150px;border-radius:999px;min-height:38px;padding:6px 14px}
.filtros .cresce{flex:1 1 200px}

/* quadros */
.quadro{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding:2px 2px 16px;min-height:60vh;scroll-snap-type:x proximity}
.coluna{flex:0 0 286px;display:flex;flex-direction:column;gap:9px;padding:11px;border-radius:var(--r);scroll-snap-align:start;max-height:calc(100vh - 215px);transition:border-color .2s,box-shadow .25s,transform .25s var(--e)}
.coluna.solta{border-color:var(--azul);box-shadow:0 0 0 4px rgba(82,175,204,.25),var(--sombra);transform:translateY(-2px)}
.col-t{display:flex;align-items:center;gap:8px;padding:2px 4px 6px;border-bottom:2px solid var(--cor,var(--azul))}
.col-t b{font-size:14.5px}.col-t span{margin-left:auto;font-weight:800;font-size:13px;background:var(--vidro2);border-radius:999px;padding:1px 9px;border:1px solid var(--linha)}
.col-t small{color:var(--ink3);font-weight:500;display:block;font-size:11.5px}
.col-c{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:60px;padding:1px}
.cartao{display:flex;flex-direction:column;gap:5px;text-align:left;width:100%;padding:10px 11px;border-radius:14px;border:1.5px solid var(--vidro-b);background:var(--vidro2);cursor:pointer;box-shadow:0 2px 8px rgba(12,40,58,.06);transition:transform .25s var(--e),box-shadow .25s var(--e),border-color .2s;animation:entra .4s var(--e) both;animation-delay:calc(var(--i,0)*22ms)}
.cartao:hover{transform:translateY(-2px);box-shadow:var(--sombra2);border-color:var(--azul)}
.cartao.arr{opacity:.5;transform:rotate(1.5deg) scale(.98)}
.cartao b{font-size:14px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cartao .l2{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--ink2)}
.cartao .l2.loc{flex-wrap:nowrap}.cartao .l2.loc span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cartao .l2 .ic{width:14px;height:14px}
.et{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--off-s);color:var(--ink2);white-space:nowrap}
.et.ok{background:var(--ok-s);color:var(--ok)}.et.av{background:var(--av-s);color:var(--av)}.et.ris{background:var(--ris-s);color:var(--ris)}.et.az{background:rgba(82,175,204,.2);color:var(--azul-d)}
:root[data-tema="escuro"] .et.az{color:var(--azul)}
.vazio{color:var(--ink3);font-size:13px;text-align:center;padding:14px 6px;border:1.5px dashed var(--linha);border-radius:12px}
.mais{font-size:12.5px;color:var(--ink3);text-align:center;padding:4px}

/* painéis e listas */
.painel{padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.painel>h2{font-size:16.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.painel>h2 .ic{color:var(--azul-d)}
.painel>h2 small{margin-left:auto;font-weight:600;color:var(--ink3);font-size:12.5px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start}
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px}
.numero{padding:14px 16px;display:flex;flex-direction:column;gap:2px}.numero small{color:var(--ink2);font-weight:600}.numero b{font-size:28px;font-weight:800;line-height:1.1}.numero span{color:var(--ink3);font-size:12.5px}
.barra{height:8px;border-radius:999px;background:var(--off-s);overflow:hidden}.barra i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--azul),var(--azul-d));transition:width .8s var(--e)}
.linha{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;border:1.5px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,transform .25s var(--e)}
.linha:hover{background:var(--vidro2);border-color:var(--vidro-b);transform:translateX(2px)}
.linha .tx{min-width:0;flex:1}.linha .tx b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linha .tx small{color:var(--ink2)}
.tabela{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:14px}
.tabela th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);padding:2px 12px;font-weight:700}
.tabela td{padding:10px 12px;background:var(--vidro2);border-block:1.5px solid var(--vidro-b)}
.tabela td:first-child{border-left:1.5px solid var(--vidro-b);border-radius:12px 0 0 12px}.tabela td:last-child{border-right:1.5px solid var(--vidro-b);border-radius:0 12px 12px 0}
.tabela tbody tr{cursor:pointer;transition:transform .25s var(--e)}.tabela tbody tr:hover{transform:translateY(-1px)}.tabela tbody tr:hover td{border-color:var(--azul)}
.rolagem-x{overflow-x:auto}
.mono{font-variant-numeric:tabular-nums}

/* catálogo */
.produtos{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.produto{padding:13px 14px;display:flex;flex-direction:column;gap:6px;border-radius:16px;animation:entra .4s var(--e) both;animation-delay:calc(var(--i,0)*12ms);transition:transform .25s var(--e),border-color .2s}
.produto:hover{transform:translateY(-3px);border-color:var(--azul)}
.produto .mk{font-size:11.5px;font-weight:800;letter-spacing:.08em;color:var(--azul-d);text-transform:uppercase}
.produto b{font-size:15px;line-height:1.25}.produto small{color:var(--ink3)}
.produto .pe{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}.produto .pr{font-size:19px;font-weight:800}

/* gaveta */
.gaveta-fundo{position:fixed;inset:0;z-index:40;background:rgba(6,19,27,.28);backdrop-filter:blur(3px);animation:aparece .3s both}
@keyframes aparece{from{opacity:0}}
.gaveta{position:fixed;z-index:41;top:12px;right:12px;bottom:12px;width:min(560px,calc(100vw - 24px));display:flex;flex-direction:column;animation:desliza .45s var(--e) both;background:var(--vidro2);overflow:hidden}
@keyframes desliza{from{opacity:0;transform:translateX(40px)}}
.gav-t{display:flex;gap:12px;align-items:flex-start;padding:16px 18px 12px;border-bottom:1px solid var(--linha)}
.gav-t h2{font-size:19px;line-height:1.2}.gav-t .sub{color:var(--ink2);font-size:13.5px;margin-top:2px}.gav-t .bt{margin-left:auto}
.gav-c{flex:1;overflow-y:auto;padding:14px 18px 22px;display:flex;flex-direction:column;gap:16px}
.sec{display:flex;flex-direction:column;gap:9px}.sec>h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink3);display:flex;align-items:center;gap:7px}
.sec>h3 .bt{margin-left:auto;text-transform:none;letter-spacing:0}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chip{padding:5px 12px;border-radius:999px;border:1.5px solid var(--linha);background:var(--campo);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s var(--e)}
.chip:hover{border-color:var(--azul)}.chip.at{background:var(--navy);color:#fff;border-color:var(--navy)}
:root[data-tema="escuro"] .chip.at{background:var(--azul);color:#06131b;border-color:var(--azul)}
.zap{border:1.5px solid rgba(31,170,89,.35);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;background:rgba(31,170,89,.06)}
.zap-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.zap-r small{color:var(--ink2)}
.dados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;font-size:14px}.dados div{min-width:0}.dados small{display:block;color:var(--ink3);font-size:12px;font-weight:600}.dados span{overflow-wrap:anywhere}
.tempo{display:flex;flex-direction:column;gap:0;border-left:2px solid var(--linha);margin-left:6px;padding-left:14px}
.tempo div{position:relative;padding:5px 0;font-size:13.5px}.tempo div::before{content:"";position:absolute;left:-20px;top:11px;width:9px;height:9px;border-radius:50%;background:var(--azul);border:2px solid var(--vidro2)}
.tempo small{color:var(--ink3);display:block}.tempo .wa::before{background:var(--wa)}
.itens{display:flex;flex-direction:column;gap:6px}.item{display:grid;grid-template-columns:minmax(0,1fr) 64px 92px 30px;gap:8px;align-items:center;padding:7px 9px;border-radius:12px;background:var(--campo);border:1.5px solid var(--linha);font-size:13.5px}
.item .campo{min-height:32px;padding:3px 8px;text-align:right}
.total{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}.total b{font-size:22px}
.lista-p{max-height:230px;overflow:auto;display:flex;flex-direction:column;gap:4px}
.checa{display:flex;flex-direction:column;gap:5px;font-size:13.5px}.checa div{display:flex;gap:8px;align-items:flex-start}.checa .ic{margin-top:2px}.checa .s{color:var(--ok)}.checa .n{color:var(--ris)}

/* modal e avisos */
.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(6,19,27,.35);backdrop-filter:blur(6px);animation:aparece .25s both}
.modal-cx{width:min(460px,100%);max-height:90vh;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:14px;background:var(--vidro2);animation:sobe .4s var(--e) both}
.modal-cx h2{font-size:19px}.modal-cx .acoes{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.senha-g{font-size:30px;font-weight:800;letter-spacing:.14em;text-align:center;padding:10px;border-radius:14px;border:1.5px dashed var(--azul);background:var(--campo);user-select:all}
.avisos{position:fixed;z-index:80;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.aviso{pointer-events:auto;padding:10px 18px;border-radius:999px;background:var(--navy);color:#fff;font-weight:600;box-shadow:var(--sombra);animation:sobe .4s var(--e) both;max-width:92vw}
.aviso.ruim{background:var(--ris)}

/* mapa */
.mapa-cx{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;height:calc(100vh - 215px);min-height:420px}
#mapa{height:100%;border-radius:var(--r);overflow:hidden;border:1px solid var(--vidro-b);box-shadow:var(--sombra);background:var(--bg2)}
.leaflet-tile-pane{filter:saturate(.55) hue-rotate(-8deg) brightness(1.03)}
:root[data-tema="escuro"] .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) saturate(.45) brightness(.8)}
.leaflet-container{font:inherit;background:var(--bg2)}
.bolha{stroke-width:2;transition:fill-opacity .2s,stroke-width .2s}.bolha:hover{stroke-width:4;fill-opacity:.9}
.leaflet-tooltip{border-radius:10px;border:0;box-shadow:var(--sombra2);font-weight:600;color:#0c283a}
.mapa-lado{padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.mapa-lado .lst{overflow:auto;flex:1;display:flex;flex-direction:column;gap:2px}
.legenda{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--ink2)}.legenda i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.cmd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;padding:11px 13px;border-radius:12px;background:var(--navy);color:#dff3fa;overflow-wrap:anywhere;user-select:all}
.nota{font-size:13px;color:var(--ink2);padding:10px 12px;border-radius:12px;background:var(--av-s);border:1px solid rgba(212,138,26,.25)}
.nota.az{background:rgba(82,175,204,.14);border-color:rgba(82,175,204,.3)}
.abas{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}

@media (max-width:900px){
  body{overflow:auto}
  .casca{grid-template-columns:1fr;padding:10px;height:auto;min-height:100%;padding-bottom:84px}
  .lado{position:fixed;z-index:30;left:8px;right:8px;bottom:8px;flex-direction:row;padding:6px;gap:4px;border-radius:20px}
  .lado .logo-cx,.lado .quem,.nav .sep{display:none}
  .nav{flex-direction:row;overflow-x:auto;gap:2px}.nav a{flex-direction:column;gap:2px;font-size:10.5px;padding:6px 9px;min-width:62px;text-align:center}
  .coluna{max-height:none}.mapa-cx{grid-template-columns:1fr;height:auto}#mapa{height:56vh}.mapa-lado{max-height:50vh}
  .grade3,.grade2,.dados{grid-template-columns:1fr}
  .gaveta{top:0;right:0;bottom:0;width:100vw;border-radius:0}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.lado,.topo,.fundo{display:none}body{overflow:visible;background:#fff}}