/* Control › 위험 경로 › 조치 (T23-38, web/security-remediation.js): only what the shared lx- parts do not already say.
   The picked change is the column marked data-picked and its pressed button; the comparison's usage rows stand apart
   from its path rows; the pinned inputs are a compact grid; a wide table scrolls inside its card, never the page
   (390px); the lifecycle wraps; the warning that calls outside Click were seen stands apart. */
.srm .srm-scroll{min-width:0;max-width:100%;overflow-x:auto}
.srm [data-srm-compare] th[scope="row"]{font-weight:500;text-align:left;white-space:nowrap}
.srm [data-srm-compare] :is(th,td)[data-picked]{background:var(--ds-accent-soft)}
.srm [data-srm-compare] th[data-col] .lx-cell{align-items:flex-end;gap:4px}
.srm [data-srm-compare] th[data-col="measure"]{text-align:left}
.srm [data-srm-compare] tr[data-srm-group] > *{border-top:2px solid var(--ds-line-strong)}
.srm [data-srm-compare] .lx-cell[data-srm-bucket]{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px}
.srm [data-srm-compare] .lx-cell[data-srm-bucket] > .lx-sub{font-size:12px}
.srm button[aria-pressed="true"]{border-color:var(--ds-accent);color:var(--ds-accent);font-weight:600}
@media (min-width:1100px){
  .srm [data-srm-section="inputs"] > .lx-kv{grid-template-columns:repeat(4,max-content minmax(0,1fr));column-gap:16px}
}
.srm [data-srm-lifecycle]{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}
.srm [data-srm-lifecycle] .lx-step[data-done]{color:var(--ds-text-2)}
.srm [data-srm-bypass]{border-left:3px solid var(--ds-caution)}
.srm .srm-ids{display:inline-flex;flex-wrap:wrap;gap:4px 8px;min-width:0;overflow-wrap:anywhere}
.srm .srm-actions{flex-wrap:wrap;gap:8px}
.srm [data-srm-unknowns]{gap:2px;margin:0;padding:0;list-style:none}
.srm [data-srm-producer]{margin-left:6px}