/* Usado por Components/UI/Alert.razor */
.alert { display: flex; gap: 12px; padding: 13px 16px; border: var(--border-w) solid var(--line); border-left: 3px solid var(--warn); border-radius: var(--r); background: var(--surface); font-size: var(--fs-sm); }
.alert + .alert { margin-top: 10px; }
.alert.bad { border-left-color: var(--bad); }
.alert.ok { border-left-color: var(--ok); }
.alert b { display: block; }
.alert .sub { color: var(--ink-2); font-size: var(--fs-xs); margin-top: 2px; }
.alert .act { margin-left: auto; align-self: center; flex-shrink: 0; }