/* CloudWatch Log Analyzer — plus views (shares ctr/ccp plus styles) */
.km-cw-path-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; align-items: flex-start; margin-bottom: 12px; color: var(--km-ink); }
.km-cw-path { list-style: none; margin: 0; padding: 0 0 0 18px; position: relative; }
.km-cw-path::before { content: ""; position: absolute; left: 6px; top: 6px; bottom: 6px; width: 2px; background: var(--km-border-strong); }
.km-cw-flow { margin: 14px 0 6px -18px; }
.km-cw-flow span { display: inline-block; font: 700 12px var(--km-font); letter-spacing: .06em; text-transform: uppercase; color: var(--km-accent-ink, #fff); background: var(--km-accent); padding: 4px 10px; border-radius: 999px; }
.km-cw-step { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 14px; margin: 6px 0; padding: 9px 12px; background: var(--km-surface); border: 1px solid var(--km-border); border-left: 4px solid var(--km-accent); border-radius: 8px; color: var(--km-ink); }
.km-cw-step::before { content: ""; position: absolute; left: -17px; top: 14px; width: 10px; height: 10px; border-radius: 50%; background: var(--km-accent); box-shadow: 0 0 0 3px var(--km-surface); }
.km-cw-step.err { border-left-color: #dc2626; background: rgba(220, 38, 38, .06); } .km-cw-step.err::before { background: #dc2626; }
.km-cw-step.slow { border-left-color: #d97706; background: rgba(217, 119, 6, .07); } .km-cw-step.slow::before { background: #d97706; }
.km-cw-step.loop { border-left-color: #7c3aed; background: rgba(124, 58, 237, .06); } .km-cw-step.loop::before { background: #7c3aed; }
.km-cw-step-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.km-cw-step-name { font: 700 14.5px var(--km-font); }
.km-cw-step-detail { font: 400 13px/1.4 var(--km-font); color: var(--km-muted); overflow-wrap: anywhere; }
.km-cw-step-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font: 400 12.5px var(--km-mono); color: var(--km-muted); }
.km-cw-res { font-weight: 600; color: var(--km-ink); }
.km-cw-step.err .km-cw-res { color: #b91c1c; }
:root[data-theme="dark"] .km-cw-step.err .km-cw-res { color: #f87171; }
.km-cw-gap { padding: 1px 7px; border-radius: 999px; background: var(--km-surface-2); }
.km-cw-finding { background: var(--km-surface); border: 1px solid var(--km-border); border-left: 4px solid #d97706; border-radius: 10px; padding: 12px 16px; margin: 0 0 12px; color: var(--km-ink); font: 400 14.5px/1.55 var(--km-font); }
.km-cw-finding.sev-critical { border-left-color: #dc2626; } .km-cw-finding.sev-info { border-left-color: #2563eb; }
.km-cw-finding p { margin: 6px 0; }
.km-cw-finding-h { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.km-cw-sev { font: 700 11px var(--km-font); letter-spacing: .06em; padding: 3px 8px; border-radius: 4px; background: rgba(217, 119, 6, .14); color: #b45309; }
.sev-critical .km-cw-sev { background: rgba(220, 38, 38, .12); color: #b91c1c; } .sev-info .km-cw-sev { background: rgba(37, 99, 235, .12); color: #1d4ed8; }
:root[data-theme="dark"] .km-cw-sev { color: #f3b27a; } :root[data-theme="dark"] .sev-critical .km-cw-sev { color: #f87171; } :root[data-theme="dark"] .sev-info .km-cw-sev { color: #93c5fd; }
.km-cw-ids { display: flex; flex-wrap: wrap; gap: 6px 10px; }
.km-cw-id { font: 400 12.5px var(--km-mono); color: var(--km-accent); }
.km-cw-row { cursor: pointer; } .km-cw-row:hover td { background: var(--km-soft) !important; }
.km-cw-search { flex: 1 1 320px; height: 36px; padding: 0 12px; border: 1px solid var(--km-border-strong); border-radius: 8px; background: var(--km-surface); color: var(--km-ink); font: 400 14px var(--km-font); }
.km-cw-q { margin: 14px 0; }
.km-cw-q h3 { font: 700 16px var(--km-head); margin: 0 0 4px; color: var(--km-ink); }
.km-cw-q p { margin: 0 0 6px; color: var(--km-muted); font: 400 14.5px/1.5 var(--km-font); }