/* p389 · Tema Bancadia (cores da logo: ciano → azul → roxo, azul-noite).
   Carregado DEPOIS do app.css: troca o verde-limão da Casa do Mac pelos tons do Bancadia.
   Quem escolher outra cor em Configurações › Temas continua com a cor escolhida. */
:root,:root[data-cor="limao"]{--acento:#4f46e5;--acento-forte:#4338ca;--acento-tenue:#e0e7ff;--acento-tinta:#ffffff}
:root{--cm-cl:#e0e7ff;--cm-lm:#a5b4fc;--cm-lm2:#818cf8;--cm-vd:#4f46e5;--cm-tx:#3730a3;--cm-gf:#1e1b4b;--cm-gf2:#312e81;--cm-bd:#dcdcf0;--cm-suave:#eef2ff}
/* tela de entrar: nome com o degradê da marca */
.login-nome{background:linear-gradient(90deg,#22d3ee,#4f46e5 55%,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent !important}
.login-lado{background:radial-gradient(1200px 600px at 20% 10%,#1e1b4b,#0b1026 60%) !important}
/* assistente de IA: menor e com o robô do Bancadia */
.meq-bolha{width:46px !important;height:46px !important;border-width:2px !important;border-color:#6366f1 !important;background:#0b1026 !important}
.meq-bolha .meq-avatar{width:34px !important;height:34px !important;border-radius:50%}
.meq-bolha .meq-selo{transform:scale(.78);transform-origin:top right}
@media (max-width:700px){.meq-bolha{width:40px !important;height:40px !important}.meq-bolha .meq-avatar{width:30px !important;height:30px !important}}

/* p391 · celular: quantidade compacta (1 · 2 · 3 · outra) e a compra da peça na linha inteira (o texto passava por cima do frete) */
@media (max-width:760px){
  .tabela-itens-os td[data-rot="Compra"], .tabela-itens-os td.compra-peca{grid-column:1 / -1}
  .tabela-itens-os .so-orc-tag{white-space:normal !important;display:inline-block;max-width:100%;line-height:1.3}
  .tabela-itens-os .linha-compra{flex-wrap:wrap;gap:6px}
  .tabela-itens-os td[data-rot="Qtd"] .bd-qtd{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}
  .tabela-itens-os td[data-rot="Qtd"] .bd-qtd input{width:56px !important;min-width:56px !important;flex:0 0 56px;text-align:center !important;padding:8px 4px !important}
  .bd-qtd button{flex:0 0 auto;min-width:36px;height:38px;border:1px solid var(--cm-bd, #cbd5e1);background:#fff;border-radius:10px;font:600 14px system-ui,sans-serif;color:#334155;cursor:pointer;padding:0 8px}
  .bd-qtd button.on{background:#4f46e5;border-color:#4f46e5;color:#fff}
}