/* Control › 위험 경로 › 담당·판정 (security-source-actions.js, T23-40). The cards, tables, marks and name-value pairs are the
   shared parts (lx-; 리디자인 명세 판 C, 왼쪽 목록 + 오른쪽 본문); only this screen's own is here. */
.ssa{min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.ssa-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 24px}
.ssa-title{display:flex;flex-direction:column;gap:4px;min-width:0}
.ssa-back{font-size:13px;color:var(--ds-text-3)}
.ssa-chips{display:flex;flex-wrap:wrap;gap:6px}
.ssa-main{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;align-items:start}
.ssa-left{position:sticky;top:12px;min-width:0}
.ssa-right{min-width:0}
.ssa-rows{display:flex;flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;max-height:calc(100vh - 240px);overflow:auto}
/* A row is a button: the portal's button is white words on the accent (style.css), so a row that takes off the accent
   gives its words the text colour back -- else its cause's name is white on white (UX r1 g3 F3). */
.ssa-row{display:flex;flex-direction:column;gap:4px;width:100%;padding:8px 10px;text-align:left;background:transparent;color:var(--ds-text);border:1px solid var(--ds-line);border-radius:6px;cursor:pointer}
.ssa-row.lx-is-sel{border-color:var(--ds-accent)}
.ssa-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.ssa-row-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px}
.ssa-kv{margin:0 0 8px}
.ssa-id{font-size:12.5px;word-break:break-all}
.ssa-steps{flex-wrap:wrap;align-items:center;gap:6px 8px}
.ssa-steps .lx-in{width:150px}
.ssa-form{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px}
.ssa-form .lx-field,.ssa-form .lx-sel,.ssa-form textarea{width:100%}
.ssa-paths{display:flex;flex-direction:column;gap:4px}
.ssa-path{display:flex;align-items:center;gap:6px;font-size:12.5px}
.ssa-scroll{overflow-x:auto}
.ssa-why{white-space:pre-wrap;min-width:200px}
@media (max-width:1100px){.ssa-main{grid-template-columns:1fr}.ssa-left{position:static}.ssa-rows{max-height:none}}
/* The counts sit on the headline's quiet line after its scope, in the line's own size. */
.ssa-title>.ssa-sub{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1) var(--sp-4)}
.ssa-title>.ssa-sub .ssa-figure .lx-n{font-weight:var(--fw-semibold)}