:root{--brand: #b3261e;--brand-escuro: #8f1d17;--brand-suave: #fbeae9;--ok: #0f7a53;--ok-suave: #ecf8f1;--info: #2563eb;--info-suave: #eff6ff;--warn: #d97706;--warn-suave: #fef3c7;--danger: #b3261e;--danger-suave: #fbeae9;--ink: #1c1917;--texto: #57534e;--muted: #a8a29e;--borda: #e9e4de;--borda-suave: #f0ece6;--superficie: #faf8f5;--bg: #f4f2ee;--radius: 12px;--radius-lg: 16px;--shadow-card: 0 1px 2px rgba(16,24,40,.04), 0 4px 12px -6px rgba(16,24,40,.06);--shadow-pop: 0 12px 30px -10px rgba(16,24,40,.25)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-layout,.app-layout *{font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg);color:#1e293b;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.content-area input:focus,.content-area select:focus,.content-area textarea:focus{box-shadow:0 0 0 3px #ef444421;border-color:#fca5a5!important;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid transparent;font-weight:600;font-size:14px;cursor:pointer;transition:.15s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 14px -6px #ef444480}.btn-primary:hover:not(:disabled){background:var(--brand-escuro)}.btn-ok{background:var(--ok);color:#fff;box-shadow:0 6px 14px -6px #16a34a80}.btn-ok:hover:not(:disabled){background:#15803d}.btn-ghost{background:#fff;color:var(--texto);border-color:var(--borda)}.btn-ghost:hover:not(:disabled){background:#f8fafc;color:var(--ink)}.btn-danger{background:#fff;color:var(--danger);border-color:#fecaca}.btn-danger:hover:not(:disabled){background:var(--danger-suave)}.input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--borda);outline:none;font-size:14px;background:#f8fafc;transition:.15s;color:var(--ink)}.input::placeholder{color:#94a3b8}.label{display:block;font-weight:700;font-size:11px;color:var(--muted);margin-bottom:7px;letter-spacing:.4px;text-transform:uppercase}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:99px;font-weight:700;font-size:12px}.badge-ok{background:var(--ok-suave);color:#15803d}.badge-warn{background:var(--warn-suave);color:#b45309}.badge-danger{background:var(--danger-suave);color:#b91c1c}.badge-info{background:var(--info-suave);color:var(--info)}.badge-neutro{background:#f1f5f9;color:var(--muted)}.tabs-pill{display:inline-flex;gap:6px;background:#e8ecf2;padding:5px;border-radius:12px}.tabs-pill .tab{padding:9px 18px;border-radius:9px;border:none;background:transparent;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:7px}.tabs-pill .tab:hover{color:var(--ink)}.tabs-pill .tab.active{background:#fff;color:var(--brand);box-shadow:0 1px 4px #1018281f}.kpi{background:#fff;border-radius:var(--radius);border:1px solid #eef0f4;border-left:4px solid var(--info);box-shadow:var(--shadow-card);padding:16px 18px}.kpi .kpi-titulo{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.kpi .kpi-valor{font-size:24px;font-weight:700;color:var(--ink);margin-top:8px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.section-title .st-icone{width:38px;height:38px;border-radius:10px;background:var(--info-suave);color:var(--info);display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-title .st-titulo{font-weight:700;color:var(--ink);font-size:15px}.section-title .st-sub{font-size:12px;color:#94a3b8}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-header .ph-titulo{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.3px;display:flex;align-items:center;gap:10px}.page-header .ph-sub{font-size:13px;color:var(--muted);margin-top:4px}.empty-state{text-align:center;padding:42px 20px;color:#94a3b8}.empty-state .es-icone{width:58px;height:58px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.empty-state .es-titulo{font-weight:700;color:var(--muted);font-size:15px;margin-bottom:4px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ddd6ce;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#c9c0b6;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.app-layout{display:flex;flex-direction:column;height:100vh}.topbar{background:#fff;color:var(--ink);display:flex;align-items:center;gap:16px;padding:0 20px;height:60px;border-bottom:1px solid var(--borda)}.topbar-logo{display:flex;align-items:center;gap:6px;flex:none;margin-right:18px}.topbar-logo-icone{height:40px;width:auto;display:block;object-fit:contain;flex:none}.topbar-logo-texto{display:flex;flex-direction:column;justify-content:center;gap:3px;flex:none}.topbar-logo-texto img{height:30px;width:auto;display:block;object-fit:contain}.topbar-logo-lista{display:flex;height:4px;width:100%;border-radius:2px;overflow:hidden}.topbar-logo-lista span:first-child{flex:1;background:#a4162a}.topbar-logo-lista span:last-child{flex:1;background:#fcb128}.topbar-search{background:var(--bg);border:1px solid transparent;border-radius:12px;padding:0 14px 0 38px;color:var(--ink);width:100%;height:38px;outline:none;transition:.2s;font-size:14px}.topbar-search:focus{border-color:var(--brand);box-shadow:0 0 0 3px #b3261e1f}.topbar-search::placeholder{color:var(--muted)}.topbar-kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;background:#fff;border:1px solid var(--borda);color:var(--muted);pointer-events:none}.topbar-pill{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;transition:.15s}.topbar-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--borda);background:#fff;color:var(--texto);font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;transition:.15s}.topbar-btn:hover{background:var(--bg)}.topbar-user{width:32px;height:32px;background-color:#a3e635;color:#1c2260;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.busca-dropdown{position:absolute;top:46px;left:0;width:100%;background:#fff;border-radius:12px;box-shadow:var(--shadow-pop);border:1px solid var(--borda);overflow:hidden;z-index:9999}.busca-item{display:flex;align-items:center;gap:10px;padding:11px 16px;color:var(--texto);font-weight:500;font-size:14px;cursor:pointer}.busca-item:hover,.busca-item.ativo{background:var(--brand-suave);color:var(--brand)}.busca-item .bi-secao{margin-left:auto;font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase}.main-container{display:flex;flex:1;overflow:hidden}.sidebar{width:248px;background:#fff;border-right:1px solid var(--borda);display:flex;flex-direction:column;padding:14px 12px;gap:2px;overflow-y:auto}.sidebar-section{padding:16px 12px 4px;font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:800;letter-spacing:.08em}.nav-item{display:flex;align-items:center;padding:9px 12px;color:var(--texto);text-decoration:none;font-weight:600;font-size:14px;gap:12px;border-radius:10px;transition:.15s;cursor:pointer}.nav-item:hover{background-color:var(--bg);color:var(--ink)}.nav-item.active{background:var(--brand-suave);color:var(--brand);font-weight:700}.nav-badge{background-color:var(--brand);color:#fff;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:11px;margin-left:auto;font-weight:800;display:grid;place-items:center}.content-area{flex:1;padding:28px 30px;overflow-y:auto;background:var(--bg)}.page-title{font-size:20px;font-weight:800;margin-bottom:20px;color:var(--ink);letter-spacing:-.02em}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.card{background:#fff;border-radius:14px;box-shadow:0 1px 2px #1018280a,0 4px 12px -6px #1018280f;border:1px solid #eef0f4;padding:20px;margin-bottom:20px}.card-title{font-size:12px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.4px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.card-value{font-size:28px;font-weight:600;color:#202223;margin-bottom:5px}.card-subtitle{font-size:14px;color:#6d7175}.link-azul{color:#2c6ecb;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer}.link-azul:hover{text-decoration:underline}.action-list{list-style:none;margin-top:10px}.action-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #dfe3e8;gap:15px;font-weight:500;font-size:14px;cursor:pointer;color:#202223}.action-item:last-child{border-bottom:none;padding-bottom:0}.action-item:hover{color:#ef4444}.grafico-barras{display:flex;align-items:flex-end;gap:5px;height:100px;margin-top:20px;border-bottom:1px solid #dfe3e8;padding-bottom:5px}.barra{background-color:#a7e0d3;width:100%;border-radius:2px 2px 0 0}.barra:hover{background-color:#008060}.resumo-linha{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px solid #f1f2f4}.resumo-linha:last-child{border-bottom:none;font-weight:700;padding-top:15px}.pdv-container{display:flex;gap:20px;height:calc(100vh - 150px)}.pdv-catalogo{flex:2;display:flex;flex-direction:column;overflow:hidden}.pdv-categorias{display:flex;gap:10px;margin-bottom:15px;overflow-x:auto;padding-bottom:5px}.btn-categoria{padding:8px 16px;border-radius:20px;border:1px solid #dfe3e8;background:#fff;cursor:pointer;font-weight:500;color:#6d7175;white-space:nowrap}.btn-categoria.active{background:#2c6ecb;color:#fff;border-color:#2c6ecb}.grade-produtos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;overflow-y:auto;padding-right:10px;padding-bottom:20px}.pdv-card-produto{background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:15px;cursor:pointer;transition:.2s;text-align:center;display:flex;flex-direction:column;justify-content:space-between;height:140px}.pdv-card-produto:hover{border-color:#2c6ecb;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.pdv-comanda{flex:1;background:#fff;border-radius:8px;border:1px solid #dfe3e8;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 6px #00000005}.comanda-header{background:#f9fafb;padding:15px;border-bottom:1px solid #dfe3e8;font-weight:700;display:flex;justify-content:space-between;align-items:center}.comanda-body{flex:1;overflow-y:auto;padding:15px}.comanda-footer{background:#f9fafb;padding:15px;border-top:1px solid #dfe3e8}.item-carrinho{display:flex;justify-content:space-between;border-bottom:1px dashed #eee;padding:10px 0;font-size:14px}.kanban-board{display:flex;gap:20px;height:calc(100vh - 120px);overflow-x:auto;align-items:flex-start}.kanban-col{flex:1;min-width:320px;display:flex;flex-direction:column;gap:15px;background:#f1f2f4;border-radius:8px}.kanban-col-header{padding:12px 15px;border-radius:4px;color:#fff;font-weight:700;display:flex;justify-content:space-between;font-size:15px}.bg-vermelho{background-color:#ef4444}.bg-laranja{background-color:#f59e0b}.bg-verde{background-color:#10b981}.kanban-card{background:#fff;padding:15px;border-radius:6px;box-shadow:0 1px 3px #0000001a;border-left:4px solid transparent;cursor:grab}.kanban-card:active{cursor:grabbing}.print-area,#roma-print-host{display:none}@media print{#roma-print-host{display:block}body.roma-print-fila>*:not(#roma-print-host){display:none!important}.topbar,.sidebar,.no-print,.only-mobile,.mobile-header,.mobile-bottom-nav,.mobile-drawer-backdrop,.mobile-drawer{display:none!important}body,html,#root,.app-layout,.main-container,.content-area{display:block!important;height:auto!important;min-height:auto!important;overflow:visible!important;padding:0!important;margin:0!important;background:#fff!important}@page{margin:0;size:58mm auto}.print-area,.print-area *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}.print-area{display:block!important;width:54mm!important;margin:0 auto;padding:0 2mm;font-family:Courier New,Courier,monospace!important;color:#000!important;background:#fff!important;font-size:9px;line-height:1.1}.text-center{text-align:center}.text-right{text-align:right}.flex-between{display:flex;justify-content:space-between;align-items:flex-start}.linha-tracejada{border-top:1px dashed #000;margin:4px 0}.linha-tracejada-forte{border-top:2px dashed #000;margin:4px 0}.mb-1{margin-bottom:3px}.mt-1{margin-top:3px}.fonte-gigante{font-size:16px;font-weight:700;margin:2px 0}.fonte-media{font-size:11px;font-weight:700}.item-qtd{width:15px;font-weight:700}.item-nome{flex:1;padding-right:5px;word-break:break-word}.item-preco{font-weight:700;white-space:nowrap}.item-sabor-container{padding-left:10px;font-size:8px;margin-top:2px}.item-sabor-linha{display:flex;justify-content:space-between;color:#333}.obs-destaque{display:block;margin-left:0;margin-top:3px;margin-bottom:4px;font-size:9px;font-weight:700;text-transform:uppercase}}.config-arte{position:absolute;right:0;top:-10px;display:flex;align-items:center;gap:4px;pointer-events:none;-webkit-user-select:none;user-select:none}.config-arte img{height:140px;width:auto;opacity:.7;clip-path:inset(0 39% 0 0);margin-right:-164px}.config-arte-frase{font-family:Caveat,cursive;font-weight:700;font-size:30px;line-height:1.02;color:#6b4a3a;transform:rotate(-6deg);padding-right:6px}.config-arte-frase span{display:block;width:110px;height:4px;margin-top:6px;border-radius:4px;background:linear-gradient(90deg,#1f8a4c 0,#1f8a4c 33%,#f4efe6 33%,#f4efe6 66%,#c62828 66%,#c62828)}@media (max-width: 900px){.config-arte{display:none}}:root{--mobile-header-h: 56px;--mobile-nav-h: 64px;--touch-target: 44px;--content-mobile-x: 14px}.only-mobile{display:none!important}@media screen and (min-width: 1024px){.main-container>.only-desktop{align-self:stretch;display:flex}.main-container>.only-desktop>.sb-slot{height:100%}}@media screen and (max-width: 1023px){.only-desktop{display:none!important}.only-mobile{display:flex!important}.app-layout{height:100vh;height:100dvh}.main-container,.content-area{min-width:0}}@media screen and (max-width: 1023px){body{overflow:hidden}.mobile-header{height:var(--mobile-header-h);flex:0 0 var(--mobile-header-h);align-items:center;justify-content:space-between;padding:0 var(--content-mobile-x);color:#fff;background:linear-gradient(135deg,#7f1d1d,#dc2626);box-shadow:0 2px 12px #7f1d1d38}.mobile-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px}.mobile-menu-button,.mobile-drawer-head button{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);border:0;color:inherit;background:#ffffff1f;border-radius:10px;cursor:pointer}.main-container{height:calc(100dvh - var(--mobile-header-h) - var(--mobile-nav-h))}.content-area{padding:14px;padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 12px);overflow-x:hidden}.mobile-bottom-nav{position:fixed;z-index:100;bottom:0;left:0;right:0;height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));padding:5px 6px max(5px,env(safe-area-inset-bottom));align-items:center;justify-content:space-around;background:#fffffffa;border-top:1px solid #e2e8f0;box-shadow:0 -6px 20px #0f172a14}.mobile-bottom-nav a,.mobile-bottom-nav button{min-width:var(--touch-target);min-height:var(--touch-target);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;color:#64748b;background:transparent;font:inherit;font-size:10px;font-weight:700;text-decoration:none;cursor:pointer;border-radius:9px;padding:3px 11px}.mobile-bottom-nav a.active{color:#dc2626;background:#fef2f2}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;background:#0f172a70}.mobile-drawer{width:min(328px,calc(100vw - 32px));height:100%;overflow-y:auto;padding:16px;background:#fff;box-shadow:18px 0 42px #0f172a38}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;color:#0f172a}.mobile-drawer-head button{color:#475569;background:#f1f5f9}.mobile-drawer-group{display:flex;flex-direction:column;gap:3px;margin:15px 0}.mobile-drawer-group>span{padding:0 10px 5px;color:#94a3b8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.mobile-drawer-link{display:flex;align-items:center;gap:11px;min-height:var(--touch-target);padding:9px 10px;border-radius:9px;color:#334155;font-size:14px;font-weight:650;text-decoration:none}.mobile-drawer-link.active{color:#dc2626;background:#fef2f2}.mobile-loja-button,.mobile-logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--touch-target);margin-top:9px;border-radius:10px;font-weight:750;cursor:pointer}.mobile-loja-button{border:0;color:#fff;background:#16a34a}.mobile-logout-button{border:1px solid #fecaca;color:#dc2626;background:#fff}.content-area input,.content-area select,.content-area textarea{font-size:16px}}