/* Wajed V2 customer browser experience — functional while Android-native version is developed. */
:root{--bg:#f5f3e9;--paper:#fffefa;--ink:#0e2018;--muted:#61716a;--primary:#0d2118;--primary-light:#ecf8cf;--line:#dce0d5;--gold:#c8f72c}
body{background:var(--bg);padding-bottom:100px;min-height:100vh}body.dark{--bg:#11221b;--paper:#1a3127;--ink:#f5fff4;--muted:#a6c1a8;--line:#43604f;--primary:#ccf642;--primary-light:#2b472e}
header{background:var(--bg);border:0;padding:22px 22px 10px;max-width:680px;margin:auto}.brand{letter-spacing:-1.5px}.brand span{color:#9ec525}.brand small{font-size:10px;letter-spacing:.05em}.small-link{color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-size:12px}.narrow{margin:0 auto;max-width:680px;padding:0 20px}.panel{border:1px solid #dde2d7;box-shadow:none;border-radius:27px;background:var(--paper);padding:26px;margin:12px 0 22px}h1{font-size:clamp(29px,7vw,44px);font-weight:900;letter-spacing:-.06em}h2{font-size:24px}.eyebrow{color:#667b49;font-size:12px}p{color:var(--muted);line-height:1.9}.scanner{background:#101f18;border:0;border-radius:26px;color:white;min-height:300px;gap:7px}.scanner .scanmark{font-size:85px;color:#c7f737}.scanner small{color:#bdd0bb}.scanner strong{font-size:19px}.scanner~button.outline{width:100%;border-color:#8faf32}.tabs{position:fixed;bottom:12px;inset-inline-start:50%;transform:translateX(-50%);width:min(calc(100% - 24px),630px);z-index:15;box-shadow:0 8px 42px #091c1b29;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:24px;border:1px solid #d7d8cb;padding:6px;background:#fffef8;gap:3px}.tabs button{min-height:55px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1.2;border-radius:18px}.tabs button.active{background:var(--ink);color:#c8f72c}.tabs button[data-tab=scan].active{background:#c8f72c;color:#102019}.inline button,form>button,button:not(.outline):not([data-tab]){background:#c8f72c;border:1px solid #c8f72c;color:#0d1d18;font-weight:800;border-radius:15px}.inline button:hover,form>button:hover{background:#b6ec21}input:focus,select:focus{outline:2px solid #a9d82f;outline-offset:2px}.ticketNumber{font-size:clamp(85px,20vw,146px);line-height:1.35;font-weight:900;color:var(--ink)}.status{background:#dbf5ac;color:#1b391d;border-radius:99px;padding:12px}.ticketItem{gap:10px}.ticketItem button{background:var(--primary);color:white}.ticketNumber~p{text-align:center}#ticketButtons{margin-top:20px}.actionbar button{min-width:130px}.steps span{border:2px solid #c8f72c;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;background:#ebf6d5;color:#11221b}.steps{padding-bottom:20px}#onboarding{padding:25px}#start{width:100%;background:#c8f72c;color:#0c1e17}#ticketView{padding-bottom:35px}#message{color:#a5323c}footer{font-size:11px;color:#7e8b7b;text-align:center;padding:20px 0}
@media(max-width:560px){header{padding:14px 20px}.brand{font-size:25px}.narrow{padding:0 15px}.panel{margin-top:4px;border-radius:25px;padding:24px}.tabs{bottom:8px}.scanner{min-height:265px}.eyebrow{font-size:11px}}