/* Shared look for customer + admin: colours, reset, cards, forms, icons. Cash App-style: bold type, pill buttons, bright green. */
:root{--bg:#fff;--card:#f4f4f4;--ink:#000;--mute:#6b6b6b;--brand:#00d632;--brand2:#e3fbe8;--brandink:#008a22;--on:#000;--onink:#fff;--line:#e8e8e8;--ok:#008a22;--bad:#d92d20}
@media(prefers-color-scheme:dark){:root{--bg:#000;--card:#151515;--ink:#fff;--mute:#9a9a9a;--brand2:#0c2a14;--brandink:#00d632;--on:#00d632;--onink:#000;--line:#262626;--ok:#00d632;--bad:#ff7066}}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,"SF Pro Text","Segoe UI",Roboto,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
svg.lucide,[data-lucide]{width:1.15em;height:1.15em;vertical-align:-.2em;stroke-width:2.25}

header{background:var(--brand);color:#000;font-weight:800;letter-spacing:-.02em}

.card{background:var(--card);border-radius:20px;padding:16px;margin:12px 0}
h2{font-size:26px;font-weight:800;letter-spacing:-.03em;margin:22px 0 8px}
label{display:block;font-size:13px;font-weight:600;color:var(--mute);margin:12px 0 5px}
input,select,textarea{width:100%;padding:14px 16px;border:2px solid transparent;border-radius:14px;font:inherit;background:var(--bg);color:var(--ink);outline:0}
input:focus,select:focus,textarea:focus{border-color:var(--brand)}

.between{display:flex;justify-content:space-between;align-items:center;gap:8px}
.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.row>.fit{flex:0 0 auto}
.mute{color:var(--mute);font-size:14px}
.big{font-size:32px;font-weight:800;letter-spacing:-.03em}
.bad-t{color:var(--bad)}.ok-t{color:var(--ok)}
.empty{text-align:center;color:var(--mute);padding:36px 0}
.err{background:#fde7e5;color:#a1241a;border-radius:14px;padding:12px 14px;font-weight:600;margin:12px 0}
@media(prefers-color-scheme:dark){.err{background:#3a1511;color:#ff9a90}}

/* quantity stepper (used when choosing items) */
.qty{display:flex;align-items:center;gap:6px}
.qty button{width:40px;height:40px;border-radius:99px;border:0;background:var(--bg);color:var(--ink);font:inherit;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.qty span{min-width:26px;text-align:center;font-weight:800;font-size:18px}

/* map pins and popups */
.pinwrap{width:32px;height:40px;display:flex;align-items:flex-start;justify-content:center}
.pin{width:28px;height:28px;margin-top:2px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#000;border:2px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006}
.pin span{transform:rotate(45deg);color:#fff;font-weight:800;font-size:12px;display:flex}
.pin svg{width:15px;height:15px}
.pin.baking{background:#f5a524}
.pin.out{background:#008a22}
.pin.picked{background:#00d632}
.pin.picked span{color:#000}
.maplibregl-popup-content{color:#000;font:14px/1.5 -apple-system,"Segoe UI",system-ui,sans-serif;border-radius:16px;padding:14px 16px}
.maplibregl-popup-content a{font-weight:700;color:#008a22}
.pin.bakery{background:#7b3ff2}

/* ===== Cash App polish: flat, bold, big numbers, one centred column ===== */
:root{--r:24px}
body{-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
h2{font-size:28px;letter-spacing:-.035em}
.card{border-radius:var(--r);padding:18px}
input,select,textarea{border-radius:16px;padding:15px 18px;font-weight:500}
input::placeholder{color:var(--mute);opacity:.75}
.big{letter-spacing:-.045em}
/* header content lines up with the centred column on wide screens */
header{padding-left:max(20px,calc((100vw - 560px)/2 + 20px));padding-right:max(20px,calc((100vw - 560px)/2 + 20px))}

/* Cash App "balance" card: one huge number, small pills underneath */
.balance{background:var(--on);color:var(--onink);border-radius:30px;padding:24px 22px 20px;margin:14px 0}
.b-label{font-size:14px;font-weight:700;opacity:.75}
.b-num{font-size:56px;font-weight:800;letter-spacing:-.06em;line-height:1.05;margin:4px 0 14px}
.b-chips{display:flex;gap:8px;flex-wrap:wrap}
.b-chips span{background:#ffffff26;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:700}
@media(prefers-color-scheme:dark){.b-chips span{background:#00000022}}