:root{background:#f6f3ee;color:#1f2a24;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.menu{--cor-primaria: #1f6f5b;--cor-secundaria: #ffffff;margin:0 auto;max-width:760px;min-height:100vh;padding:18px 18px 116px}.topbar,.product,footer,.client,.message{align-items:center;display:flex}.topbar{gap:12px;justify-content:space-between;padding:8px 0 18px}.topbar span,.total span,.notes span{color:#6d766f;display:block;font-size:13px}.topbar strong{font-size:18px}.waiter-button{background:var(--cor-primaria);border-color:var(--cor-primaria);color:var(--cor-secundaria);justify-content:center;min-height:38px;min-width:0;padding:8px 10px;white-space:nowrap}.service-actions{display:grid;flex:1 1 420px;gap:8px;grid-template-columns:repeat(3,minmax(132px,1fr));justify-content:flex-end;max-width:560px}button{align-items:center;background:#fff;border:1px solid #d9ded8;border-radius:8px;color:#1f2a24;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:10px 14px}button:disabled{cursor:not-allowed;opacity:.58}.title{padding:12px 0 18px}.brand-title{align-items:center;display:flex;gap:12px}.brand-title img{aspect-ratio:1;border-radius:8px;height:58px;object-fit:contain;width:58px}h1,h2,h3,p{margin:0}h1{font-size:34px}.title p,.product p,.category-title p{color:#68746b}.client,.notes textarea{background:#fff;border:1px solid #d9ded8;border-radius:8px}.client{gap:10px;margin-bottom:12px;padding:0 12px}.client svg{color:var(--cor-primaria);flex:0 0 auto}input,textarea{color:#1f2a24;font:inherit;width:100%}input{border:0;min-height:44px;outline:0}.message{border-radius:8px;gap:8px;margin:12px 0;padding:12px}.message.sucesso{background:#e8f6ee;color:var(--cor-primaria)}.message.erro{background:#fff0ed;color:#a33b2f}.offline-operation-message{align-items:flex-start;border:1px solid #f1c7bd;line-height:1.45}.welcome-message{background:#fff9ec;border:1px solid color-mix(in srgb,var(--cor-primaria) 35%,#eadfc6);border-left:4px solid var(--cor-primaria);border-radius:8px;color:#4b4232;line-height:1.5;margin:16px 0;padding:14px 16px}.session-expired-panel{background:#fff0ed;border:1px solid #f0b8ad;border-left:4px solid #a33b2f;border-radius:8px;color:#7a2b22;display:grid;gap:4px;line-height:1.45;margin:0 0 16px;padding:14px 16px}.session-expired-panel strong{color:#a33b2f;font-size:16px}.session-expired-panel span{color:#7a2b22}.session-expired-overlay{align-items:center;background:#1f2a249e;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:30}.consumption-overlay{align-items:flex-end;background:#1f2a249e;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:32}.consumption-modal{background:#fff;border:1px solid #e0e3dd;border-radius:8px;box-shadow:0 20px 58px #1f2a243d;display:grid;gap:14px;max-height:min(86vh,720px);max-width:720px;overflow:auto;padding:18px;width:100%}.consumption-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.consumption-header span,.consumption-summary span{color:#68746b;display:block;font-size:13px}.consumption-header h2{color:#1f2a24;font-size:24px}.icon-button{flex:0 0 auto;height:40px;min-height:40px;padding:0;width:40px}.icon-button svg{color:#1f2a24}.state.compact{min-height:92px}.consumption-content{display:grid;gap:14px}.consumption-summary{background:#f8f6f1;border:1px solid #e2ded5;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px}.consumption-summary strong{color:#1f2a24;display:block;margin-top:4px;overflow-wrap:anywhere}.consumption-orders{display:grid;gap:12px}.consumption-order{border:1px solid #e0e3dd;border-radius:8px;display:grid;gap:10px;padding:14px}.consumption-order-title,.consumption-item{align-items:center;display:flex;gap:12px;justify-content:space-between}.consumption-order-title span,.consumption-item strong{color:var(--cor-primaria);flex:0 0 auto}.consumption-items{display:grid;gap:8px}.consumption-item{color:#4c5850;font-size:14px}.consumption-item span{min-width:0;overflow-wrap:anywhere}.consumption-empty{background:#fff9ec;border:1px solid #eadfc6;border-radius:8px;color:#4b4232;line-height:1.45;padding:14px}.session-expired-modal{background:#fff;border:1px solid #e0e3dd;border-radius:8px;box-shadow:0 20px 58px #1f2a243d;display:grid;gap:14px;max-width:420px;padding:22px;width:min(100%,420px)}.session-expired-modal h2{color:#1f2a24;font-size:24px}.session-expired-modal p{color:#5f6c64;line-height:1.55}.session-expired-action{min-height:48px;width:100%}.session-locked .client,.session-locked .notes,.session-locked footer{opacity:.72}.session-locked .product{background:#fbfaf8}.session-locked input:disabled,.session-locked textarea:disabled{background:transparent;cursor:not-allowed}.confirmation-panel{align-items:center;background:#fff;border:1px solid #d9ded8;border-radius:8px;display:grid;gap:16px;justify-items:center;margin-top:18px;padding:28px 18px;text-align:center}.confirmation-panel>svg{color:var(--cor-primaria)}.confirmation-panel p{color:#68746b;margin-top:6px}.feedback-panel{background:#fff;border:1px solid #d9ded8;border-left:4px solid var(--cor-primaria);border-radius:8px;display:grid;gap:12px;margin:12px 0 18px;padding:16px}.feedback-panel h2{color:#1f2a24;font-size:20px}.rating-stars{display:grid;gap:8px;grid-template-columns:repeat(5,44px)}.rating-stars button{background:#fff9ec;color:#c48a12;font-size:24px;height:44px;min-height:44px;padding:0;width:44px}.rating-stars button.active{background:color-mix(in srgb,var(--cor-primaria) 12%,#fff9ec);border-color:var(--cor-primaria);color:#d49312}.feedback-types{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.feedback-types button{background:#fff;color:#1f2a24}.feedback-types button.active{background:var(--cor-primaria);border-color:var(--cor-primaria);color:var(--cor-secundaria)}.feedback-panel textarea{background:#fff;border:1px solid #d9ded8;border-radius:8px;min-height:98px;outline:0;padding:12px;resize:vertical}.feedback-submit{min-height:48px}.feedback-thanks{align-items:center;color:var(--cor-primaria);display:flex;gap:12px;text-align:left}.feedback-thanks div{display:grid;gap:4px}.feedback-thanks span{color:#68746b}.confirmation-actions{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(138px,1fr));justify-content:center;width:100%}.confirmation-actions button{justify-content:center;min-width:0}.state{align-items:center;color:#68746b;display:flex;gap:10px;justify-content:center;min-height:160px;text-align:center}.categories{display:grid;gap:24px}.category-title{margin-bottom:10px}.category-title h2{color:var(--cor-primaria);font-size:22px}.products{display:grid;gap:12px}.product{background:#fff;border:1px solid #e0e3dd;border-radius:8px;gap:14px;justify-content:space-between;min-height:104px;padding:14px}.product img{aspect-ratio:1;border-radius:8px;height:76px;object-fit:cover;width:76px}.product-info{flex:1;min-width:0}.product h3{font-size:18px}.product strong{color:var(--cor-primaria);display:inline-block;margin-top:10px}.stepper{align-items:center;display:flex;flex:0 0 auto;gap:8px}.stepper button{background:var(--cor-primaria);border-color:var(--cor-primaria);color:var(--cor-secundaria);height:38px;padding:0;width:38px}.stepper span{font-weight:800;min-width:20px;text-align:center}.notes{display:grid;gap:6px;margin-top:20px}.notes textarea{min-height:78px;outline:0;padding:12px;resize:vertical}footer{background:#f6f3ee;border-top:1px solid #e2ded5;bottom:0;gap:14px;justify-content:space-between;left:50%;max-width:760px;padding:14px 18px 18px;position:fixed;transform:translate(-50%);width:100%}.total{min-width:104px}.total strong{display:block;font-size:20px}.primary{background:var(--cor-primaria);border-color:var(--cor-primaria);color:var(--cor-secundaria);flex:1}.primary,.topbar button,.waiter-button,.stepper button{background:var(--cor-primaria);border-color:var(--cor-primaria);color:var(--cor-secundaria)}.primary svg,.primary span,.topbar button svg,.topbar button span,.waiter-button svg,.waiter-button span,.stepper button svg{color:var(--cor-secundaria)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 560px){.menu{padding-left:14px;padding-right:14px}.topbar{align-items:stretch;flex-direction:column;gap:8px}.waiter-button{border-radius:999px;flex:0 0 auto;flex-direction:row;font-size:13px;gap:6px;height:40px;min-height:40px;padding:7px 10px;width:auto}.service-actions{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:6px;justify-content:flex-start;max-width:none;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin;width:100%}.service-actions .waiter-button{width:auto}.confirmation-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.confirmation-actions .primary{flex:1 0 100%;width:100%}.confirmation-actions .waiter-button{flex:0 0 auto}.feedback-types{grid-template-columns:1fr}.consumption-overlay{padding:10px}.consumption-modal{max-height:92vh;padding:14px}.consumption-summary{grid-template-columns:1fr}.waiter-button span{font-size:12.5px;line-height:1.15;white-space:nowrap}.waiter-button svg{flex:0 0 auto;height:16px;width:16px}.confirmation-actions button{min-height:40px;padding:7px 10px}.brand-title{align-items:flex-start;flex-direction:column;gap:8px}.brand-title img{height:52px;width:52px}.product{align-items:flex-start}.product img{height:64px;width:64px}.stepper{align-self:center}footer{padding-left:14px;padding-right:14px}}