.banner{display:flex;gap:var(--space-3);align-items:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:12px 14px;background:var(--color-surface-soft);color:var(--color-body);font:var(--type-body-compact)}.banner[data-titled]{padding:16px}.banner__icon{flex:none;margin-top:-1px}.banner__content{flex:1 1;min-width:0}.banner__title{font:600 15px/21px var(--font-display);color:var(--color-ink);margin:0}.banner__body,.banner__body p{margin:0}.banner[data-titled] .banner__body{color:var(--color-body);margin-top:4px}.banner__action{margin-top:12px}.banner[data-tone=info]{background:var(--color-accent-tint);border-color:var(--color-accent-tint-border);color:var(--color-accent-tint-text)}.banner[data-tone=info] .banner__icon{color:var(--color-accent)}.banner[data-tone=success]{background:var(--color-success-tint);border-color:var(--color-success-tint-border);color:var(--color-success-text)}.banner[data-tone=warning]{background:var(--color-warning-tint);border-color:var(--color-warning-tint-border);color:var(--color-warning-text)}.banner[data-tone=danger]{background:var(--color-danger-tint);border-color:var(--color-danger-tint-border);color:var(--color-danger-text)}