:root{--bg:#f4f5f2;--card:#fff;--fg:#1c2421;--muted:#5d6a64;--line:#d8ddd8;--accent:#1f5f4a;--warn:#8a5a00;--bad:#9b2c2c;--ok:#22663f;
--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#121715;--card:#1b2220;--fg:#e6ece8;--muted:#9aa8a1;--line:#2c3532;--accent:#6fc2a2;--warn:#e0b45a;--bad:#ef8a8a;--ok:#7fd3a0;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 var(--sans);padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}
header{display:flex;justify-content:space-between;align-items:center;max-width:640px;margin:0 auto;padding:14px 0}
.brand{font-weight:650;letter-spacing:.01em}main{max-width:640px;margin:0 auto 48px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;margin:12px 0}
h1{font-size:1.25rem;margin:.2rem 0 .6rem;text-wrap:balance}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1.4rem 0 .4rem}
.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:.85rem;word-break:break-all}
dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:.4rem 0}dt{color:var(--muted)}dd{margin:0;min-width:0;word-break:break-word}
pre{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:.82rem;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px;max-height:40vh;overflow:auto}
.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
button{font:inherit;font-weight:600;border-radius:8px;padding:12px 16px;border:1px solid var(--line);background:var(--card);color:var(--fg);min-height:48px;cursor:pointer}
button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{border-color:var(--bad);color:var(--bad)}
button.ghost{min-height:36px;padding:6px 10px;font-weight:500}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
button[disabled]{opacity:.55}.pill{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--line)}
.pill.PENDING,.pill.OPEN{color:var(--warn);border-color:var(--warn)}.pill.APPROVED,.pill.RESOLVED,.pill.DONE{color:var(--ok);border-color:var(--ok)}.pill.DENIED,.pill.BLOCKED{color:var(--bad);border-color:var(--bad)}
a{color:var(--accent)}.msg{padding:10px 12px;border-radius:8px;border:1px solid var(--line);margin-top:10px}.msg.err{border-color:var(--bad);color:var(--bad)}.msg.ok{border-color:var(--ok);color:var(--ok)}
ul.list{list-style:none;padding:0;margin:0}ul.list li{padding:10px 0;border-top:1px solid var(--line)}ul.list li:first-child{border-top:0}