@import url('typography.css');
:root{font-family:"Prompt",Tahoma,Arial,sans-serif;color:#16372e;background:#f5f7f4;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e3e9e3;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{text-decoration:none;font-size:21px;font-weight:bold;color:#173c31;display:flex;align-items:center;gap:10px}.brand-icon{background:#187454;color:#fff;padding:5px 10px;border-radius:12px}.brand small{font-size:12px;color:#70847a;font-weight:normal}.connection{font-size:12px;color:#527365}.connection.offline{color:#ad3d25}main{max-width:1300px;margin:auto;padding:30px 5%}h1{font-size:29px;margin:0 0 10px}h2{font-size:20px;margin:0 0 16px}h3{font-size:17px;margin:0 0 10px}p{line-height:1.7}small,.muted{color:#728379}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{color:#188058;font-size:12px;font-weight:bold;letter-spacing:1px;margin-bottom:10px}.card{background:#fff;border:1px solid #e1e8df;border-radius:18px;padding:22px;margin-bottom:16px;box-shadow:0 4px 16px #1d493006}.login{max-width:430px;margin:6vh auto}.login h1{margin:15px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.metric{background:#fff;border:1px solid #e1e8df;border-radius:16px;padding:20px}.metric strong{display:block;font-size:30px;margin-top:8px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;padding-bottom:3px}.tabs button{max-width:100%;overflow-wrap:anywhere}.tabs button{white-space:normal;background:#e9eee8;color:#476253}.tabs button.active{background:#173f31;color:#fff}button,.button{border:0;border-radius:10px;padding:12px 18px;background:#187454;color:#fff;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:wait}.secondary{background:#eef3eb;color:#315e46}.danger{background:#fff0eb;color:#aa422d}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}input,textarea,select{display:block;width:100%;font:inherit;border:1px solid #ccd8ce;border-radius:10px;background:#fff;padding:12px;margin:7px 0 17px;color:#173c31}label{font-size:13px}textarea{resize:vertical}.badge{display:inline-block;border-radius:20px;padding:6px 10px;font-size:12px;background:#fff0cd;color:#876519}.badge.accepted{background:#e2f3e7;color:#226e46}.badge.cancelled{background:#eee;color:#777}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.line{border-top:1px solid #edf0e9;padding:12px 0}.line .note{display:block;color:#867856;font-size:12px;margin-top:5px}.total{font-weight:bold;padding-top:13px;border-top:1px dashed #cbd8cb}.empty{text-align:center;color:#7d8d80;padding:45px 20px}.request{background:#fff8e6;border:1px solid #ead7a2;border-radius:12px;padding:14px;margin-top:14px}.request p{margin:5px 0}.menu-price{font-size:20px;color:#187454;font-weight:bold}.category{font-size:12px;color:#7a8a7d}.closed{opacity:.6}.cart{position:sticky;bottom:12px;background:#173f31;color:#fff;padding:15px 20px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 8px 28px #193d3230}.cart button{background:#f4d77c;color:#263c2a}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173f31;color:#fff;padding:14px 22px;border-radius:12px;z-index:100;display:none;max-width:90vw}dialog{border:0;border-radius:18px;padding:26px;max-width:560px;width:92%;max-height:90vh;box-shadow:0 20px 80px #1236}dialog::backdrop{background:#112b2860}.qr svg{width:180px;height:180px}.qr{padding:12px;background:#fff;text-align:center;display:inline-block}.table-link{font-size:12px;overflow-wrap:anywhere}.warning{background:#fff5dd;color:#866322;border-radius:10px;padding:13px;margin-bottom:16px;font-size:13px}.loading{text-align:center;padding:60px}.audit{overflow:auto}.audit table{border-collapse:collapse;width:100%;font-size:12px}.audit td,.audit th{padding:12px;text-align:left;border-bottom:1px solid #eee}.menu-layout{display:grid;grid-template-columns:1fr 340px;gap:24px}.help{font-size:12px;line-height:1.6;color:#748479}.sound-on{background:#e3f1dc;color:#315c26}footer{padding:25px;color:#7a8a7f;font-size:12px}.login .brand-icon{font-size:32px;display:inline-block}a{color:#187454}@media(max-width:700px){header{padding:14px 5%}.brand{font-size:17px}.brand small{display:none}.hero{align-items:flex-start;flex-direction:column}main{padding-top:22px}h1{font-size:25px}.metrics{gap:8px}.metric{padding:14px 10px;font-size:12px}.metric strong{font-size:25px}.grid{grid-template-columns:1fr}.menu-layout{grid-template-columns:1fr}.card{padding:18px}.login{margin:3vh auto}}@media print{header,.tabs,.hero,.actions,button,.metrics,#toast{display:none!important}.grid{display:block}.card{break-inside:avoid;box-shadow:none}.table-link{display:none}}

.categories{display:flex;gap:8px;overflow:auto;padding:0 0 12px;margin-bottom:10px}.categories button{background:#fff;color:#476253;border:1px solid #dbe4d8;white-space:nowrap}.categories button.active{background:#e3f1dc;color:#24583b;border-color:#8fbc90}.bill-order{border-top:1px solid #dbe4d8;padding-top:14px;margin-top:16px}.bill-summary h1{font-size:23px}#print-sheet{display:none}.row>h3,.row>strong{overflow-wrap:anywhere}.badge{flex-shrink:0}button,.button{min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid #d2aa34;outline-offset:3px}@media(max-width:700px){input,textarea,select{font-size:16px}.metrics .metric strong{font-size:21px;overflow-wrap:anywhere}.hero .actions{width:100%;margin-top:0}.hero .actions button{flex:1}.connection{max-width:115px;text-align:right}.cart{bottom:calc(12px + env(safe-area-inset-bottom))}.row{align-items:flex-start}}@media print{body.print-mode>*{display:none!important}body.print-mode>#print-sheet{display:block!important;padding:15px;color:#111}dialog::backdrop{display:none}.print-qr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.print-qr-card{border:1px dashed #888;padding:20px;text-align:center;break-inside:avoid}.print-qr-card h1{font-size:26px}.print-qr-card .qr svg{width:180px;height:180px}.bill-summary{max-width:600px;margin:auto}.bill-summary .badge{display:inline-block!important}#print-sheet .row{display:flex!important}.bill-order{break-inside:avoid}#print-sheet small,#print-sheet .help{color:#333}}

.menu-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#eef3eb;margin-bottom:15px}.image-preview{max-height:220px;aspect-ratio:auto;object-fit:contain}.image-remove{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:14px}.image-remove input{width:auto;margin:0}.card.closed .menu-photo{opacity:.6}input[type=file]{padding:10px;font-size:13px}@media(max-width:700px){input[type=file]{font-size:16px}}

.store-logo{display:block;width:110px;height:110px;object-fit:contain;margin:0 auto 16px}.bill-summary>.store-logo{width:90px;height:90px}@media print{.store-logo{width:24mm;height:24mm;object-fit:contain;break-inside:avoid}}

.login-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.login-captcha-image{display:block;width:260px;max-width:100%;height:auto;margin:10px 0;border:1px solid #dce7df;border-radius:8px}#login-bot{margin:16px 0}#login-bot button{margin-bottom:8px}

.tabs button,.categories button{font-size:17px;font-weight:500;line-height:1.6}
#checkout-feedback{font-size:16px;line-height:1.7;overflow-wrap:anywhere}#checkout-feedback.checkout-error{border:1px solid #dcaa7d;color:#813818}dialog{overflow-y:auto;-webkit-overflow-scrolling:touch}
