.app-alert{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid var(--border);border-left-width:4px;border-radius:8px;background:var(--surface);color:var(--text);padding:6px 12px;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}.app-alert-stack{width:min(360px,calc(100vw - 40px));display:flex;flex-direction:column;gap:10px;pointer-events:none}.app-alert-stack .app-alert{pointer-events:auto}.app-alert--leaving{opacity:0;transform:translateY(-4px)}.app-alert__icon{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;font-weight:700}.app-alert__body{min-width:0}.app-alert__title{font-size:15px;font-weight:600;margin-bottom:2px}.app-alert__content{font-size:14px;line-height:1.5}.app-alert__dismiss{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-muted);font-size:20px;line-height:1;padding:0;width:24px;height:24px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.app-alert__dismiss:hover{color:var(--text);background:#ffffff14}.app-alert--info{border-left-color:#3b82f6}.app-alert--info .app-alert__icon{background:#3b82f626;color:#60a5fa}.app-alert--success{border-left-color:#34a853}.app-alert--success .app-alert__icon{background:#34a85329;color:#34a853}.app-alert--warning{border-left-color:#f59e0b}.app-alert--warning .app-alert__icon{background:#f59e0b29;color:#f59e0b}.app-alert--error{border-left-color:#c62828}.app-alert--error .app-alert__icon{background:#c6282829;color:#ef5350}