:root{--ink:#17263c;--orange:#dc5a16;--bg:#f5f0e8;--line:#ded8ce}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,sans-serif}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:9px;min-height:44px;padding:9px 14px}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}[hidden]{display:none!important}header{background:var(--ink);color:white;padding:20px max(18px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}header strong{font-size:19px}header span{color:#ff9c51}header small{display:block;font-size:14px;margin-top:4px}.new,.primary{background:var(--orange);color:white;border-radius:10px;padding:12px 16px;text-decoration:none;font-weight:800;display:inline-block}nav{position:sticky;top:0;display:flex;gap:8px;overflow:auto;padding:12px max(18px,calc((100vw - 1180px)/2));background:var(--bg);border-bottom:1px solid var(--line);z-index:2}nav button{white-space:nowrap;border:0;background:transparent}nav .active{background:var(--ink);color:white}main{max-width:1216px;padding:20px 18px 60px;margin:auto}.notice{border-left:3px solid var(--orange);padding:10px 14px;background:#fff3e3;font-size:14px;margin-bottom:18px}.toolbar,.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.toolbar label{font-size:14px}.toolbar input{display:block;margin-top:4px}.filters{align-items:center}.filters label{font-size:14px}.filters input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.filters input[type=search]{flex:1;min-width:170px}input,select{border:1px solid var(--line);padding:10px 12px;background:white;border-radius:8px;max-width:100%}#sync{font-size:13px;color:#687284}#error,#detail-error{color:#a72424}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.column h2{font-size:20px;margin-top:0}.card{display:block;width:100%;text-align:left;padding:18px;background:white;border:1px solid var(--line);border-radius:13px;margin-bottom:12px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.badge{font-size:12px;font-weight:800;padding:4px 7px;border-radius:5px;background:#f0e9db}.badge.test{background:#ede5ff;color:#5b388a}.card h3{font-size:18px;margin:10px 0}.card p{margin:6px 0;color:#586475;font-size:14px}.payment{font-size:14px;font-weight:800}.unpaid{color:#a24c16}.paid{color:#21754e}.empty{padding:24px;border:1px dashed var(--line);border-radius:12px;color:#687284}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.stat,.panel{background:white;border:1px solid var(--line);padding:20px;border-radius:12px}.stat span{display:block;font-size:14px}.stat strong{font-size:28px}.panels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.panel h2{font-size:20px}.pair{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.history{display:grid;gap:8px}.history .card{margin:0}.courier-row{background:white;padding:18px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.courier-row div{flex:1;min-width:170px}.courier-row small{display:block;color:#687284}.courier-row select{min-width:140px}dialog{border:0;border-radius:16px;background:var(--bg);color:var(--ink);padding:26px;width:min(560px,calc(100% - 24px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#101b2ac9}.close{position:absolute;top:10px;right:10px;border:0;background:transparent;font-size:26px}.detail-line{padding:12px 0;border-bottom:1px solid var(--line)}.detail-line small{display:block;white-space:pre-line;color:#586475;font-size:14px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.actions button{flex:1;min-width:130px}.actions .go{background:var(--ink);color:white}.detail-total{font-size:26px;font-weight:800}.receipt{font-size:14px}.muted{font-size:14px;color:#687284}@media(max-width:750px){.columns{grid-template-columns:1fr}.column{margin-bottom:12px}.panels{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:first-child{grid-column:1/-1}.toolbar input{width:145px}header strong{font-size:16px}.new{font-size:14px;padding:10px 12px}nav{padding:10px}.card{padding:16px}}

/* Apple-style management surface with the two brand colours. */
:root{--ink:#1c1c1e;--orange:#87171a;--bg:#f2f2f7;--line:#dedee5}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
header{background:rgba(250,250,252,.96);color:var(--ink);border-bottom:1px solid var(--line);padding-top:12px;padding-bottom:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
header strong{letter-spacing:-.5px}header .king-brand{color:#87171a}header .chapz-brand{color:#2b47ab}header small{color:#686870}
button,input,select{border-radius:12px}button{font-weight:600;border-color:#e5e5eb}button:active{background:#e9e9ef}
.new,.primary{background:#87171a;border-radius:14px;font-weight:600;min-height:44px}
nav{background:rgba(242,242,247,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);gap:6px;border:0}
nav button{background:#e4e4ea;border-radius:12px;font-weight:600;color:#48484a}
nav .active{background:#2b47ab;color:#fff}
h1{letter-spacing:-1px;font-size:30px}h2{letter-spacing:-.5px}
.notice{border:1px solid #dedee5;border-left:3px solid #87171a;border-radius:12px;background:#fff;color:#62626b;padding:12px 14px}
.toolbar input{background:#fff}.filters input[type=search]{border:0;background:#e4e4ea;min-height:44px}.filters input[type=checkbox]{accent-color:#2b47ab}
.card,.panel,.stat,.courier-row{border:1px solid #e5e5eb;border-radius:20px;background:#fff;box-shadow:0 3px 12px #00000004}
.card h3{letter-spacing:-.3px;font-weight:650}.badge{background:#eef0f6;border-radius:8px;color:#485366;font-size:13px;font-weight:600}
.stat strong{letter-spacing:-1px}.stat:first-child strong{color:#87171a}.stat:nth-child(2) strong{color:#2b47ab}
.pair,.detail-line{border-color:#ededf2}.payment{font-weight:650}.empty{border-radius:16px}
.courier-row select{background:#f2f2f7;border-color:#e5e5eb;min-height:44px}
dialog{border-radius:24px;background:#f2f2f7;box-shadow:0 12px 48px #00000026}
dialog::backdrop{background:#0006;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.close{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;background:#e4e4ea;color:#63636d;font-size:25px}
.actions button{border-radius:13px}.actions .go{background:#2b47ab;color:#fff}

.pair-code{width:100%;font:14px ui-monospace,monospace;padding:14px;border:1px solid #d1d5db;border-radius:12px;box-sizing:border-box}.panel ol{padding-left:22px;line-height:1.6}.panel li{margin:10px 0}.panel a{color:#2b47ab}

.coupon-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.coupon-form label{display:block;font-size:14px;font-weight:600}.coupon-form input,.coupon-form select{display:block;width:100%;min-height:46px;margin-top:8px;padding:10px;border:1px solid #d6d6df;border-radius:12px;font:inherit;background:#fff}.coupon-form button{align-self:end;min-height:46px}.coupon-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #e5e5ec}.coupon-row strong{font-size:20px}.coupon-row p{margin:6px 0}.coupon-row small{color:#6b6b73}@media(max-width:700px){.coupon-form{grid-template-columns:1fr 1fr}.coupon-row{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.coupon-form{grid-template-columns:1fr}}

.coupon-form .go{background:#87171a;color:#fff;border:0;font-weight:600;border-radius:12px}

.courier-add,.team-row{display:flex;gap:12px;align-items:end;margin:14px 0;flex-wrap:wrap}.courier-add label,.team-row>label:first-child{flex:1;min-width:160px;font-size:14px;font-weight:600}.courier-add input,.team-row input:not([type=checkbox]){display:block;width:100%;margin-top:6px;min-height:44px}.team-row{padding:14px 0;border-bottom:1px solid #e5e5ec}.team-active{align-self:center}.courier-add .go{background:#87171a;color:#fff;border:0}.team-active input{width:20px;height:20px;vertical-align:middle}.panel+.panel{margin-top:18px}

.mollie-panel{max-width:720px}.mollie-panel form{display:grid;gap:14px;margin:24px 0}.mollie-panel input{width:100%;box-sizing:border-box;padding:16px;border:1px solid #d4d9e2;border-radius:14px;font:inherit}.mollie-panel button{min-height:48px}.mollie-panel [role=alert]{color:#9b2626}

#sippy-setup input{display:block;width:100%;box-sizing:border-box;padding:12px;margin-top:6px;border:1px solid #d4d9e2;border-radius:12px;font:inherit}#sippy-calls small{display:block}

.menu-admin-brands{display:flex;gap:10px;margin:18px 0}.menu-admin-brands button{border:0;border-radius:14px;padding:14px 24px;background:#e9edf4;font-weight:800}.menu-admin-brands button[aria-pressed=true]{background:#1e55bf;color:white}.menu-admin-brands button[data-brand=king][aria-pressed=true]{background:#87171a}.menu-admin-toolbar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.menu-admin-toolbar label{flex:1;min-width:160px}.menu-admin-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.menu-admin-heading h2{margin:0}.menu-admin-heading small{font-size:13px;color:#64748b}.menu-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.menu-admin-product{text-align:left;padding:16px;background:white;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer}.menu-admin-product strong,.menu-admin-product small{display:block}.menu-admin-product small{color:#64748b;margin:8px 0}.menu-availability{font-size:11px;color:#15704a}.menu-availability.unavailable{color:#a32a2a}@media(max-width:600px){.menu-admin-grid{grid-template-columns:1fr 1fr}.menu-admin-product{padding:12px}.menu-admin-toolbar>button{width:100%}}

.team-home-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.team-home-actions a{padding:18px;border-radius:18px;text-decoration:none;flex:1;min-width:150px;text-align:center;font-weight:800}.team-clock{background:#e6edf7;color:#174591}.team-delivery .actions{flex-wrap:wrap}.team-delivery .actions a{padding:12px;border-radius:12px;text-decoration:none}.team-ticket{width:min(520px,92vw);border:0;border-radius:24px;padding:24px;max-height:90vh}.team-ticket .close{float:right}.team-ticket::backdrop{background:#17263c66}

.mypos-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mypos-totals .panel{margin:0}.mypos-totals h2{margin:8px 0}.mypos-table{overflow-x:auto}.mypos-table table{width:100%;border-collapse:collapse}.mypos-table th,.mypos-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.mypos-table small{overflow-wrap:anywhere}#mypos-day{display:flex;align-items:end;gap:12px;flex-wrap:wrap}@media(max-width:450px){.mypos-totals{grid-template-columns:1fr 1fr}.mypos-totals h2{font-size:22px}}

.mypos-connect-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mypos-connect-form label{display:flex;flex-direction:column;gap:6px}.mypos-connect-form input{width:100%;box-sizing:border-box}.mypos-connect-form button{grid-column:1/-1}@media(max-width:650px){.mypos-connect-form{grid-template-columns:1fr}}