@import url('./ordertwin-theme.css?v=20260809-1');
:root {
  --radius-sm:10px;--radius-md:14px;--radius-lg:18px;--space-1:4px;--space-2:8px;
  --space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-background);color:var(--color-text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}button,a,input,select,textarea{outline:none}button,a[role="button"]{touch-action:manipulation}
:focus-visible{outline:3px solid var(--color-focus-ring)!important;outline-offset:2px!important}
h1,h2,h3{color:var(--color-text);letter-spacing:-.025em}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.08;font-weight:800}h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.18;font-weight:750}h3{font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.25}
.ot-btn,button[type="submit"],.primary-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-sm);padding:0 18px;background:var(--color-action-primary);color:var(--color-action-primary-text);font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.ot-btn:hover,button[type="submit"]:hover,.primary-button:hover{background:var(--color-primary-hover)}.ot-btn:active,button:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.48}
.ot-btn.secondary,.secondary-button{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}
.ot-card,.card,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:48px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);padding:10px 13px;font-size:16px;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--color-action-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}
.ot-status{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-weight:650}.ot-status::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--color-text-secondary)}.ot-status.success::before{background:var(--color-success)}.ot-status.warning::before{background:var(--color-warning)}.ot-status.error::before{background:var(--color-error)}
.ot-toast-region{position:fixed;right:18px;bottom:18px;z-index:1000;display:grid;gap:8px}.ot-toast{max-width:380px;padding:14px 16px;border-radius:12px;background:var(--color-navigation-background);color:var(--color-text-inverse);box-shadow:var(--shadow-elevated);animation:ot-in .2s ease}.ot-toast.error{background:var(--ot-error-action)}.ot-toast.success{background:var(--color-navigation-background);border-left:5px solid var(--color-success)}@keyframes ot-in{from{opacity:0;transform:translateY(8px)}}
.ot-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:480px){h1{font-size:2rem}.ot-card,.card,.panel{border-radius:12px}}

/* Cashier: quick correction for a manually entered cash amount. */
.cashier>.status:empty,.cashier .status[hidden]{display:none!important}
.money-input{position:relative}.money-input input{padding-right:42px!important;font-size:20px!important;font-weight:850}.money-input span{position:absolute;right:15px;top:50%;transform:translateY(-42%);font-weight:850;color:var(--color-text-secondary)}.dialog-card .amount-adjust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.dialog-card .amount-adjust button{appearance:none;min-height:44px;padding:8px 5px;border:1px solid var(--color-border);border-radius:12px;background:var(--ot-white);color:var(--color-text);box-shadow:none;font:inherit;font-size:14px;font-weight:850;line-height:1;cursor:pointer}.dialog-card .amount-adjust button:hover,.dialog-card .amount-adjust button:focus-visible{border-color:var(--color-primary);background:var(--color-primary-light);outline:none}.dialog-card .amount-adjust button:active{transform:scale(.98);background:var(--color-primary);color:var(--color-action-primary-text)}
.tisch-btn.is-inactive{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:68px!important;height:auto!important;padding:8px!important;overflow:visible!important;background:#d97706!important;color:#fff!important;border:2px solid #b45309!important;box-shadow:0 4px 12px rgba(180,83,9,.22)!important;text-decoration:none!important}.tisch-btn.is-inactive:hover,.tisch-btn.is-inactive:focus-visible{background:#b45309!important;color:#fff!important;border-color:#92400e!important}.tisch-btn.is-inactive::before{display:none!important}.tisch-btn.is-inactive .tisch-label,.tisch-btn.is-inactive .tisch-state{position:relative;z-index:1}.tisch-btn.is-inactive .tisch-state{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;background:#fff;color:#92400e;font-size:10px;font-weight:900;line-height:1.3;white-space:nowrap;text-decoration:none}@media(max-width:600px){.tisch-btn.is-inactive{min-height:68px!important;padding:7px 5px!important;gap:3px!important}.tisch-btn.is-inactive .tisch-state{display:inline-flex!important;font-size:10px!important;padding:2px 6px!important}}
#otSessionRole{position:static;display:flex;width:max-content;align-items:center;gap:7px;max-width:calc(100% - 36px);margin:16px auto max(18px,calc(12px + env(safe-area-inset-bottom)));padding:8px 11px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-secondary);font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.01em;pointer-events:none}#otSessionRole:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 3px rgba(32,201,90,.13)}