:root{--forest:#123225;--forest-2:#214b38;--cream:#f5f0e3;--paper:#fffdf7;--ink:#163025;--muted:#66736a;--line:#d9d7cc;--success:#2f7d4a;--danger:#b8473e}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body,button,input,select{font-family:Arial,Helvetica,sans-serif}body{background:var(--cream);color:var(--ink)}button,input,select{font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button:focus,input:focus,select:focus,a:focus{outline-offset:2px;outline:4px solid #93b29a}button{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:11px;min-height:46px;padding:12px 18px;font-weight:700}button:hover{background:var(--forest-2)}button:disabled{cursor:wait;opacity:.58}input,select{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #b9beb9;border-radius:9px;padding:10px 12px}label{color:#4e5d53;font-size:13px;font-weight:700;display:block}label input,label select{margin-top:7px}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:500}.eyebrow{color:#67806f;letter-spacing:.17em;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:800}.brand-mark{background:var(--forest);width:66px;height:66px;color:var(--cream);letter-spacing:.08em;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 22px;font-family:Georgia,Times New Roman,serif;font-size:24px;display:flex}.pairing-page,.staff-login-page{background:radial-gradient(circle at 80% 15%,#83a8894d,#0000 30%),linear-gradient(135deg,#0d251a,#244d39);justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.pairing-card,.staff-login-card{background:var(--cream);text-align:center;border-radius:24px;width:100%;max-width:620px;padding:44px;box-shadow:0 24px 70px #00000059}.pairing-card h1,.staff-login-card h1{margin-bottom:18px;font-size:46px}.pairing-copy,.staff-login-card>p{color:#526157;font-size:18px;line-height:1.5}.pairing-code{color:var(--forest);letter-spacing:.08em;margin:26px 0;font-family:Courier New,monospace;font-size:44px;display:block}.connection{color:var(--success);margin:0 0 24px;font-weight:700}.connection.offline{color:#956928}.staff-login-card{text-align:left;max-width:460px}.staff-login-card .brand-mark,.staff-login-card .eyebrow,.staff-login-card h1,.staff-login-card>p{text-align:center}.staff-login-card button{width:100%;margin-top:16px}.tv-player{background:#070a08;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.tv-menu-image{object-fit:contain;width:100%;height:100%;display:block}.tv-status{color:#fff;background:#091d13e0;border-radius:12px;align-items:center;padding:7px;font-size:13px;display:flex;position:absolute;top:15px;right:18px;box-shadow:0 4px 18px #00000040}.tv-status>*{margin-left:10px}.tv-status>:first-child{margin-left:0}.tv-status .live,.tv-status .offline{font-weight:800}.tv-status .live{color:#78dc91}.tv-status .offline{color:#f3b66b}.tv-status button{background:#ffffff24;min-height:34px;padding:7px 10px;font-size:12px}.unavailable-banner{color:#fff;background:#7e221ef0;border:2px solid #ffffff8c;border-radius:14px;align-items:center;padding:17px 22px;display:flex;position:absolute;bottom:3%;left:2.5%;right:2.5%;box-shadow:0 10px 30px #00000059}.unavailable-banner strong{letter-spacing:.08em;text-transform:uppercase;flex:none;margin-right:22px;font-size:19px}.unavailable-banner span{text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700;overflow:hidden}.staff-page{width:min(1180px,100% - 32px);margin:0 auto;padding:34px 0 70px}.staff-header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.staff-header h1{margin:0;font-size:42px}.staff-actions{align-items:center;display:flex}.staff-actions>*{margin-left:12px}.staff-actions a{color:var(--forest);font-weight:700}.secondary-button{color:var(--forest);background:0 0;border:1px solid #aeb6af}.staff-section{border:1px solid var(--line);background:var(--paper);border-radius:20px;margin-bottom:24px;padding:28px;box-shadow:0 8px 28px #22352a14}.section-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-heading h2{margin:0;font-size:30px}.section-heading>span{color:var(--forest);background:#e4eee6;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800}.add-form{background:#edf1eb;border-radius:14px;grid-template-columns:1fr 1.25fr 1.45fr auto;align-items:end;column-gap:12px;margin-bottom:20px;padding:18px;display:grid}.screen-list,.inventory-list{row-gap:10px;display:grid}.screen-row{background:#fff;border:1px solid #e2e3dc;border-radius:12px;grid-template-columns:120px 1fr 1.4fr auto auto;align-items:center;column-gap:12px;padding:12px;display:grid}.screen-row>strong{font-family:Courier New,monospace;font-size:15px}.inventory-add-form,.inventory-row{background:#fff;border:1px solid #e2e3dc;border-radius:12px;padding:14px 16px}.inventory-add-form{background:#edf1eb;grid-template-columns:1fr 2fr auto;align-items:end;column-gap:14px;margin-bottom:20px;display:grid}.inventory-add-form fieldset,.inventory-menu-form fieldset{border:0;min-width:0;margin:0;padding:0}.inventory-add-form legend,.inventory-menu-form legend{color:#4e5d53;margin-bottom:7px;font-size:13px;font-weight:700}.menu-checkboxes{flex-wrap:wrap;margin:-4px;display:flex}.menu-checkboxes label{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cbd1cb;border-radius:999px;align-items:center;margin:4px;padding:8px 10px;font-size:13px;display:flex}.menu-checkboxes input{width:18px;height:18px;min-height:0;margin:0 7px 0 0;padding:0}.inventory-row{border-left:6px solid var(--danger)}.inventory-row.available{border-left-color:var(--success)}.inventory-summary{grid-template-columns:1fr auto auto;align-items:center;column-gap:10px;display:grid}.inventory-summary strong,.inventory-status{display:block}.inventory-status{color:var(--muted);margin-top:4px;font-size:13px}.inventory-row.unavailable .inventory-status{color:var(--danger);font-weight:700}.inventory-page-chips{flex-wrap:wrap;margin:3px -3px -3px;display:flex}.inventory-page-chips span{color:#526157;background:#e8eee8;border-radius:999px;margin:3px;padding:3px 7px;font-size:11px}.inventory-menu-details{border-top:1px solid #e2e3dc;margin-top:12px;padding-top:14px}.inventory-menu-details summary{color:var(--forest);cursor:pointer;font-size:13px;font-weight:700}.inventory-menu-form{grid-template-columns:1fr auto;align-items:end;column-gap:14px;margin-top:12px;display:grid}.success-button{background:var(--success)}.danger-button{background:var(--danger)}.text-button{color:#6d756f;background:0 0;min-height:38px;padding:8px;text-decoration:underline}.empty-state{color:var(--muted);text-align:center;border:1px dashed #bfc5bf;border-radius:12px;margin:0;padding:22px}.form-message{border-radius:10px;padding:11px 14px;font-weight:700}.form-message.success{color:#235b36;background:#dcecdf}.form-message.error{color:#863630;background:#f5dcda}@media (max-width:760px){.pairing-card,.staff-login-card{padding:30px 22px}.pairing-card h1,.staff-login-card h1{font-size:36px}.pairing-code{font-size:30px}.staff-header,.section-heading{flex-direction:column;align-items:flex-start}.staff-header h1{font-size:34px}.staff-actions{margin-top:16px}.staff-actions>:first-child{margin-left:0}.staff-section{padding:20px}.section-heading>span{margin-top:12px}.add-form,.inventory-add-form,.screen-row,.inventory-summary,.inventory-menu-form{grid-template-columns:1fr;row-gap:12px}.screen-row>button,.add-form>button,.inventory-add-form>button,.inventory-summary>button,.inventory-menu-form>button{width:100%}.unavailable-banner{flex-direction:column;align-items:flex-start}.unavailable-banner strong{margin:0 0 7px}}