:root { --fg:#1d1d1f; --muted:#6e6e73; --line:#e5e5ea; --bg:#fafafa; --accent:#0a5; --err:#c00; }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.45 -apple-system, "Segoe UI", Roboto, sans-serif; color:var(--fg); background:var(--bg); }
header { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; padding:.6rem 1.2rem; background:#fff; border-bottom:1px solid var(--line); }
header nav { display:flex; gap:.8rem; }
header form { margin:0; display:inline-flex; gap:.4rem; align-items:center; }
header .user { margin-left:auto; color:var(--muted); }
a { color:inherit; }
main { padding:1.2rem; max-width:1200px; margin:0 auto; }
.card { background:#fff; border:1px solid var(--line); border-radius:8px; padding:1rem; margin-bottom:1rem; display:grid; gap:.6rem; }
.narrow { max-width:380px; margin:4rem auto; }
label { display:grid; gap:.2rem; }
input, select, button { font:inherit; padding:.35rem .5rem; border:1px solid var(--line); border-radius:6px; }
button { background:#fff; cursor:pointer; }
.tiles { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1rem; margin-bottom:1.5rem; }
.tile { background:#fff; border:1px solid var(--line); border-radius:8px; padding:1rem; display:grid; }
.tile b { font-size:1.8rem; }
table { width:100%; border-collapse:collapse; background:#fff; }
th, td { text-align:left; padding:.45rem .6rem; border-bottom:1px solid var(--line); }
.muted { color:var(--muted); } .error { color:var(--err); } .ok { color:var(--accent); }
form.inline { display:inline-flex; gap:.3rem; }
textarea { font:inherit; padding:.5rem; border:1px solid var(--line); border-radius:6px; width:100%; }
pre { white-space:pre-wrap; font:13px/1.4 ui-monospace, Menlo, monospace; margin:0; }
details summary { cursor:pointer; font-weight:600; }
fieldset { border:1px solid var(--line); border-radius:6px; display:grid; gap:.5rem; }
tr.muted td { color:var(--muted); }
main.wide { max-width:none; }
.badge { display:inline-block; padding:.05rem .45rem; border-radius:999px; font-size:.8rem; background:#eee; }
.badge-approved, .badge-create { background:#d8f5e3; } .badge-draft, .badge-update { background:#fff3cd; }
.badge-archived, .badge-skip { background:#f8d7da; } .badge-unchanged { background:#eef; }
.grid-form { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.grid-form .span-all { grid-column:1/-1; } .grid-form fieldset { display:flex; }
label.check { display:flex; gap:.4rem; align-items:center; }
.inline-card { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.small { font-size:.85rem; }
.pog-head { display:flex; gap:.8rem; align-items:center; flex-wrap:wrap; margin-bottom:.6rem; }
.pog-head h1 { margin:0; font-size:1.3rem; } .pog-head form { margin:0; } .pog-head .spacer { flex:1; }
a.button { display:inline-block; padding:.35rem .6rem; border:1px solid var(--line); border-radius:6px; background:#fff; text-decoration:none; }