:root{--ink: #161616;--muted: #5c5c5c;--line: #e2e2e2;--paper: #f6f6f4;--card: #ffffff;--yellow: #f5c400;--yellow-deep: #e0b000;--header: #111111;--fix: #c45c12;--fix-bg: #f8e4d4;--review: #c9a227;--review-bg: #fff4cc;--ok: #1f7a45;--ok-bg: #e5f6ea;--high: #f5c400;--low: #ececec;--font: "Segoe UI", Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}h1,h2,h3{margin:0 0 .35em;line-height:1.2}p{margin:0 0 .8em}code{font-size:12px}.chrome{background:#1b1b1b;color:#ddd;display:flex;justify-content:space-between;align-items:center;padding:6px 16px;font-size:12px;gap:16px}.chrome strong{color:#fff}.chrome-right{display:flex;gap:14px;align-items:center;color:#bbb}.chrome a{color:#f5c400;text-decoration:none}.top{background:var(--header);color:#fff;padding:14px 20px 16px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.top h1{color:#fff;font-size:22px}.top h1 span{color:var(--yellow)}.top p{margin:0;color:#cfcfcf;font-size:13px}.top-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.draft-select{background:#2a2a2a;color:#fff;border:1px solid #555;border-radius:6px;padding:7px 10px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.badge-dark{background:#2a2a2a;color:#fff}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-fix{background:var(--fix-bg);color:var(--fix)}.badge-review{background:var(--review-bg);color:#6d5a10}.badge-low{background:var(--ok-bg);color:var(--ok)}.badge-medium{background:#eef3ff;color:#2a4d8f}.badge-high{background:var(--yellow);color:#111}.badge-extreme{background:#8b2e2e;color:#fff}.badge-yes{background:var(--yellow);color:#111}.badge-no{background:var(--ok-bg);color:var(--ok)}.badge-tag{background:#eee;color:#333;font-weight:600}.btn{border:1px solid transparent;background:#2a2a2a;color:#fff;border-radius:6px;padding:7px 12px;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.08)}.btn-yellow{background:var(--yellow);color:#111;font-weight:700}.btn-ghost{background:transparent;border-color:#555;color:#fff}.btn-outline{background:#fff;border-color:#ccc;color:#111}.btn-link{background:none;border:0;color:#1a4ea3;padding:0 6px;cursor:pointer}.btn-link.danger{color:#a33}.btn:disabled{opacity:.5;cursor:not-allowed}.layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 92px)}.nav{background:#ececec;border-right:1px solid var(--line);padding:12px 8px;overflow:auto}.pack-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 12px 4px}.pack-domain{font-size:11px;font-weight:700;color:#333;padding:6px 12px 2px}.pack-item{width:100%;text-align:left;border:0;background:transparent;padding:7px 12px;border-radius:8px;cursor:pointer;color:#222;display:flex;flex-direction:column;gap:2px}.pack-item.active{background:var(--yellow);font-weight:700}.pack-id{font-size:10px;color:var(--muted);font-weight:600}.new-risk-form{display:flex;flex-direction:column;gap:6px;padding:4px 8px 10px}.new-risk-form input,.new-risk-form select,.new-risk-form textarea{width:100%;font:inherit;font-size:12px;padding:6px 8px;border:1px solid var(--line);border-radius:6px}.new-risk-form textarea{min-height:64px;resize:vertical}.create-error{color:#9b1c1c;font-size:11px;margin:0}.nav button{width:100%;text-align:left;border:0;background:transparent;padding:9px 12px;border-radius:8px;cursor:pointer;color:#222}.nav button.active{background:var(--yellow);font-weight:700}.nav-foot{margin:16px 12px 0;font-size:11px;color:var(--muted)}.main{padding:18px 22px 48px;max-width:1080px}.banner{background:#fff7d6;border:1px solid #ead889;border-radius:8px;padding:12px 14px;margin-bottom:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:16px}.card h2{font-size:18px}.card .lede{color:var(--muted);font-size:13px}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.field label,.field .lbl{display:block;font-size:12px;font-weight:700;margin-bottom:4px}.req{color:#c0392b}.help{color:var(--muted);font-size:12px;font-weight:400}.field input,.field select,.field textarea{width:100%;border:1px solid #d5d5d5;background:#f3f3f3;border-radius:6px;padding:8px 10px}.field textarea{min-height:72px;resize:vertical;background:#fafafa}.row-item{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f3f3f3;border-radius:8px;padding:10px 12px;margin-bottom:8px}.row-item strong{font-size:13px}.checks{display:flex;flex-direction:column;gap:6px}.check{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:8px 10px;border-radius:6px;background:#fafafa;border:1px solid var(--line)}.check.fix{background:var(--fix-bg);border-color:#efc7a8}.check.review{background:var(--review-bg);border-color:#ead889}.check b{font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#f7f7f7;border-radius:8px;padding:12px}.metric span{display:block;font-size:11px;color:var(--muted);letter-spacing:.04em;font-weight:700}.metric strong{font-size:20px}.bowtie{position:relative;display:grid;grid-template-columns:minmax(140px,1fr) minmax(170px,1.15fr) 170px minmax(170px,1.15fr) minmax(140px,1fr);gap:28px;align-items:start;overflow-x:auto;padding:8px 4px 20px}.bt-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.bt-lines path{fill:none;stroke:#c3c3c3;stroke-width:1.35}.bt-col,.bt-event-col{position:relative;z-index:1}.bt-col{display:flex;flex-direction:column;gap:8px;min-width:140px}.bt-event-col{display:flex;align-items:center;align-self:stretch;padding-top:22px}.bt-col h3{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.bt-node{border-radius:6px;padding:8px;font-size:12px;border:1px solid var(--line);background:#fff}.bt-node.event{background:#111;color:var(--yellow);text-align:center;font-weight:700;min-height:88px;display:flex;align-items:center;justify-content:center;width:100%}.bt-node.high{background:var(--yellow)}.bt-node.low{background:var(--low)}.bt-node.ok{background:var(--ok-bg)}.bt-node.warn{background:#f8e4d4}.eval-item{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:8px}.eval-item.gap{background:#fff7d6}.eval-item.met{background:var(--ok-bg)}.control-card{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:0 0 12px;background:#fff}.control-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.control-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.field textarea.short{min-height:56px}.editor{border:1px dashed #ccc;border-radius:8px;padding:12px;margin:8px 0 12px;background:#fcfcfc}.ai-box{background:#f7f7f7;border-radius:8px;padding:12px;white-space:pre-wrap;min-height:80px}@media(max-width:900px){.layout,.grid-2,.grid-3,.metrics,.bowtie{grid-template-columns:1fr}.bt-lines{display:none}}