@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#17241d;background:#e9eee8;font-synthesis:none;--forest:#183d2b;--green:#286044;--leaf:#69a653;--cream:#f8f6ef;--line:#dbe4dc;--muted:#6f7e74}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.appShell{height:100dvh;display:flex;flex-direction:column;background:#edf1ec}header{height:72px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,44px);color:#fff;background:linear-gradient(120deg,#153824,#21563b);box-shadow:0 2px 16px #0a281c35;z-index:20}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand>div:last-child{display:flex;flex-direction:column;min-width:0}.brand strong{font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand span{display:flex;align-items:center;gap:6px;margin-top:4px;color:#cfe1d4;font-size:12px}.brand span i{width:7px;height:7px;border-radius:50%;background:#8bd778;box-shadow:0 0 0 3px #8bd77820}.restaurantLogo{width:48px;height:48px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fffdf5,#e7efe3);box-shadow:0 4px 16px #081d1430}.restaurantLogo svg{width:34px;height:34px;fill:none;stroke:#285c3e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.restaurantLogo .leaf{fill:#83b966;stroke:#4c863b;stroke-width:2}nav{display:flex;align-items:center;gap:5px}nav button,.mobileMenu{position:relative;border:0;border-radius:10px;padding:9px 11px;display:flex;align-items:center;gap:7px;color:#eaf4ec;background:transparent;font-size:12px;transition:.2s ease}nav button:hover{background:#ffffff14;transform:translateY(-1px)}nav button:disabled{cursor:not-allowed;opacity:.38}nav svg{width:17px;height:17px}nav b{min-width:19px;height:19px;padding:0 5px;border-radius:20px;display:grid;place-items:center;color:#183d2b;background:#c9edb7;font-size:10px}.mobileMenu{display:none;padding:8px}.conversation{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#f5f5ef}.conversationPattern{position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(#acc0ae 1px,transparent 1px),radial-gradient(#d0d9ce 1px,transparent 1px);background-position:0 0,12px 12px;background-size:24px 24px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000);mask-image:linear-gradient(to bottom,transparent,#000 15%,#000)}.welcome{position:relative;z-index:1;margin:15px auto 0;max-width:min(92%,560px);padding:12px 18px;border:1px solid #dfe7dc;border-radius:18px;display:flex;align-items:center;gap:12px;background:#ffffffd9;box-shadow:0 8px 28px #36573d12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.welcome .restaurantLogo{width:40px;height:40px}.welcome .restaurantLogo svg{width:28px}.welcome>div:last-child{display:flex;flex-direction:column}.welcome strong{font-size:14px}.welcome span{margin-top:2px;color:var(--muted);font-size:12px}.day{position:relative;z-index:1;text-align:center;margin:12px 0 3px}.day span{display:inline-block;padding:5px 12px;border-radius:20px;color:#68776d;background:#e3ebe3cc;box-shadow:0 2px 8px #31523a10;font-size:11px;font-weight:600}.messageList{position:relative;z-index:1;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px max(16px,calc((100vw - 1020px)/2)) 18px;scrollbar-width:thin;scrollbar-color:#b4c3b6 transparent}.messageRow{display:flex;margin:6px 0;animation:messageIn .23s ease-out}.messageRow.user{justify-content:flex-end}.messageRow.assistant{justify-content:flex-start}.bubble{position:relative;max-width:min(76%,680px);padding:10px 13px 6px;border-radius:16px;box-shadow:0 2px 9px #27443210}.bubble p{margin:0;padding-right:28px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.48}.bubble.assistant{border:1px solid #e0e7df;border-bottom-left-radius:4px;background:#fff}.bubble.user{border-bottom-right-radius:4px;color:#10281a;background:linear-gradient(145deg,#d9f3cb,#cdebbb)}.messageTime{height:15px;margin-top:3px;display:flex;align-items:center;justify-content:flex-end;gap:3px;color:#77857b;font-size:9px;line-height:1}.messageTime svg{width:9px;height:9px}.typingRow{display:flex;align-items:flex-end;gap:7px;margin:8px 0;animation:messageIn .2s ease}.pedrimMini{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#2b6243;font-size:11px;font-weight:700}.typingBubble{padding:9px 13px;border:1px solid #dfe6de;border-radius:16px 16px 16px 4px;background:#fff;box-shadow:0 2px 9px #27443210}.typingBubble>div{height:11px;display:flex;align-items:center;gap:4px}.typingBubble i{width:5px;height:5px;border-radius:50%;background:#78917e;animation:dot 1.1s infinite}.typingBubble i:nth-child(2){animation-delay:.15s}.typingBubble i:nth-child(3){animation-delay:.3s}.typingBubble span{display:block;margin-top:3px;color:#76847a;font-size:9px}.intro{margin-top:8px}.loading{text-align:center;color:#708076;font-size:12px}.suggestions{position:relative;z-index:3;display:flex;gap:7px;padding:7px max(12px,calc((100vw - 1020px)/2));overflow-x:auto;scrollbar-width:none;background:linear-gradient(to top,#f5f5ef 55%,transparent)}.suggestions::-webkit-scrollbar{display:none}.suggestions button{flex:0 0 auto;border:1px solid #cad9cc;border-radius:22px;padding:7px 12px;color:#345c43;background:#ffffffdb;font-size:11px;transition:.2s}.suggestions button:hover{border-color:#75a67e;background:#fff;transform:translateY(-1px)}.composerWrap{position:relative;z-index:4;display:flex;align-items:flex-end;gap:9px;padding:7px max(12px,calc((100vw - 1020px)/2)) calc(9px + env(safe-area-inset-bottom));background:#edf1eb;border-top:1px solid #dbe4db}.composer{min-height:46px;flex:1;display:flex;align-items:flex-end;border:1px solid #d5dfd6;border-radius:23px;background:#fff;box-shadow:0 4px 18px #274b3010}.composer textarea{width:100%;max-height:110px;resize:none;border:0;outline:0;padding:13px 14px;background:transparent;color:#192a20;line-height:20px}.composer textarea::placeholder{color:#879389}.composer>span{align-self:flex-end;padding:0 11px 8px 0;color:#a0aaa2;font-size:8px}.menuButton,.sendButton{width:46px;height:46px;flex:0 0 auto;border:0;border-radius:50%;display:grid;place-items:center;transition:.2s}.menuButton{color:#315e41;background:#fff;border:1px solid #d5dfd6}.sendButton{color:#fff;background:linear-gradient(145deg,#2e6b49,#1f5238);box-shadow:0 5px 15px #204f3638}.menuButton:hover,.sendButton:hover{transform:scale(1.04)}.sendButton:disabled{opacity:.38;box-shadow:none}.menuButton svg,.sendButton svg{width:20px}.floatingCart{display:none}.toast{position:fixed;left:50%;bottom:92px;z-index:50;max-width:min(90%,520px);transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:11px 13px 11px 16px;border-radius:13px;color:#fff;background:#8d3434;box-shadow:0 10px 30px #54202045;font-size:12px;animation:toastIn .25s}.toast button{border:0;color:#fff;background:transparent}.toast svg{width:17px}.overlay{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;background:#10251a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .2s}.drawer{width:min(100%,440px);height:100%;overflow-y:auto;padding:0 18px 30px;background:#f6f8f4;box-shadow:-15px 0 40px #10291c24;animation:drawerIn .28s ease}.drawerHeader{position:sticky;top:0;z-index:3;height:68px;display:flex;align-items:center;gap:10px;background:#f6f8f4e8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drawerHeader button{width:38px;height:38px;border:0;border-radius:10px;display:grid;place-items:center;color:#2f6042;background:#e8efe6}.drawerHeader h2{margin:0;font-size:19px}.catalog section{margin:12px 0 24px}.catalog h3{position:sticky;top:68px;z-index:2;margin:0 0 9px;padding:8px 2px;color:#3d684a;background:#f6f8f4;font-size:13px}.catalog article{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:7px 0;padding:12px;border:1px solid #e0e7de;border-radius:14px;background:#fff;box-shadow:0 3px 12px #31543a09}.catalog article>div{display:flex;flex-direction:column}.catalog article strong{font-size:13px}.catalog article span{margin-top:4px;color:#37704c;font-size:12px;font-weight:600}.catalog article button{width:35px;height:35px;border:0;border-radius:10px;display:grid;place-items:center;color:#225d3b;background:#dff0d7}.catalog article svg{width:17px}.actionList{display:grid;gap:9px}.actionList button{min-height:54px;border:1px solid #dce5db;border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 15px;text-align:left;color:#264e37;background:#fff}.actionList button:disabled{opacity:.4}.actionList svg{width:19px}.actionList small{margin-left:auto}.cartSummary{display:flex;align-items:center;gap:12px;padding:13px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#1f5137,#35754f)}.cartSummary>svg{width:38px;height:38px;padding:9px;border-radius:12px;background:#ffffff18}.cartSummary>div{display:flex;flex-direction:column}.cartSummary span{margin-top:2px;color:#d4e7d8;font-size:11px}.cartItem{margin-top:9px;padding:12px;border:1px solid #dfe6dd;border-radius:14px;background:#fff}.cartItem>div:first-child{display:flex;justify-content:space-between;gap:10px}.cartItem strong,.cartItem span{font-size:12px}.cartItem span{color:#36704b}.quantity{margin-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:7px}.quantity button{width:29px;height:28px;border:0;border-radius:8px;display:grid;place-items:center;color:#2e5f40;background:#edf3eb}.quantity svg{width:14px}.quantity b{min-width:20px;text-align:center;font-size:12px}.totals{margin-top:16px;padding:12px 0;border-top:1px solid #dbe4da;border-bottom:1px solid #dbe4da}.totals p{display:flex;justify-content:space-between;margin:7px 0;color:#657269;font-size:12px}.totals p:last-child{margin-top:11px;color:#1c3425;font-size:16px}.options,.form{display:grid;gap:8px;margin-top:17px}.options h3,.form h3{margin:0 0 4px;font-size:14px}.options button{min-height:49px;border:1px solid #dbe5da;border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#294d36;background:#fff}.options button>span{font-size:18px}.options button>svg{margin-left:auto;width:17px}.form input,.adminLogin input{height:45px;border:1px solid #d6e0d6;border-radius:11px;padding:0 12px;outline:none;background:#fff}.form input:focus,.adminLogin input:focus{border-color:#65a073;box-shadow:0 0 0 3px #65a07318}.primary,.confirm{min-height:46px;border:0;border-radius:12px;color:#fff;background:linear-gradient(145deg,#2d6b48,#1e5136);font-weight:600}.confirm{width:100%;margin-top:14px}.pix,.change,.notice{margin-top:14px;padding:13px;border:1px solid #cfe2cb;border-radius:13px;display:flex;flex-direction:column;color:#2a5438;background:#eaf5e6;font-size:12px}.pix p{margin:9px 0 4px;font-size:15px;font-weight:700}.pix span+span{margin-top:3px}.empty{padding:50px 20px;text-align:center;color:#77857b}.empty svg{width:36px;opacity:.35}.admin{min-height:100%;overflow:auto;background:#eef2ed}.admin main{max-width:980px;margin:auto;padding:30px 20px}.adminLogin h1{margin:0 0 13px}.adminLogin>div{display:flex;gap:8px}.adminLogin input{flex:1}.adminLogin button{border:0;border-radius:11px;padding:0 22px;color:#fff;background:#286044}.orders{margin-top:24px}.orders article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;margin:8px 0;padding:15px;border:1px solid #dce4dc;border-radius:14px;background:#fff}.orders article>div{display:flex;flex-direction:column}.orders article span,.orders time{color:#748078;font-size:11px}@keyframes messageIn{0%{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}@keyframes dot{0%,60%,to{transform:none;opacity:.45}30%{transform:translateY(-3px);opacity:1}}@keyframes drawerIn{0%{transform:translate(25px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:900px){header{height:64px;padding:0 13px}.restaurantLogo{width:42px;height:42px}.restaurantLogo svg{width:30px}.brand strong{max-width:210px;font-size:14px}.brand span{font-size:10px}nav{display:none}.mobileMenu{display:grid;place-items:center}.welcome{margin-top:10px;padding:9px 13px}.welcome .restaurantLogo{display:none}.welcome strong{font-size:12px}.welcome span{font-size:10px}.day{margin-top:8px}.messageList{padding:8px 10px 12px}.bubble{max-width:86%;padding:9px 11px 5px}.bubble p{padding-right:18px;font-size:13px}.suggestions{padding:6px 9px}.composerWrap{padding:7px 8px calc(8px + env(safe-area-inset-bottom));gap:7px}.menuButton,.sendButton{width:43px;height:43px}.composer{min-height:43px}.composer textarea{padding:11px 12px}.floatingCart{position:fixed;right:13px;bottom:79px;z-index:8;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;color:#245b3b;background:#e0f0d9;box-shadow:0 5px 18px #203d2935}.floatingCart svg{width:18px}.floatingCart b{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:20px;display:grid;place-items:center;color:#fff;background:#285f42;font-size:9px}.drawer{padding-left:14px;padding-right:14px}.toast{bottom:76px}.orders article{grid-template-columns:1fr auto}.orders time{grid-column:1/-1}}@media(max-width:390px){.brand strong{max-width:175px}.welcome{max-width:95%}.suggestions button{padding:6px 10px}.menuButton{display:none}.bubble{max-width:90%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.admin{color:#183d2b}.admin header button{border:0;border-radius:10px;padding:9px 14px;color:#fff;background:#286044}.admin h1{margin:0 0 16px}.adminTabs{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.adminTabs button,.adminForm button,.adminList button{border:0;border-radius:9px;padding:9px 13px;color:#fff;background:#286044}.adminForm{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin:14px 0 22px;padding:16px;border:1px solid #dce6dc;border-radius:14px;background:#fff}.adminForm h2{grid-column:1/-1;margin:0;font-size:16px}.adminForm label{display:grid;gap:5px;color:#5d6d61;font-size:12px}.adminForm input,.adminForm select,.adminList input,.adminList select{min-width:0;height:40px;border:1px solid #d4e0d5;border-radius:9px;padding:0 9px;background:#fff}.adminList{display:grid;gap:8px}.adminList article{display:grid;grid-template-columns:1.4fr 1.4fr .7fr 1fr auto auto;gap:7px;align-items:center;padding:10px;border:1px solid #dce6dc;border-radius:12px;background:#fff}.success{padding:10px;border-radius:9px;color:#205b32;background:#dff2df}.notice{padding:10px;border-radius:9px;color:#8a3030;background:#f9dfdf}@media(max-width:700px){.admin main{padding:20px 12px}.adminList article{grid-template-columns:1fr 1fr}.adminList article button,.adminList article label{grid-column:span 1}.admin header{height:64px}.adminForm{grid-template-columns:1fr 1fr}}.messageList{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.admin{min-height:100dvh;overflow-y:auto}.admin{height:100dvh;min-height:100dvh;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}
