:root{--brand:#0f766e;--bg:#f6f8f8;--line:#d5dddd;color:#1c2626;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}main,section{max-inline-size:60rem;margin-inline:auto;padding-block:.5rem;padding-inline:1rem}h1,h2,h3{margin-block:.5rem}.banner{text-align:center;background:#fef3c7;padding-block:.25rem;font-size:.8rem}.topbar{background:var(--brand);color:#fff;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.topbar nav{flex:1;gap:.25rem;display:flex}.topbar button{color:#fff;background:0 0;border:1px solid #fff6}.topbar button.on{color:var(--brand);background:#fff}.status{border-block-end:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;display:flex}.dot{border-radius:50%;block-size:.7rem;inline-size:.7rem;margin-inline-end:.3rem;display:inline-block}.dot.ok{background:#16a34a}.dot.bad{background:#dc2626}.notice{background:#e0f2fe;border-radius:6px;margin:.5rem 1rem;padding:.5rem .75rem}.notice.warn{background:#fee2e2}.card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:.6rem;margin-block:1rem;padding:1rem;display:grid}.card.narrow{max-inline-size:24rem;margin-block-start:3rem;margin-inline:auto}label{gap:.2rem;font-size:.9rem;display:grid}input,select,textarea,button{font:inherit;border:1px solid var(--line);border-radius:6px;padding:.5rem .6rem}button{background:var(--brand);color:#fff;border-color:var(--brand);cursor:pointer}button:disabled{opacity:.5;cursor:default}button.secondary{color:var(--brand);background:#fff}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.grow{flex:1;min-inline-size:10rem}.list{gap:.4rem;margin-block:.75rem;padding:0;list-style:none;display:grid}button.item{text-align:start;inline-size:100%;color:inherit;border-color:var(--line);background:#fff}.tag{color:#b45309;margin-inline-start:.5rem}.muted{color:#5b6b6b}.small{word-break:break-all;font-size:.8rem}.error{color:#b91c1c}.scroll{overflow-x:auto}table{border-collapse:collapse;background:#fff;inline-size:100%}th,td{text-align:start;border-block-end:1px solid var(--line);vertical-align:top;padding:.4rem .5rem}tr.dim{opacity:.5}
