:root{--bg:#f8e6e8;--card:#fff;--ink:#1f1a17;--mute:#7a6f66;--line:#e9d3d6;--accent:#2c5443;--ok:#1f7a4d;--warn:#b4570a;--bad:#b3261e;--r:14px}
@media(prefers-color-scheme:dark){:root{--bg:#161210;--card:#201a17;--ink:#f3ece4;--mute:#a09488;--line:#322a25;--accent:#e8d5c0}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;letter-spacing:-.02em}
button,input,select{font:inherit;color:inherit}
input,select{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}
input:focus{outline:2px solid var(--accent);outline-offset:1px}
button{cursor:pointer;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:10px 14px}
button.primary{background:var(--accent);color:var(--on-accent,var(--bg));border-color:var(--accent);font-weight:600}
button.primary:disabled{opacity:.4;cursor:not-allowed}
button.ghost{background:transparent}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.row{display:flex;gap:10px;align-items:center}
.grow{flex:1}
.mute{color:var(--mute)}
.err{color:var(--bad);min-height:1.4em;font-size:14px}
.pill{font-size:12px;padding:2px 8px;border-radius:99px;border:1px solid var(--line)}
.pill.low{color:var(--warn);border-color:var(--warn)}
.pill.out{color:var(--bad);border-color:var(--bad)}

.hidden{display:none!important}
img[data-brand-logo]{max-height:40px;max-width:170px;object-fit:contain;display:block}
a{color:var(--accent)}