:root{font-family:Arial,Helvetica,sans-serif;color:#f7f4e9;background:#11110f;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{max-width:1100px;margin:auto;padding:25px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444}header a{font-weight:900;font-size:28px;color:#ffe12b;text-decoration:none}header p{font-size:12px;letter-spacing:2px}main{max-width:1100px;margin:30px auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px;padding:0 24px}h1{font-size:clamp(36px,5vw,58px);line-height:.95;letter-spacing:-2px;margin:0 0 22px}h1 span{color:#ffe12b;padding-left:12px}p{line-height:1.5}label{display:block;font-size:14px;font-weight:700;margin:12px 0 6px}input,textarea,select{display:block;width:100%;margin-top:8px;border:1px solid #666;border-radius:8px;background:#22221e;color:#fff;padding:12px;font:inherit}textarea{resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid #ffe12b;outline-offset:3px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}button{padding:13px 18px;border:0;border-radius:8px;background:#ffe12b;color:#111;font-weight:800;font-size:14px;cursor:pointer}button.secondary{border:1px solid #777;background:transparent;color:#fff}button:disabled{opacity:.4;cursor:not-allowed}.hint{font-size:12px;color:#aaa}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide{grid-column:1/-1}form{border-top:1px solid #555;margin-top:24px;padding-top:12px}#status{white-space:pre-line;color:#ffe12b}.preview{align-self:start;position:sticky;top:20px}.preview-title{font-size:11px;letter-spacing:1px;text-align:center}#receipt{background:#fff;color:#000;width:58mm;padding:5mm;margin:0 auto;box-shadow:0 8px 30px #0008;font:12px/1.35 Arial,sans-serif;overflow-wrap:anywhere;color-scheme:light}.logo{display:block;width:22mm;height:auto;margin:0 auto 3mm}#receipt h2{font-size:17px;margin:0 0 2mm;line-height:1.2}#receipt p{margin:1mm 0;line-height:1.35}.rule{border:0;border-top:1px dashed #000;margin:3mm 0}.dish{margin:3mm 0}.dish strong{display:block;font-size:14px}.modifier{margin:1mm 0 1mm 2mm}.receipt-label{font-weight:700}.receipt-notes{white-space:pre-wrap}.badge{border:2px solid #000;padding:2mm;font-weight:900;text-align:center;margin-bottom:3mm}.pending{border:1px dashed #000;padding:2mm;text-align:center}.print-block{display:none}body.is-confirmed #status{color:#a9f3b0}@media(max-width:760px){main{grid-template-columns:1fr;gap:20px;padding:0 18px}.preview{position:static}.fields{grid-template-columns:1fr}.wide{grid-column:auto}header{padding:18px}header p{font-size:10px}}
@page{size:auto;margin:0}@media print{html,body{background:#fff!important;color:#000!important;width:58mm;margin:0;padding:0}body main{display:block;width:58mm;max-width:none;margin:0;padding:0}.screen{display:none!important}.preview{position:static;margin:0;padding:0}#receipt{display:none;box-shadow:none;margin:0;width:58mm;padding:4mm 5mm}body.is-confirmed #receipt{display:block}.print-block{display:block;width:48mm;margin:5mm;font:12px Arial}body.is-confirmed .print-block{display:none}#receipt .dish{break-inside:avoid}.logo{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.manual-entry{margin:22px 0}.manual-entry summary{cursor:pointer;font-weight:700;padding:12px 0;color:#ffe12b}body:not(.linked-order) .manual-entry{border-top:1px solid #555}

[hidden]{display:none!important}.login-panel{max-width:430px;margin:50px auto;padding:24px}.login-panel h1{font-size:46px;margin:22px 0}.login-panel form{border:0}#login-status{margin-top:15px;color:#ffe12b}.login-panel button{margin-top:18px}#logout{margin:0 auto 18px;display:block}
.logo{filter:brightness(0);print-color-adjust:exact;-webkit-print-color-adjust:exact}
