.admin-wrap{width:min(1120px,100%);margin:auto;padding:26px 22px 70px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:36px}.admin-brand{font-size:22px;font-weight:750;color:var(--text);text-decoration:none}.admin-brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--gold);margin-top:6px}.admin-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-top:20px}.admin-card h2{margin-bottom:18px;font-size:20px}.admin-card p{line-height:1.7;margin:14px 0}.intro{margin:16px 0 24px;line-height:1.7}.form-grid{display:grid;gap:19px}.form-grid label,.field{display:grid;gap:9px;font-size:13px;color:#cbd7eb}input,select,textarea{border:1px solid #42516a;border-radius:8px;background:#0b1422;color:#f3f6fc;padding:11px 12px;max-width:100%;font:inherit}input[type=checkbox]{width:20px;height:20px}.form-grid input{width:100%;min-height:46px}.form-grid .primary-button{justify-self:start}.login-form{max-width:520px}.alert,.success{padding:17px 19px;border-radius:12px;margin:20px 0;line-height:1.6}.alert{background:#4b252c;border:1px solid #92565f;color:#ffced3}.success{background:#103b32;border:1px solid #397c69;color:#bdeedd}.admin-header a.secondary-button,a.primary-button,a.secondary-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.report-tile{background:var(--surface);border:1px solid var(--line);padding:19px;border-radius:13px}.report-tile small{display:block;color:var(--muted);margin-bottom:12px}.report-tile strong{font-size:22px;color:var(--gold)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;min-width:640px}td,th{padding:14px 10px;text-align:left;border-bottom:1px solid #2a364a;vertical-align:top}th{color:var(--muted);font-size:11px;letter-spacing:.5px}td input{width:100%}.inline-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-form input{min-width:90px}.inline-form button{white-space:nowrap}.badge{display:inline-block;padding:5px 9px;border:1px solid #635637;border-radius:6px;color:var(--gold);font-size:11px}.muted{color:var(--muted)}code{background:#223046;padding:3px 6px;border-radius:5px;font-size:12px}.check-row{display:flex!important;align-items:center;gap:10px!important}.topbar .utility-button{text-decoration:none}.user-badge{font-size:12px;color:#bdcce1;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-strip{padding:10px 24px;background:#47351c;color:#ffe1a0;text-align:center;font-size:12px}.topbar{height:82px}.workspace{height:calc(100dvh - 82px)}body.training .workspace{height:calc(100dvh - 118px)}.header-actions{gap:12px}.history-filter{display:flex;gap:8px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.history-filter input{max-width:160px}.history-limit{text-align:center}.receipt-void{font-weight:bold;border:2px solid #000;padding:8px;margin-bottom:8px;text-align:center}body.submission-pending .menu-panel,body.submission-pending .order-types,body.submission-pending .table-select,body.submission-pending .cart-items,body.submission-pending .order-note,body.submission-pending .discount-controls,body.submission-pending .payment-options{pointer-events:none;opacity:.65}
@media(max-width:800px){.admin-wrap{padding:20px 14px 70px}.admin-header{margin-bottom:28px}.admin-brand{font-size:18px}.admin-card{padding:18px}.report-grid{grid-template-columns:repeat(2,1fr)}.report-tile{padding:14px}.report-tile strong{font-size:18px}.topbar{padding:0 12px;height:auto;min-height:78px;gap:8px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.header-actions{gap:7px;flex-wrap:wrap}.header-actions .utility-button{padding:0 9px;height:38px;width:auto}.header-actions .utility-button span{display:inline}.brand strong{font-size:16px}.brand small{font-size:8px}.user-badge{max-width:100px;font-size:11px}.clock,.demo-badge{display:none}.workspace,body.training .workspace,body.has-warning .workspace{height:auto}.training-strip{font-size:11px;padding:8px 14px}.history-filter input{font-size:14px}.admin-header .secondary-button{padding:0 12px}.admin-nav .secondary-button{padding:0 12px}}
@media print{.training-strip,.admin-wrap{display:none!important}}

.topbar a.utility-button{color:var(--text)}

/* ASP.NET version: operating-mode panel (was inline styles) */
.mode-card{margin:14px 0;padding:16px;border:2px solid #15803d}
.mode-card.is-test{border-color:#d97706}
.mode-card form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mode-current{font-weight:800;color:#166534}
.mode-card.is-test .mode-current{color:#92400e}
.print-form{display:grid;gap:16px;max-width:1120px}
.current-logo{max-width:140px;max-height:100px;object-fit:contain}

/* Day closing */
.closing-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.closing-live{grid-column:1/-1;font-weight:700;padding:10px 12px;border-radius:10px;background:rgba(127,127,127,.12)}
.closing-result{margin-top:16px;padding:14px;border-radius:12px;border:2px solid #15803d}
.closing-result.is-over{border-color:#d97706}
.closing-result.is-short{border-color:#b91c1c}
.closing-result table td{padding:4px 12px 4px 0}
@media print{
  .admin-header,.admin-nav,.mode-card,.inline-form,.no-print,.print-page,.intro,.success,form{display:none!important}
  body,.admin-wrap,.admin-card{background:#fff!important;color:#000!important;box-shadow:none!important}
  .admin-card{border:1px solid #000!important;break-inside:avoid}
}

/* Tables + modifiers */
.table-edit input{max-width:140px}
.table-edit input[type=number]{max-width:80px}
.modifier-group .group-name{font-weight:800;font-size:16px;min-width:200px}
.modifier-group .inline-form label{display:flex;align-items:center;gap:6px}
.modifier-group .inline-form input[name=min],.modifier-group .inline-form input[name=max]{max-width:70px}
.group-products{margin-top:12px}
.group-products summary{cursor:pointer;font-weight:700}
.product-checks{border:1px solid rgba(127,127,127,.3);border-radius:10px;margin:10px 0;padding:8px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 12px}
.product-checks legend{font-weight:800;padding:0 6px}
.text-button.check-all{font-size:12px;margin-left:6px;background:none;border:0;color:#b32027;cursor:pointer;text-decoration:underline}
.modifier-group td .inline-form,.table-edit{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.modifier-group td .inline-form input[name=name]{flex:1 1 220px;width:auto;min-width:160px}
.modifier-group td .inline-form input[name=price]{flex:0 0 110px;width:110px}
.modifier-group td .inline-form .check-row,.table-edit .check-row{display:flex;align-items:center;gap:6px;margin:0}
.modifier-group .check-row input[type=checkbox],.table-edit .check-row input[type=checkbox],.form-grid .check-row input[type=checkbox]{width:18px;height:18px}
.table-edit input{width:auto}

/* Sign in: PIN pad */
.login-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;align-items:start}
.pin-card{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.pin-card h2,.login-form h2{margin:0}
.pin-card input{font-size:32px;text-align:center;letter-spacing:.4em;padding:12px}
.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pin-pad button{min-height:64px;font-size:24px;font-weight:800;border-radius:12px;border:1px solid rgba(127,127,127,.35);background:rgba(127,127,127,.08);color:inherit;cursor:pointer}
.pin-pad button:active{transform:scale(.97)}
.pin-go{min-height:52px;font-size:18px}
tr.low-stock td{background:#fdecec;color:#9b1c1c;font-weight:600}