/* Shared light-mode toast treatment for public, auth, and user pages. */
html[data-theme="light"] .vironeer-toasts.vironeer-toast-top-right,
html[data-theme="light"] .vironeer-toasts.vironeer-toast-top-center,
html[data-theme="light"] .vironeer-toasts.vironeer-toast-top-left {
    top: 80px;
}

html[data-theme="light"] .vironeer-toast {
    --toast-accent: var(--color-primary, #7c3aed);
    background: var(--color-surface, #ffffff);
    border: 1px solid var(--color-border, #e2e8f0);
    box-shadow: var(--shadow-lg, 0 18px 45px rgba(15, 23, 42, 0.10));
}

html[data-theme="light"] .vironeer-toast-success {
    --toast-accent: var(--color-success, #16a34a);
}

html[data-theme="light"] .vironeer-toast-error {
    --toast-accent: var(--color-danger, #dc2626);
}

html[data-theme="light"] .vironeer-toast-warning {
    --toast-accent: var(--color-warning, #d97706);
}

html[data-theme="light"] .vironeer-toast-info {
    --toast-accent: #0284c7;
}

html[data-theme="light"] .vironeer-toast-content {
    color: var(--color-text, #0f172a);
}

html[data-theme="light"] .vironeer-toast-icon {
    background-color: var(--toast-accent);
    border-color: var(--toast-accent);
}

html[data-theme="light"] .vironeer-toast-close {
    filter: invert(1);
    opacity: 0.55;
}

html[data-theme="light"] .vironeer-toast-progress {
    background-color: var(--toast-accent);
}

/* Compatibility for the currently deployed landing and script bundles. */
html[data-theme="light"] .ldp-toast {
    --toast-accent: var(--color-primary, #7c3aed);
    position: fixed;
    top: 80px;
    right: 10px;
    z-index: 99999;
    width: min(300px, calc(100vw - 20px));
    padding: 24px;
    color: var(--color-text, #0f172a);
    background: var(--color-surface, #ffffff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-inline-start: 4px solid var(--toast-accent);
    border-radius: 10px;
    box-shadow: var(--shadow-lg, 0 18px 45px rgba(15, 23, 42, 0.10));
    opacity: 0;
    transform: translateX(110%);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

html[data-theme="light"] .ldp-toast.show {
    opacity: 1;
    transform: translateX(0);
}

html[data-theme="light"] .ldp-toast-success {
    --toast-accent: var(--color-success, #16a34a);
}

html[data-theme="light"] .ldp-toast-error {
    --toast-accent: var(--color-danger, #dc2626);
}

html[data-theme="light"] .ldp-toast-warning {
    --toast-accent: var(--color-warning, #d97706);
}

html[data-theme="light"] .ldp-toast-info {
    --toast-accent: #0284c7;
}

html[data-theme="light"] .copy-toast-container {
    top: 80px !important;
}

html[data-theme="light"] #copyToast {
    min-width: 250px;
    color: var(--color-text, #0f172a);
    background: var(--color-surface, #ffffff);
    border: 1px solid var(--color-border, #e2e8f0) !important;
    box-shadow: var(--shadow-lg, 0 18px 45px rgba(15, 23, 42, 0.10));
}

html[data-theme="light"] #copyToast .toast-body {
    display: flex;
    align-items: center;
    font-weight: 500;
}

html[data-theme="light"] #copyToast .fa-check-circle {
    color: var(--color-success, #16a34a);
}

/* Fallback for light pages before the HTML theme attribute is synchronized. */
html:not([data-theme="dark"]):not(.dark) body:not(.dark) .card-v:hover {
    border-color: var(--color-primary, #6d5dfc) !important;
    outline: none !important;
}

html:not([data-theme="dark"]):not(.dark) body:not(.dark) .card-v .card-v:hover,
html:not([data-theme="dark"]):not(.dark) body:not(.dark) .card-v :is(
    .quick-info-card,
    .feature-card,
    .stat-card,
    .setting-card,
    .metric-card
):hover {
    border-color: var(--color-border, #deddd8) !important;
}
