:root{--fg:#1b1b1b;--muted:#666;--ok:#0a7d32;--zero:#9a9a9a;--warn:#fff3cd;--line:#e5e5e5;font-family:system-ui,sans-serif}
body{margin:0;color:var(--fg);background:#fff}
.top{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line)}
.brand{font-weight:700;text-decoration:none;color:inherit}
.bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--line);max-width:720px;margin:16px auto 0;box-sizing:border-box}
nav a,button.link{background:none;border:0;color:#0645ad;padding:0 6px;font:inherit;cursor:pointer;text-decoration:underline}
.inline{display:inline}
main{padding:12px 16px;max-width:720px;margin:0 auto}
.banner{background:var(--warn);padding:10px;border-radius:6px;margin-bottom:8px}
.asof{margin:4px 0;color:var(--muted)}
.search{width:100%;font-size:20px;padding:12px;border:1px solid #bbb;border-radius:8px;box-sizing:border-box}
.results{list-style:none;padding:0;margin:8px 0}
.results li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.results .name{font-size:16px}
.results .brand{display:inline-block;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 4px;margin-left:4px}
.qty{text-align:center;min-width:56px}
.qty b{display:block;font-size:20px}
.qty small{color:var(--muted)}
.qty.ok b{color:var(--ok)}.qty.zero b{color:var(--zero)}
.muted{color:var(--muted)}.err{color:#b00020}
table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:6px;border-bottom:1px solid var(--line)}
tr.off td{color:var(--zero)}tr.rejected td{color:#b00020}
label{display:block;margin:12px 0}label input{display:block;width:100%;font-size:18px;padding:10px;box-sizing:border-box}
button{font:inherit;padding:10px 14px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}