:root{--azul: #0b5cab;--azul-escuro: #083f78;--azul-claro: #e8f1fb;--texto: #1c2430;--suave: #5b6675;--linha: #dfe4ea;--fundo: #f5f7fa;--cartao: #fff;--verde: #1e7b45;--verde-claro: #e3f4ea;--amarelo: #8a5a00;--amarelo-claro: #fff4d6;--vermelho: #b3261e;--vermelho-claro: #fde8e6;--raio: 8px;--sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);font-size:15px;line-height:1.45}*{box-sizing:border-box}body{margin:0;background:var(--fundo)}a{color:var(--azul)}h1,h2,h3{margin:0 0 12px;line-height:1.25}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}code{font-size:13px;background:var(--azul-claro);padding:1px 4px;border-radius:4px;word-break:break-all}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.lateral{background:#0f1f33;color:#cfd8e3;padding:16px 10px;display:flex;flex-direction:column;gap:2px}.lateral .marca{color:#fff;font-weight:700;font-size:18px;padding:4px 10px 14px}.lateral a{color:inherit;text-decoration:none;padding:8px 10px;border-radius:6px;display:block}.lateral a:hover{background:#ffffff12;color:#fff}.lateral a.activo{background:var(--azul);color:#fff}.lateral .grupo{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#7f8ea3;padding:14px 10px 4px}.principal{min-width:0;display:flex;flex-direction:column}.topo{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--cartao);border-bottom:1px solid var(--linha);flex-wrap:wrap}.topo .empresa{font-weight:600}.topo .espaco{flex:1}.conteudo{padding:24px;max-width:1200px;width:100%}@media(max-width:820px){.app{grid-template-columns:1fr}.lateral{flex-direction:row;overflow-x:auto;padding:8px}.lateral .grupo,.lateral .marca{display:none}.lateral a{white-space:nowrap}.conteudo{padding:16px}}.faixa{padding:10px 24px;font-size:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.faixa.demo{background:var(--amarelo-claro);color:var(--amarelo)}.faixa.erro{background:var(--vermelho-claro);color:var(--vermelho)}.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:18px;box-shadow:var(--sombra);margin-bottom:16px}.grelha{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.linha-acoes{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.linha-acoes .espaco{flex:1}.numero-grande{font-size:26px;font-weight:700}.suave{color:var(--suave);font-size:13px}button,.botao{font:inherit;border:1px solid var(--linha);background:#fff;color:var(--texto);padding:7px 14px;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}button:hover,.botao:hover{border-color:#b8c2cf}button.primario,.botao.primario{background:var(--azul);border-color:var(--azul);color:#fff}button.primario:hover{background:var(--azul-escuro)}button.perigo{color:var(--vermelho);border-color:#f0b8b3}button.ligacao{border:0;background:none;color:var(--azul);padding:2px 4px}button:disabled{opacity:.55;cursor:default}label.campo{display:block;margin-bottom:12px;font-size:13px;color:var(--suave)}label.campo>span{display:block;margin-bottom:4px}input,select,textarea{font:inherit;color:var(--texto);width:100%;padding:8px 10px;border:1px solid #c9d1db;border-radius:6px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--azul-claro);border-color:var(--azul)}textarea{min-height:120px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.campo .erro-campo{color:var(--vermelho);font-size:12px;margin-top:3px;display:block}.campo.invalido input,.campo.invalido select{border-color:var(--vermelho)}.colunas{display:grid;gap:0 16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}input[type=checkbox]{width:auto}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabela-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;color:var(--suave);font-weight:600;padding:8px;border-bottom:1px solid var(--linha)}td{padding:8px;border-bottom:1px solid #eef1f4;vertical-align:top}tr.clicavel{cursor:pointer}tr.clicavel:hover td{background:#f8fafc}table input,table select{padding:5px 7px}.etiqueta{display:inline-block;font-size:12px;padding:1px 8px;border-radius:999px;background:#eef1f4;color:var(--suave);white-space:nowrap}.etiqueta.verde{background:var(--verde-claro);color:var(--verde)}.etiqueta.amarela{background:var(--amarelo-claro);color:var(--amarelo)}.etiqueta.vermelha{background:var(--vermelho-claro);color:var(--vermelho)}.etiqueta.azul{background:var(--azul-claro);color:var(--azul)}.alerta{padding:10px 12px;border-radius:6px;margin:0 0 12px;font-size:14px}.alerta.erro{background:var(--vermelho-claro);color:var(--vermelho)}.alerta.ok{background:var(--verde-claro);color:var(--verde)}.alerta.info{background:var(--azul-claro);color:var(--azul-escuro)}.fundo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:#fff;border-radius:10px;width:min(560px,100%);max-height:90vh;overflow:auto;padding:20px;box-shadow:0 20px 40px #0003}.modal.largo{width:min(820px,100%)}.modal .rodape-modal{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.entrada{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(160deg,#0f1f33,#0b5cab)}.entrada .cartao{width:min(420px,100%);padding:28px}.entrada .marca{font-size:24px;font-weight:800;color:var(--azul);margin-bottom:4px}.totais{margin-left:auto;width:min(360px,100%)}.totais div{display:flex;justify-content:space-between;padding:4px 0}.totais .total{border-top:2px solid var(--texto);font-weight:700;font-size:17px;margin-top:4px;padding-top:6px}.pesquisa{position:relative}.pesquisa ul{position:absolute;z-index:20;left:0;right:0;top:100%;background:#fff;border:1px solid var(--linha);border-radius:6px;margin:2px 0 0;padding:4px 0;list-style:none;max-height:260px;overflow:auto;box-shadow:var(--sombra)}.pesquisa li{padding:6px 10px;cursor:pointer;font-size:14px}.pesquisa li:hover,.pesquisa li.sel{background:var(--azul-claro)}.passos li{margin-bottom:8px}.cronologia{list-style:none;padding:0;margin:0;font-size:13px}.cronologia li{padding:6px 0;border-bottom:1px dashed var(--linha)}.abas{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--linha);margin-bottom:16px}.abas a{padding:8px 12px;text-decoration:none;color:var(--suave);border-bottom:2px solid transparent}.abas a.activo{color:var(--azul);border-color:var(--azul);font-weight:600}.venda{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}@media(max-width:980px){.venda{grid-template-columns:1fr}}.total-venda .grande{font-size:40px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.total-venda .grande small{font-size:18px;font-weight:600}.total-venda hr{border:0;border-top:1px solid var(--linha);margin:14px 0}.total-venda .formas{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.total-venda .formas button{justify-content:center;padding:10px}.total-venda .troco{font-size:22px;font-weight:700;color:var(--verde);margin-bottom:10px}.total-venda .troco.falta{color:var(--vermelho)}.total-venda button.cobrar{width:100%;justify-content:center;font-size:18px;padding:14px;margin:8px 0}.qtd{display:inline-flex;gap:4px;align-items:center}.qtd button{padding:4px 10px}.escolhas{list-style:none;padding:0;margin:8px 0 0}.escolhas button{width:100%;margin-bottom:4px}@media print{.lateral,.topo,.faixa,.abas,form,button,.botao{display:none!important}.app{display:block}}