/* ============================================================
   ALERT COMPONENT — Share Market Pro
   ============================================================ */
.alert {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    padding: 1rem 1.125rem;
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
    font-size: 0.875rem;
    border: 1px solid transparent;
    line-height: 1.5;
}

.alert--success {
    background: rgba(0, 200, 83, 0.07);
    color: var(--color-accent);
    border-color: rgba(0, 200, 83, 0.2);
}

.alert--error {
    background: rgba(244, 67, 54, 0.07);
    color: #ef5350;
    border-color: rgba(244, 67, 54, 0.2);
}

.alert--warning {
    background: rgba(255, 152, 0, 0.07);
    color: #ffa726;
    border-color: rgba(255, 152, 0, 0.2);
}

.alert--info {
    background: rgba(33, 150, 243, 0.07);
    color: #42a5f5;
    border-color: rgba(33, 150, 243, 0.2);
}

.alert__close {
    margin-left: auto;
    flex-shrink: 0;
    opacity: 0.6;
    transition: opacity 0.15s;
    padding: 2px;
    border-radius: var(--radius-sm);
    background: none;
    border: none;
    cursor: pointer;
    color: currentColor;
}

.alert__close:hover { opacity: 1; }
.alert__close:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }

.alert__list {
    margin-top: 0.25rem;
    padding-left: 1rem;
    list-style: disc;
}

.alert__list li { margin-bottom: 2px; }

/* ── Light Theme — Alert overrides ─────────────────────── */
[data-theme="light"] .alert--success {
    background: rgba(0, 168, 68, 0.07);
    color: #006b2b;
    border-color: rgba(0, 168, 68, 0.25);
}
[data-theme="light"] .alert--error {
    background: rgba(229, 57, 53, 0.07);
    color: #b71c1c;
    border-color: rgba(229, 57, 53, 0.25);
}
[data-theme="light"] .alert--warning {
    background: rgba(245, 124, 0, 0.07);
    color: #bf360c;
    border-color: rgba(245, 124, 0, 0.25);
}
[data-theme="light"] .alert--info {
    background: rgba(25, 118, 210, 0.07);
    color: #0d47a1;
    border-color: rgba(25, 118, 210, 0.25);
}

