:root{--mandate-space-sm:8px;--mandate-space-md:12px;--mandate-space-lg:16px;--mandate-text-small:12px;--mandate-text-heading:14px;--mandate-fact-min:220px;--mandate-line-width:1px;--mandate-focus-width:2px}.grid-mandates>*,.mandate-version,.mandate-review{overflow-wrap:anywhere;min-width:0}.mandate-versions{margin:0;padding:0;list-style:none}.mandate-version{border-top:var(--mandate-line-width) solid var(--line);padding-block:var(--mandate-space-lg)}.mandate-version h3,.mandate-review h3,.mandate-feedback h3{margin:0 0 var(--mandate-space-sm);font-size:var(--mandate-text-heading)}.mandate-summary{white-space:pre-line}.mandate-facts{grid-template-columns:repeat(auto-fit, minmax(min(var(--mandate-fact-min), 100%), 1fr));gap:var(--mandate-space-md);font-size:var(--mandate-text-small);display:grid}.mandate-facts dt{color:var(--muted);font-weight:700}.mandate-facts dd{margin:0}.mandate-version .actions,.mandate-review details{margin-top:var(--mandate-space-md)}.mandate-review{border-bottom:var(--mandate-line-width) solid var(--line);padding-bottom:var(--mandate-space-lg)}.mandate-feedback{color:var(--err);margin-top:var(--mandate-space-lg)}.mandate-feedback ul,.mandate-review ul{padding-inline-start:var(--mandate-space-lg)}.grid-mandates summary{cursor:pointer;font-weight:700}.grid-mandates summary:focus-visible,.grid-mandates button:focus-visible,.grid-mandates a:focus-visible{outline:var(--mandate-focus-width) solid var(--teal);outline-offset:var(--mandate-focus-width)}:root{--navy:#0b1b33;--teal:#1fa3a3;--teal-text:#137f7f;--sand:#f5f2ea;--line:#e7e2d6;--muted:#5b6577;--warn:#a86a00;--err:#b3261e;color:var(--navy);background:var(--sand);font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--navy);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 28px;display:flex}.brand{align-items:center;gap:16px;display:flex}.logo{height:40px;display:block}.tagline{color:#cfe9e9;letter-spacing:.01em;font-weight:600}.header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge{overflow-wrap:anywhere;border-radius:999px;max-width:100%;padding:5px 11px;font-size:12px;font-weight:700;display:inline-block}.badge-warn{color:#7a4d00;background:#fff3d6}.badge-live{background:var(--teal);color:#fff}.badge-ok{color:var(--teal-text);background:#e3f4f4}.badge-err{color:var(--err);background:#fbe9e7}.dot{background:#8590a3;border-radius:50%;width:10px;height:10px;display:inline-block}.dot-on{background:var(--teal);box-shadow:0 0 0 3px #1fa3a340}.tabs{border-bottom:1px solid var(--line);align-items:flex-end;gap:4px;padding:12px 28px 0;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 14px;font-weight:700}.tab.active{color:var(--navy);border-bottom-color:var(--teal)}.passkey-btn{margin-bottom:8px;margin-left:auto}.main{flex:1;padding:20px 28px}.footer{color:var(--muted);padding:14px 28px;font-size:12px}.card{background:#fff;border-radius:14px;margin-bottom:16px;padding:18px 20px;box-shadow:0 1px 2px #0b1b3314}.card h2{margin:0 0 12px;font-size:16px;font-weight:800}.muted{color:var(--muted)}.small{font-size:12px}.big{font-size:28px;font-weight:800}.grid-live{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:16px;display:grid}.grid-mandates{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=960px){.grid-live,.grid-mandates{grid-template-columns:minmax(0,1fr)}}.feed{margin:0;padding:0;list-style:none}.feed-item{border-left:4px solid var(--line);background:#fbfaf6;border-radius:8px;margin-bottom:8px;padding:10px 12px;animation:1.2s ease-out flash}.feed-item.ok{border-left-color:var(--teal)}.feed-item.warn{border-left-color:#e0a100}.feed-item.err{border-left-color:var(--err)}@keyframes flash{0%{background:#e3f4f4}to{background:#fbfaf6}}.feed-main{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.feed-sub{flex-wrap:wrap;gap:12px;margin-top:4px;font-size:12px;display:flex}.latency{color:var(--teal-text);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.pill{letter-spacing:.04em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.pill.ok{color:var(--teal-text);background:#e3f4f4}.pill.warn{color:#7a4d00;background:#fff3d6}.pill.err{color:var(--err);background:#fbe9e7}.challenge-card{border:2px solid #e0a100}.challenge{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.challenge:first-of-type{border-top:0}.row{align-items:center;gap:10px;display:flex}.row.space{flex-wrap:wrap;justify-content:space-between}.row label{flex:1;min-width:0}label{color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:700;display:block}input,select{width:100%;font:inherit;color:var(--navy);border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:4px;padding:9px 10px;font-size:14px;display:block}input:focus,select:focus{outline:2px solid var(--teal);outline-offset:0}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover:not(:disabled){background:#132a4d}.btn-ghost{border-color:var(--line);color:var(--navy);background:#fff}.btn-ghost:hover:not(:disabled){border-color:var(--teal);color:var(--teal-text)}.btn-sm{padding:5px 9px;font-size:12px}.chip{color:var(--teal-text);background:#eef6f6;border-radius:6px;margin:0 4px 4px 0;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.mcc-hints{margin:-4px 0 10px}.table-wrap{overflow-x:auto}.table-wrap:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px}.table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px}.num{white-space:nowrap;text-align:right!important}.actions{flex-wrap:wrap;gap:6px;display:flex}.clickable{cursor:pointer}.clickable:hover{background:#fbfaf6}.payload{background:var(--navy);color:#e3f4f4;border-radius:8px;max-height:360px;padding:12px;font-size:12px;overflow:auto}.budget{border-bottom:1px solid var(--line);margin-bottom:8px;padding:8px 0 12px}.bar{background:#eceae2;border-radius:6px;height:10px;margin:8px 0 6px;position:relative;overflow:visible}.bar-fill{background:var(--teal);border-radius:6px;height:100%;transition:width .4s}.bar-mark{background:var(--navy);width:2px;height:16px;position:absolute;top:-3px}.sys{margin:0;padding:0;font-size:12px;list-style:none}.sys li{border-bottom:1px solid var(--line);padding:5px 0}.toast{background:var(--navy);color:#fff;border-radius:10px;max-width:420px;padding:12px 16px;font-weight:600;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 24px #0b1b334d}.toast.err{background:var(--err)}.feed-item,.budget,.challenge,.sys li{overflow-wrap:anywhere}@media (width<=640px){.header,.main,.footer{padding-left:16px;padding-right:16px}.tabs{border-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 16px 0;display:grid}.tab{border-bottom-color:var(--line);min-height:44px;padding:10px 6px}.passkey-btn{grid-column:1/-1;margin:8px 0 0}.card{padding:16px}.badge{border-radius:14px}.row{flex-wrap:wrap}.btn{justify-content:center;align-items:center;min-height:44px;display:inline-flex}}