:root{--fundo: #F4EFE8;--fundo-2: #EDE6DC;--superficie: #FFFCF8;--superficie-2: #F8F3EC;--linha: rgba(58, 40, 28, .1);--linha-forte: rgba(58, 40, 28, .18);--texto: #2B201A;--texto-2: #6B5B4E;--texto-3: #9A8A7C;--acento: #C8552B;--acento-forte: #A9431F;--acento-suave: #F6E3D8;--ok: #3E7B4F;--ok-suave: #E3F0E4;--aviso: #A86A12;--aviso-suave: #F8EBD3;--perigo: #B23A2E;--perigo-suave: #F7E0DC;--raio: 18px;--raio-p: 12px;--sombra: 0 1px 0 rgba(58, 40, 28, .04), 0 10px 30px -18px rgba(58, 40, 28, .35);--ease: cubic-bezier(.22, 1, .36, 1);--gutter: clamp(16px, 4vw, 40px);color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{font-family:Manrope,system-ui,-apple-system,sans-serif;background:var(--fundo);color:var(--texto);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 60% at 50% -10%,#fbf7f1,#fbf7f100 60%);background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--acento-forte)}:focus-visible{outline:2px solid var(--acento);outline-offset:3px;border-radius:6px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--texto-3)}.titulo{font-size:clamp(26px,3.2vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:6px 0 0}.titulo em{font-style:normal;color:var(--acento)}.sub{color:var(--texto-2);margin:6px 0 0}.num{font-variant-numeric:tabular-nums}.app{min-height:100svh;display:flex;flex-direction:column}.topo{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px var(--gutter);background:#f4efe8d1;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--linha)}.marca{display:flex;align-items:center;gap:10px;min-width:0}.marca .emoji{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--superficie);border:1px solid var(--linha);font-size:18px}.marca strong{font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{display:flex;gap:4px;margin-left:18px}.nav button{border:0;background:transparent;padding:9px 14px;border-radius:999px;cursor:pointer;font-weight:600;color:var(--texto-2);transition:background .25s var(--ease),color .25s var(--ease)}.nav button:hover{background:var(--superficie-2);color:var(--texto)}.nav button[aria-current=page]{background:var(--texto);color:var(--superficie)}.topo .direita{margin-left:auto;display:flex;align-items:center;gap:10px}.conteudo{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:28px var(--gutter) 120px}.abas{display:none}@media (max-width: 820px){.nav{display:none}.abas{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fffcf8f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--linha)}.abas button{border:0;background:transparent;padding:6px 4px;border-radius:12px;display:grid;gap:2px;justify-items:center;font-size:11px;font-weight:700;color:var(--texto-3);min-height:48px;cursor:pointer}.abas button .ic{font-size:19px;line-height:1;filter:grayscale(1);opacity:.7}.abas button[aria-current=page]{color:var(--texto)}.abas button[aria-current=page] .ic{filter:none;opacity:1}.nome-atendente{display:none}.topo{gap:10px}.cabeca .acoes{margin-left:0;width:100%}.cabeca .acoes .btn{flex:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;cursor:pointer;border:1px solid var(--linha-forte);background:var(--superficie);font-weight:700;font-size:14px;transition:transform .2s var(--ease),background .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease);position:relative;overflow:hidden;isolation:isolate;white-space:nowrap}.btn:hover{border-color:var(--texto-2)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.principal{background:var(--acento);border-color:var(--acento);color:#fff8f3;box-shadow:0 10px 24px -14px var(--acento)}.btn.principal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--acento-forte);transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1}.btn.principal:hover:before{transform:translateY(0)}.btn.escuro{background:var(--texto);border-color:var(--texto);color:var(--superficie)}.btn.fantasma{background:transparent;border-color:transparent;color:var(--texto-2)}.btn.fantasma:hover{background:var(--superficie-2);color:var(--texto)}.btn.perigo{color:var(--perigo)}.btn.pequeno{min-height:36px;padding:0 14px;font-size:13px}.btn.icone{width:44px;padding:0}.cartao{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra)}.bloco{padding:22px}.bloco+.bloco{border-top:1px solid var(--linha)}.bloco h3{margin:0 0 4px;font-size:17px;letter-spacing:-.02em}.bloco .dica{color:var(--texto-3);font-size:13px;margin:0 0 14px}.campo{display:grid;gap:6px}.campo>span{font-size:12px;font-weight:700;color:var(--texto-2)}.entrada,select.entrada,textarea.entrada{width:100%;min-height:44px;padding:10px 14px;border-radius:var(--raio-p);border:1px solid var(--linha-forte);background:#fffefc;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}textarea.entrada{min-height:96px;resize:vertical;line-height:1.5}.entrada:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 4px var(--acento-suave)}.grade{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.linha{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.espaco{flex:1}.interruptor{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700}.interruptor input{position:absolute;opacity:0;pointer-events:none}.interruptor .trilho{width:46px;height:28px;border-radius:999px;background:var(--fundo-2);border:1px solid var(--linha-forte);position:relative;transition:background .3s var(--ease);flex:none}.interruptor .trilho:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .3s var(--ease)}.interruptor input:checked+.trilho{background:var(--ok);border-color:var(--ok)}.interruptor input:checked+.trilho:after{transform:translate(18px)}.interruptor input:focus-visible+.trilho{outline:2px solid var(--acento);outline-offset:3px}.selo{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--superficie-2);color:var(--texto-2);border:1px solid var(--linha);white-space:nowrap}.selo.ok{background:var(--ok-suave);color:var(--ok);border-color:transparent}.selo.aviso{background:var(--aviso-suave);color:var(--aviso);border-color:transparent}.selo.perigo{background:var(--perigo-suave);color:var(--perigo);border-color:transparent}.selo.acento{background:var(--acento-suave);color:var(--acento-forte);border-color:transparent}.ponto{width:8px;height:8px;border-radius:50%;background:currentColor}.ponto.vivo{animation:pulsar 2s var(--ease) infinite}@keyframes pulsar{0%,to{opacity:1}50%{opacity:.35}}.cabeca{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}.cabeca .acoes{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.numeros{display:flex;gap:28px;margin:0 0 22px;flex-wrap:wrap}.numeros div{display:grid}.numeros b{font-size:26px;letter-spacing:-.03em;font-weight:800}.numeros span{font-size:12px;color:var(--texto-3);font-weight:600}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.coluna{background:var(--fundo-2);border-radius:22px;padding:10px;min-height:160px}.coluna>header{display:flex;align-items:center;gap:8px;padding:8px 8px 12px;font-weight:800;letter-spacing:-.01em}.coluna>header .qtd{margin-left:auto;color:var(--texto-3);font-weight:700;font-size:13px}.coluna .vazio{color:var(--texto-3);text-align:center;padding:30px 10px;font-size:13px}.pedido{padding:14px;display:grid;gap:10px;animation:entrar .6s var(--ease) both}.pedido+.pedido{margin-top:10px}.pedido .topo-pedido{display:flex;align-items:baseline;gap:8px}.pedido .numero{font-size:22px;font-weight:800;letter-spacing:-.04em}.pedido .nome{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pedido .hora{margin-left:auto;color:var(--texto-3);font-size:12px;font-weight:600}.pedido ul{margin:0;padding:0;list-style:none;display:grid;gap:2px;font-weight:600}.pedido .meta{display:grid;gap:4px;font-size:13px;color:var(--texto-2)}.pedido .obs{background:var(--aviso-suave);color:#6e4a0e;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:700}.pedido .acoes{display:flex;gap:8px;align-items:center}.pedido .acoes .btn.escuro{flex:1}.pedido.cancelado{opacity:.55}@keyframes entrar{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.seletor-etapa{display:none}@media (max-width: 820px){.kanban{grid-template-columns:1fr}.kanban .coluna:not(.ativa){display:none}.seletor-etapa{display:flex;gap:6px;margin-bottom:14px;background:var(--fundo-2);padding:5px;border-radius:999px}.seletor-etapa button{flex:1;border:0;background:transparent;border-radius:999px;min-height:40px;font-weight:700;font-size:13px;white-space:nowrap;padding:0 6px;color:var(--texto-2);cursor:pointer}.seletor-etapa button[aria-pressed=true]{background:var(--superficie);color:var(--texto);box-shadow:var(--sombra)}}.veu{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b201a52;z-index:50;animation:aparecer .3s var(--ease)}.gaveta{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);z-index:60;background:var(--fundo);border-left:1px solid var(--linha);display:flex;flex-direction:column;animation:deslizar .45s var(--ease)}.gaveta>header{padding:18px 22px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--linha)}.gaveta>header h2{margin:0;font-size:20px;letter-spacing:-.03em}.gaveta>.corpo{flex:1;overflow:auto;padding:20px 22px;display:grid;gap:16px;align-content:start}.gaveta>footer{padding:14px 22px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--linha);display:flex;gap:10px;align-items:center;background:var(--superficie)}@keyframes aparecer{0%{opacity:0}}@keyframes deslizar{0%{transform:translate(40px);opacity:0}}.produto-linha{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;transition:background .2s var(--ease)}.produto-linha+.produto-linha{border-top:1px solid var(--linha)}.produto-linha:hover{background:var(--superficie-2)}.produto-linha .preco{margin-left:auto;color:var(--texto-2);font-weight:700;text-align:right;font-size:13px}.tabela-mini{display:grid;gap:8px}.tabela-mini .linha-mini{display:grid;grid-template-columns:1fr 120px 44px;gap:8px;align-items:center}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--linha-forte);background:var(--superficie);cursor:pointer;font-weight:600;font-size:13px}.chip[aria-pressed=true]{background:var(--texto);color:var(--superficie);border-color:var(--texto)}.toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:90;background:var(--texto);color:var(--superficie);padding:12px 20px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 16px 40px -16px #00000080;animation:subir .4s var(--ease);max-width:calc(100% - 32px);text-align:center}.toast.erro{background:var(--perigo)}@keyframes subir{0%{opacity:0;transform:translate(-50%,12px)}}.alerta{border-radius:var(--raio-p);padding:12px 14px;background:var(--aviso-suave);color:#6e4a0e;font-weight:600;font-size:14px}.login{min-height:100svh;display:grid;place-items:center;padding:var(--gutter)}.login .cartao{width:min(420px,100%);padding:34px 30px;display:grid;gap:16px;animation:entrar .8s var(--ease) both}.login .bolha{width:52px;height:52px;border-radius:18px;background:var(--acento);display:grid;place-items:center;color:#fff;font-size:24px;box-shadow:0 14px 30px -14px var(--acento)}.kpis{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:18px}.kpi{padding:18px 20px}.kpi span{font-size:12px;color:var(--texto-3);font-weight:700}.kpi b{display:block;font-size:28px;letter-spacing:-.04em;font-weight:800;margin-top:4px}.kpi.destaque b{color:var(--acento)}.lista-valores{display:grid}.lista-valores>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--linha)}.lista-valores>div:last-child{border-bottom:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
