body{margin:0;font:15px/1.45 system-ui,sans-serif;color:#1d232b;background:#f4f6f8}
nav{display:flex;flex-wrap:wrap;gap:.2rem;align-items:center;background:#16324f;padding:.4rem .8rem}
nav a,nav button{color:#fff;text-decoration:none;padding:.35rem .6rem;border-radius:4px;background:none;border:0;font:inherit;cursor:pointer}
nav a:hover,nav button:hover{background:#2b5079}nav form{margin-left:auto}
main{max-width:1100px;margin:0 auto;padding:1rem}
a{color:#0b5cad}:focus-visible{outline:3px solid #f0a500;outline-offset:2px}
.card{background:#fff;border:1px solid #d8dee4;border-left-width:5px;border-radius:6px;padding:.8rem 1rem;margin:.8rem 0}
.card.bad,.card.blocked{border-left-color:#c62828}.card.warn,.card.at_risk{border-left-color:#e08a00}.card.ok,.card.waiting{border-left-color:#2e7d32}
.narrow{max-width:360px}
label{display:block;margin:.5rem 0}label.chk{display:inline-block;margin-right:1rem}
input:not([type=checkbox]),select,textarea{display:block;width:100%;max-width:560px;padding:.4rem;border:1px solid #8a96a3;border-radius:4px;font:inherit;box-sizing:border-box}
.bar{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap}.bar label{margin:0}
button,.btn{background:#0b5cad;color:#fff;border:0;border-radius:4px;padding:.45rem .9rem;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}
button.danger{background:#c62828}.del{margin-top:1rem}
table{border-collapse:collapse;width:100%;background:#fff;margin-top:.8rem}th,td{border-bottom:1px solid #d8dee4;padding:.4rem;text-align:left;vertical-align:top}
.kpi{display:flex;flex-wrap:wrap;gap:.6rem}.kpi div{background:#fff;border:1px solid #d8dee4;border-radius:6px;padding:.5rem .9rem;min-width:110px}.kpi b{display:block;font-size:1.6rem}
.muted{color:#5c6773}.st{font-size:.8rem;background:#e7ecf1;padding:0 .3rem;border-radius:3px}
.err{background:#fdecea;border:1px solid #c62828;padding:.5rem 1rem;border-radius:4px}.flash{background:#e8f5e9;border:1px solid #2e7d32;padding:.5rem 1rem;border-radius:4px}
dl{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1rem}dt{font-weight:600}dd{margin:0}
.timeline{padding-left:1.2rem}.timeline li{margin:.3rem 0}
details.card pre{white-space:pre-wrap;font:inherit;margin:.5em 0 0}
.imp{background:#fff3cd;border-bottom:2px solid #e08a00;padding:.4rem 1rem;position:sticky;top:0;z-index:5}
form.inline{display:inline;margin:0}
[popover].card { width: min(32rem, 90vw); margin: auto; }
[popover]::backdrop { background: rgba(0,0,0,.4); }
nav a.me{margin-left:auto}nav a.me+form{margin-left:0}
button.info{background:none;color:#0b5cad;border:1px solid #0b5cad;border-radius:999px;padding:0 .45rem;font-size:.85rem;font-weight:400;line-height:1.5;vertical-align:middle}
.tip{max-width:min(28rem,90vw);font-size:.95rem;font-weight:400;line-height:1.45;background:#fff;color:#1d232b;border:1px solid #8a96a3;border-radius:6px;padding:.8rem 1rem;box-shadow:0 4px 18px rgba(0,0,0,.2)}
.hint{display:block;color:#5c6773;margin:-.3rem 0 .6rem;max-width:560px}
button.sec{background:#e7ecf1;color:#16324f}