/* Dark mode — Account Bassanonet */

html.dark {
    color-scheme: dark;
    --text-muted: #a8b4cc;
    --text-meta: #8f9bb5;
    --grey-color: #a8b4cc;
    --yellow-color-2: rgba(235, 205, 70, 0.12);
    --form-input-border: rgba(255, 255, 255, 0.14);
    --form-input-bg: #161e36;
    --form-input-color: #eef2f8;
    --form-label-color: #a8b4cc;
    --form-focus-ring: 0 0 0 3px rgba(235, 205, 70, 0.18);
    --cm-page: #0f1528;
    --cm-surface: #161e36;
    --cm-surface-hover: #1f2a48;
    --cm-surface-active: #243052;
    --cm-ink: #eef2f8;
    --cm-line: rgba(255, 255, 255, 0.1);
}

html.dark body {
    background: var(--cm-page);
    color: var(--text-dark-color);
}

html.dark body #main {
    color: var(--cm-ink);
}

html.dark body #main label:not(.auth-remember label) {
    color: var(--form-label-color);
}

html.dark body #main :is(
    h1,
    h2,
    h3,
    h4,
    .console-hero h1,
    .panel-header h2,
    .profile-summary-body h2
) {
    color: var(--cm-ink);
}

html.dark body #main .console-hero p,
html.dark body #main .service-card p,
html.dark body .auth-card p,
html.dark body #main .activity-desc,
html.dark body #main .panel-empty {
    color: var(--text-muted);
}

html.dark body #main .service-card h3,
html.dark body #main .service-card-actions a,
html.dark body #main .sidemenu-console li a,
html.dark body #main .activity-title,
html.dark body #main .notification-body strong {
    color: var(--cm-ink);
}

html.dark body #main .service-card-actions a:hover,
html.dark body #main .activity-title:hover,
html.dark body #main .panel-link:hover {
    color: var(--yellow-color);
}

html.dark body #main .stat-value {
    color: var(--yellow-color);
}

html.dark body #main .service-card-icon {
    color: var(--yellow-color);
}

html.dark body #main .stat-card.has-alert {
    background: rgba(235, 205, 70, 0.12);
}

html.dark body #main .stat-card.has-alert:hover {
    background: rgba(235, 205, 70, 0.18);
}

html.dark body #main .stat-card.has-alert .stat-card-icon {
    color: var(--yellow-color);
}

html.dark body #main .service-card:hover {
    background: var(--cm-surface-hover);
}

html.dark body #main .service-card.is-disabled,
html.dark body #main .service-card.is-disabled:hover {
    background: color-mix(in srgb, var(--cm-surface) 80%, #000);
}

html.dark body #main .dashboard-empty {
    background: var(--cm-surface);
}

html.dark body #main .dashboard-empty p {
    color: var(--cm-ink);
}

html.dark body #main .panel-header {
    border-bottom-color: var(--cm-line);
}

html.dark body #main .activity-item {
    border-bottom-color: var(--cm-line);
}

html.dark body #main .activity-icon,
html.dark body #main .notification-icon {
    background: var(--cm-surface-hover);
    color: var(--cm-ink);
}

html.dark body #main .notification-item.is-unread {
    background: var(--cm-surface-hover);
}

html.dark body #main .form-section-card {
    border-bottom-color: var(--cm-line);
}

html.dark body #main .form-section-head {
    border-bottom-color: var(--cm-line);
}

html.dark body #main .form-section-icon {
    background: var(--cm-surface-hover);
    color: var(--cm-ink);
}

html.dark body #main .sidemenu-console li a {
    color: #d5dceb;
}

html.dark body #main .sidemenu-console li.selected {
    background: var(--cm-surface-hover);
    border-left-color: var(--yellow-color);
}

html.dark body #main .sidemenu-console li.selected a,
html.dark body #main .sidemenu-console li.selected a i {
    color: var(--yellow-color);
}

html.dark body #main .sidemenu-console .sidemenu-logout-form button {
    background: transparent !important;
    color: #d5dceb !important;
}

html.dark body .auth-card h1,
html.dark body .auth-card h2 {
    color: var(--cm-ink);
}

html.dark body .btn-passkey {
    background: var(--cm-surface);
    color: var(--cm-ink) !important;
    border-color: var(--cm-line);
}

html.dark body .btn-passkey:hover {
    background: var(--cm-surface-hover);
    color: var(--yellow-color) !important;
    border-color: var(--cm-line);
}

html.dark input,
html.dark select,
html.dark textarea,
html.dark button:not(.header-icon-btn):not(.theme-toggle):not(.account-avatar-trigger):not(.account-panel-close):not(.apps-trigger):not(.password-toggle):not(.sidemenu-logout-form button):not(.btn-primary):not(.btn-passkey):not(.btn-outline):not(.btn-sm):not(.btn-danger) {
    background: var(--form-input-bg);
    color: var(--form-input-color);
    border-color: var(--form-input-border);
}

html.dark body #main .btn-outline,
html.dark body #main input.btn-outline,
html.dark body #main button.btn-outline,
html.dark body #main a.btn-outline {
    border-color: rgba(255, 255, 255, 0.22);
    color: var(--cm-ink) !important;
}

html.dark body #main .btn-outline:hover,
html.dark body #main input.btn-outline:hover,
html.dark body #main button.btn-outline:hover,
html.dark body #main a.btn-outline:hover,
html.dark body #main .btn-sm.btn-outline:hover,
html.dark body #main a.btn-sm.btn-outline:hover {
    background: var(--cm-surface-hover) !important;
    color: var(--yellow-color) !important;
}

html.dark body #main .btn-sm.btn-outline,
html.dark body #main a.btn-sm.btn-outline {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.22);
    color: var(--cm-ink) !important;
}

/* Liste eventi / annunci / discussioni */
html.dark body #main .events-list-row {
    background: var(--cm-surface);
    border-color: var(--cm-line);
    box-shadow: none;
}

html.dark body #main .events-list-row:hover {
    background: var(--cm-surface-hover);
    border-color: var(--cm-line);
    box-shadow: none;
}

html.dark body #main .events-list-cover {
    background: var(--cm-surface-hover);
    border-color: var(--cm-line);
}

html.dark body #main .events-list-title,
html.dark body #main .events-list-title-link {
    color: var(--cm-ink);
}

html.dark body #main .events-list .list-tag {
    background: rgba(255, 255, 255, 0.08);
    color: #b8c9e8;
}

html.dark body #main .events-list-detail {
    color: var(--text-muted);
}

html.dark body #main .events-list-detail i {
    color: var(--text-muted);
}

html.dark body #main .status-approved,
html.dark body #main .status-published {
    background: rgba(52, 168, 83, 0.18);
    color: #7dcea0;
}

html.dark body #main .status-pending {
    background: rgba(235, 205, 70, 0.15);
    color: var(--yellow-color);
}

html.dark body #main .status-rejected {
    background: rgba(192, 57, 43, 0.18);
    color: #e88a80;
}

html.dark body #main .status-reviewed {
    background: rgba(100, 149, 237, 0.18);
    color: #9ec5ff;
}

html.dark body #main .events-list-actions .btn-danger {
    background: transparent !important;
    border-color: #e57373;
    color: #e57373 !important;
}

html.dark body #main .events-list-actions .btn-danger:hover {
    background: rgba(192, 57, 43, 0.15) !important;
    color: #ff8a80 !important;
}

html.dark body #main table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.03);
}

html.dark body #main table thead td,
html.dark body #main table tbody td {
    border-color: var(--cm-line);
    color: var(--cm-ink);
}

html.dark body .auth-layout label:not(.auth-remember label) {
    color: var(--form-label-color);
}

html.dark body .auth-card .auth-remember label {
    color: #d5dceb;
}

html.dark .theme-toggle[aria-pressed="true"] {
    background: rgba(235, 205, 70, 0.18);
    color: var(--yellow-color);
}