@import url("https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu&display=swap");
:root { --paper:#fcefe6; --raised:#fffaf6; --ink:#2a1d17; --muted:#7a6a60; --brand:#c4622d; --rule:#ead6c8; --danger:#b3261e; }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.5 system-ui, sans-serif; }
[dir=rtl] body, [dir=rtl] button, [dir=rtl] input, [dir=rtl] textarea { font-family:"Noto Nastaliq Urdu", system-ui, sans-serif; line-height:2.2; }
header, main { max-width:560px; margin:0 auto; padding:16px; }
header { position:relative; }
#lang { position:absolute; inset-inline-end:16px; top:16px; }
h1 { margin:0 0 4px; font-size:26px; }
.muted { color:var(--muted); }
.card { background:var(--raised); border:1px solid var(--rule); border-radius:12px; padding:12px; margin:0 0 10px; }
.row { display:flex; gap:8px; align-items:center; justify-content:space-between; }
.money, .ltr { direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums; }
button { font:inherit; border:1px solid var(--rule); background:var(--raised); border-radius:10px; padding:8px 14px; cursor:pointer; }
button.primary { background:var(--brand); color:#fff; border-color:var(--brand); width:100%; padding:12px; }
label { display:block; margin:10px 0 4px; }
input, textarea, select { width:100%; font:inherit; padding:10px; border:1px solid var(--rule); border-radius:10px; background:#fff; }
.error { color:var(--danger); }
.qty { display:flex; gap:6px; align-items:center; }