.ripple-casc{gap:var(--s-md);flex-direction:column;display:flex}.ripple-casc-intro{flex-direction:column;gap:7px;display:flex}.ripple-casc-lede{max-width:60ch;font-size:var(--fs-sm);color:var(--text-secondary);text-wrap:pretty;margin:0;line-height:1.55}.ripple-casc-empty{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}.ripple-casc-item{gap:var(--s-2);flex-direction:column;display:flex}.ripple-casc-divider{height:1px;margin-bottom:var(--s-2);background:var(--line)}.ripple-casc-bar{text-align:left;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-elevated);cursor:pointer;width:100%;transition:background var(--m-fast) var(--ease-out), border-color var(--m-fast) var(--ease-out);align-items:center;gap:11px;padding:9px 12px;display:flex}.ripple-casc-bar:hover{background:var(--surface-elevated-2);border-color:color-mix(in oklab, var(--text-muted) 40%, var(--line))}.ripple-casc-bar-sev{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:var(--fs-2xs);letter-spacing:.06em;color:var(--casc-sev);background:color-mix(in oklab, var(--casc-sev) 16%, transparent);border:1px solid color-mix(in oklab, var(--casc-sev) 36%, transparent);border-radius:var(--r-full);flex:none;padding:2px 8px;font-weight:700}.ripple-casc-bar-text{min-width:0;font-size:var(--fs-sm);color:var(--text-secondary);overflow-wrap:anywhere;flex:1;line-height:1.45}.ripple-casc-bar-text strong{color:var(--text-primary);font-weight:600}.ripple-casc-bar-arrow{color:var(--text-muted)}.ripple-casc-bar-toggle{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex:none;font-weight:600}.ripple-casc-detail{gap:var(--s-2);flex-direction:column;display:flex}.ripple-casc-scroll{margin:0 calc(-1 * var(--s-2));padding:4px var(--s-2);overflow-x:auto}.ripple-casc-row{align-items:stretch;gap:var(--s-2);flex-wrap:wrap;display:flex}.ripple-casc-step{align-items:stretch;gap:var(--s-2);min-width:0;display:flex}.ripple-casc-chevron{width:16px;height:16px;color:var(--text-muted);flex:none;align-self:center}.ripple-casc-card{border-radius:var(--r-md);flex-direction:column;flex:200px;gap:6px;min-width:min(184px,100%);max-width:320px;padding:11px 13px;display:flex;overflow:hidden}.ripple-casc-trigger,.ripple-casc-hop{background:color-mix(in oklab, var(--casc-tint) 10%, var(--surface-elevated));border:1px solid color-mix(in oklab, var(--casc-tint) 34%, transparent)}.ripple-casc-trigger{box-shadow:inset 3px 0 0 var(--casc-tint)}.ripple-casc-hop{box-shadow:inset 3px 0 0 color-mix(in oklab, var(--casc-tint) 70%, transparent)}.ripple-casc-eyebrow{align-items:center;gap:7px;min-width:0;display:flex}.ripple-casc-ref{min-width:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:var(--fs-2xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ripple-casc-hop-eyebrow{color:var(--casc-tint)}.ripple-casc-title{font-size:var(--fs-sm);color:var(--text-primary);text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.4}.ripple-casc-incident{background:var(--surface-elevated-2);border:1px solid color-mix(in oklab, var(--danger) 30%, var(--line));min-width:min(184px,100%);max-width:320px;box-shadow:inset 3px 0 0 var(--danger), 0 10px 26px color-mix(in oklab, var(--danger) 16%, transparent);flex:200px}.ripple-casc-incident-top{align-items:center;gap:8px;display:flex}.ripple-casc-sev{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:var(--fs-2xs);letter-spacing:.06em;color:var(--casc-sev);background:color-mix(in oklab, var(--casc-sev) 18%, transparent);border:1px solid color-mix(in oklab, var(--casc-sev) 42%, transparent);border-radius:var(--r-full);padding:2px 9px;font-weight:700}.ripple-casc-incident-label{color:color-mix(in oklab, var(--danger) 80%, var(--text-secondary))}.ripple-casc-incident-text{font-size:var(--fs-md);color:var(--text-primary);text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.35}.ripple-casc-resolution{border-radius:var(--r-sm);background:color-mix(in oklab, var(--insight) 9%, transparent);border:1px solid color-mix(in oklab, var(--insight) 26%, transparent);align-items:flex-start;gap:10px;margin:0;padding:10px 12px;display:flex}.ripple-casc-resolution-icon{color:var(--insight);flex:none;margin-top:1px;display:flex}.ripple-casc-check{width:18px;height:18px}.ripple-casc-resolution-text{font-size:var(--fs-sm);color:var(--text-secondary);text-wrap:pretty;line-height:1.5}.ripple-casc-resolution-text strong{color:var(--insight);font-weight:600}
