html[data-theme='dark'] body .termo-container,
body.theme-dark .termo-container {
    background: #181a1b !important;
    color: #eaeaea !important;
    border: 1px solid #333 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme='dark'] body .termo-container h1,
body.theme-dark .termo-container h1,
html[data-theme='dark'] body .termo-container h2,
body.theme-dark .termo-container h2 {
    color: #ffc107 !important;
}

html[data-theme='dark'] body .termo-container p,
body.theme-dark .termo-container p,
html[data-theme='dark'] body .termo-container li,
body.theme-dark .termo-container li {
    color: #eaeaea !important;
}

html[data-theme='dark'] body .modal-content,
body.theme-dark .modal-content {
    background: #181a1b !important;
    color: #eaeaea !important;
    border: 1px solid #333 !important;
}

html[data-theme='dark'] body .modal-body,
body.theme-dark .modal-body {
    color: #eaeaea !important;
}

html[data-theme='dark'] body .modal-header,
body.theme-dark .modal-header {
    border-bottom: 1px solid #333 !important;
}

html[data-theme='dark'] body .btn-close:not(.btn-close-white),
body.theme-dark .btn-close:not(.btn-close-white) {
    filter: invert(1) grayscale(100%) brightness(200%);
}

html[data-theme='dark'] body {
    background-color: #121212 !important;
    color: #e8e8e8 !important;
}

html[data-theme='dark'] body .table-dark,
body.theme-dark .table-dark {
    --bs-table-bg: #181a1b !important;
    --bs-table-border-color: #333 !important;
    --bs-table-color: #eaeaea !important;
}

html[data-theme='dark'] body .navbar,
body.theme-dark .navbar,
html[data-theme='dark'] body footer.fixed-bottom,
body.theme-dark footer.fixed-bottom,
html[data-theme='dark'] body .feed-footer,
body.theme-dark .feed-footer {
    background: rgba(18, 18, 18, 0.96) !important;
    color: #e8e8e8 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme='dark'] body .navbar .navbar-brand,
body.theme-dark .navbar .navbar-brand,
html[data-theme='dark'] body .navbar .nav-link,
body.theme-dark .navbar .nav-link,
html[data-theme='dark'] body .navbar .navbar-text,
body.theme-dark .navbar .navbar-text,
html[data-theme='dark'] body .navbar .navbar-toggler,
body.theme-dark .navbar .navbar-toggler,
html[data-theme='dark'] body #currentUserDisplay,
body.theme-dark #currentUserDisplay,
html[data-theme='dark'] body .quick-menu summary,
body.theme-dark .quick-menu summary,
html[data-theme='dark'] body .quick-menu-items a,
body.theme-dark .quick-menu-items a,
html[data-theme='dark'] body .quick-menu-items button,
body.theme-dark .quick-menu-items button,
html[data-theme='ajuste-layout'] body .navbar .navbar-brand,
body.theme-ajuste-layout .navbar .navbar-brand,
html[data-theme='ajuste-layout'] body .navbar .nav-link,
body.theme-ajuste-layout .navbar .nav-link,
html[data-theme='ajuste-layout'] body .navbar .navbar-text,
body.theme-ajuste-layout .navbar .navbar-text,
html[data-theme='ajuste-layout'] body .navbar .navbar-toggler,
body.theme-ajuste-layout .navbar .navbar-toggler,
html[data-theme='ajuste-layout'] body #currentUserDisplay,
body.theme-ajuste-layout #currentUserDisplay,
html[data-theme='ajuste-layout'] body .quick-menu summary,
body.theme-ajuste-layout .quick-menu summary,
html[data-theme='ajuste-layout'] body .quick-menu-items a,
body.theme-ajuste-layout .quick-menu-items a,
html[data-theme='ajuste-layout'] body .quick-menu-items button,
body.theme-ajuste-layout .quick-menu-items button {
    color: #e8e8e8 !important;
}

html[data-theme='dark'] body .navbar .navbar-toggler,
body.theme-dark .navbar .navbar-toggler,
html[data-theme='ajuste-layout'] body .navbar .navbar-toggler,
body.theme-ajuste-layout .navbar .navbar-toggler {
    border-color: #5a5a5a !important;
}

html[data-theme='dark'] body .navbar .btn-outline-light,
body.theme-dark .navbar .btn-outline-light,
html[data-theme='ajuste-layout'] body .navbar .btn-outline-light,
body.theme-ajuste-layout .navbar .btn-outline-light {
    color: #f8f9fa !important;
    border-color: #f8f9fa !important;
    background: transparent !important;
}

html[data-theme='dark'] body .navbar .btn-outline-light:hover,
body.theme-dark .navbar .btn-outline-light:hover,
html[data-theme='dark'] body .navbar .btn-outline-light:focus,
body.theme-dark .navbar .btn-outline-light:focus,
html[data-theme='ajuste-layout'] body .navbar .btn-outline-light:hover,
body.theme-ajuste-layout .navbar .btn-outline-light:hover,
html[data-theme='ajuste-layout'] body .navbar .btn-outline-light:focus,
body.theme-ajuste-layout .navbar .btn-outline-light:focus {
    color: #111 !important;
    border-color: #f8f9fa !important;
    background: #f8f9fa !important;
}

html[data-theme='dark'] body .navbar .btn-outline-warning,
body.theme-dark .navbar .btn-outline-warning,
html[data-theme='ajuste-layout'] body .navbar .btn-outline-warning,
body.theme-ajuste-layout .navbar .btn-outline-warning {
    color: #ffc107 !important;
    border-color: #ffc107 !important;
    background: transparent !important;
}

html[data-theme='dark'] body .navbar .btn-outline-warning:hover,
body.theme-dark .navbar .btn-outline-warning:hover,
html[data-theme='dark'] body .navbar .btn-outline-warning:focus,
body.theme-dark .navbar .btn-outline-warning:focus,
html[data-theme='ajuste-layout'] body .navbar .btn-outline-warning:hover,
body.theme-ajuste-layout .navbar .btn-outline-warning:hover,
html[data-theme='ajuste-layout'] body .navbar .btn-outline-warning:focus,
body.theme-ajuste-layout .navbar .btn-outline-warning:focus {
    color: #111 !important;
    border-color: #ffc107 !important;
    background: #ffc107 !important;
}

html[data-theme='dark'] body .navbar .btn-outline-info,
body.theme-dark .navbar .btn-outline-info,
html[data-theme='ajuste-layout'] body .navbar .btn-outline-info,
body.theme-ajuste-layout .navbar .btn-outline-info {
    color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
    background: transparent !important;
}

html[data-theme='dark'] body .navbar .btn-outline-info:hover,
body.theme-dark .navbar .btn-outline-info:hover,
html[data-theme='dark'] body .navbar .btn-outline-info:focus,
body.theme-dark .navbar .btn-outline-info:focus,
html[data-theme='ajuste-layout'] body .navbar .btn-outline-info:hover,
body.theme-ajuste-layout .navbar .btn-outline-info:hover,
html[data-theme='ajuste-layout'] body .navbar .btn-outline-info:focus,
body.theme-ajuste-layout .navbar .btn-outline-info:focus {
    color: #111 !important;
    border-color: #0dcaf0 !important;
    background: #0dcaf0 !important;
}

html[data-theme='dark'] body .quick-menu-items,
body.theme-dark .quick-menu-items {
    background: rgba(30, 30, 30, 0.95) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme='ajuste-layout'] body .quick-menu-items,
body.theme-ajuste-layout .quick-menu-items {
    background: rgba(18, 25, 45, 0.95) !important;
    border-color: rgba(109, 140, 215, 0.25) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(12px) !important;
}

html[data-theme='dark'] body .quick-menu-items a:hover,
body.theme-dark .quick-menu-items a:hover,
html[data-theme='dark'] body .quick-menu-items button:hover,
body.theme-dark .quick-menu-items button:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme='ajuste-layout'] body .quick-menu-items a:hover,
body.theme-ajuste-layout .quick-menu-items a:hover,
html[data-theme='ajuste-layout'] body .quick-menu-items button:hover,
body.theme-ajuste-layout .quick-menu-items button:hover {
    background: rgba(124, 156, 255, 0.14) !important;
}

html[data-theme='dark'] body footer.fixed-bottom,
body.theme-dark footer.fixed-bottom,
html[data-theme='dark'] body footer.fixed-bottom .small,
body.theme-dark footer.fixed-bottom .small,
html[data-theme='dark'] body footer.fixed-bottom p,
body.theme-dark footer.fixed-bottom p,
html[data-theme='dark'] body footer.fixed-bottom strong,
body.theme-dark footer.fixed-bottom strong,
html[data-theme='dark'] body footer.fixed-bottom .text-light,
body.theme-dark footer.fixed-bottom .text-light,
html[data-theme='dark'] body .feed-footer,
body.theme-dark .feed-footer,
html[data-theme='dark'] body .feed-footer .feed-footer-info,
body.theme-dark .feed-footer .feed-footer-info,
html[data-theme='ajuste-layout'] body footer.fixed-bottom,
body.theme-ajuste-layout footer.fixed-bottom,
html[data-theme='ajuste-layout'] body footer.fixed-bottom .small,
body.theme-ajuste-layout footer.fixed-bottom .small,
html[data-theme='ajuste-layout'] body footer.fixed-bottom p,
body.theme-ajuste-layout footer.fixed-bottom p,
html[data-theme='ajuste-layout'] body footer.fixed-bottom strong,
body.theme-ajuste-layout footer.fixed-bottom strong,
html[data-theme='ajuste-layout'] body footer.fixed-bottom .text-light,
body.theme-ajuste-layout footer.fixed-bottom .text-light,
html[data-theme='ajuste-layout'] body .feed-footer,
body.theme-ajuste-layout .feed-footer,
html[data-theme='ajuste-layout'] body .feed-footer .feed-footer-info,
body.theme-ajuste-layout .feed-footer .feed-footer-info {
    color: #e8e8e8 !important;
}

html[data-theme='dark'] body footer.fixed-bottom a,
body.theme-dark footer.fixed-bottom a,
html[data-theme='dark'] body footer.fixed-bottom .text-warning,
body.theme-dark footer.fixed-bottom .text-warning,
html[data-theme='dark'] body .feed-footer a,
body.theme-dark .feed-footer a,
html[data-theme='ajuste-layout'] body footer.fixed-bottom a,
body.theme-ajuste-layout footer.fixed-bottom a,
html[data-theme='ajuste-layout'] body footer.fixed-bottom .text-warning,
body.theme-ajuste-layout footer.fixed-bottom .text-warning,
html[data-theme='ajuste-layout'] body .feed-footer a,
body.theme-ajuste-layout .feed-footer a {
    color: #ffc107 !important;
}

html[data-theme='dark'] body footer.fixed-bottom a:hover,
body.theme-dark footer.fixed-bottom a:hover,
html[data-theme='dark'] body footer.fixed-bottom .text-warning:hover,
body.theme-dark footer.fixed-bottom .text-warning:hover,
html[data-theme='dark'] body .feed-footer a:hover,
body.theme-dark .feed-footer a:hover,
html[data-theme='ajuste-layout'] body footer.fixed-bottom a:hover,
body.theme-ajuste-layout footer.fixed-bottom a:hover,
html[data-theme='ajuste-layout'] body footer.fixed-bottom .text-warning:hover,
body.theme-ajuste-layout footer.fixed-bottom .text-warning:hover,
html[data-theme='ajuste-layout'] body .feed-footer a:hover,
body.theme-ajuste-layout .feed-footer a:hover {
    color: #ffcd39 !important;
}

html[data-theme='dark'] body .nav-mobile-btn.active,
body.theme-dark .nav-mobile-btn.active,
html[data-theme='ajuste-layout'] body .nav-mobile-btn.active,
body.theme-ajuste-layout .nav-mobile-btn.active {
    border-bottom-color: #ffc107 !important;
    background: rgba(255, 193, 7, 0.1) !important;
}

html[data-theme='ajuste-layout'] body,
body.theme-ajuste-layout {
    background: linear-gradient(135deg, #111827 0%, #172033 45%, #1f2a44 100%) !important;
    color: #eef4ff !important;
}

html[data-theme='ajuste-layout'] body .modal-content,
body.theme-ajuste-layout .modal-content,
html[data-theme='ajuste-layout'] body .messages-container,
body.theme-ajuste-layout .messages-container,
html[data-theme='ajuste-layout'] body .pix-container,
body.theme-ajuste-layout .pix-container,
html[data-theme='ajuste-layout'] body .termo-container,
body.theme-ajuste-layout .termo-container,
html[data-theme='ajuste-layout'] body .change-password-container .card,
body.theme-ajuste-layout .change-password-container .card,
html[data-theme='ajuste-layout'] body .avatar-modal-content,
body.theme-ajuste-layout .avatar-modal-content,
html[data-theme='ajuste-layout'] body .likes-modal-content,
body.theme-ajuste-layout .likes-modal-content,
html[data-theme='ajuste-layout'] body .chat-modal,
body.theme-ajuste-layout .chat-modal,
html[data-theme='ajuste-layout'] body .table-dark,
body.theme-ajuste-layout .table-dark {
    background: rgba(20, 29, 48, 0.95) !important;
    color: #eef4ff !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
    box-shadow: 0 12px 36px rgba(4, 10, 22, 0.35) !important;
    backdrop-filter: blur(12px);
    z-index: 10001 !important;
}

/* Metrics Page Styles */
.metrics-container {
    width: 100%;
    margin: 1.5rem auto;
}

@media (min-width: 1200px) {
    .metrics-container {
        max-width: 90% !important;
        width: 90% !important;
    }
}

.metrics-container h2 {
    color: var(--text-main, #fff);
}

.metrics-container h2 i {
    color: var(--accent-primary, #FFD700);
}

.nav-tabs {
    border-bottom: 2px solid var(--border-color, #333);
}

.nav-link {
    color: var(--text-muted, #aaa);
    border: none !important;
    font-weight: 600;
    text-align: center;
}

.nav-link:hover {
    color: var(--text-main, #fff);
}

.nav-link.active {
    background-color: transparent !important;
    color: var(--accent-primary, #FFD700) !important;
    border-bottom: 2px solid var(--accent-primary, #FFD700) !important;
}

.nav-link .badge {
    font-size: 0.75rem;
    padding: 0.35em 0.6em;
    border-radius: 4px;
    vertical-align: middle;
    background-color: var(--accent-primary, #FFD700) !important;
    color: #000 !important;
}

.nav-link.active .badge {
    background-color: var(--text-main, #fff) !important;
    color: #000 !important;
}

.tab-content {
    padding: 2rem 0;
}

.user-list-item {
    background: var(--card-bg, #1e1e1e);
    border: 1px solid var(--border-color, #333);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.user-list-item:hover {
    background: var(--card-header-bg, #252525);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
    border-color: var(--accent-primary, #FFD700);
}

.metrics-user-link {
    color: var(--text-main, #fff) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 1.15rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s;
}

.metrics-user-link:hover {
    color: var(--accent-primary, #FFD700) !important;
}

.user-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--border-color, #444);
    background-color: var(--input-bg, #2a2a2a);
    flex-shrink: 0;
}

.user-info small {
    display: inline-block;
    margin-top: 4px;
    font-size: 0.9rem;
    color: var(--text-muted, #aaa) !important;
}

.badge-ouro, .badge-publicidade {
    background: linear-gradient(180deg, #fff3c4 0%, #ffdf5d 50%, #f7c51d 100%);
    color: #4a3a00 !important;
    font-weight: 800;
    font-size: 0.85rem;
    padding: 6px 16px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    border: 1px solid #ffe066;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.age-sup {
    font-size: 0.9rem;
    font-weight: 600;
    margin-left: 2px;
}

/* Ajustes para Tema Azul (Ajuste-Layout) */
html[data-theme='ajuste-layout'] .user-list-item {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(109, 140, 215, 0.25) !important;
    backdrop-filter: blur(10px);
}

html[data-theme='ajuste-layout'] .user-list-item:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: #fff !important;
}

html[data-theme='ajuste-layout'] .badge-ouro,
html[data-theme='ajuste-layout'] .badge-publicidade {
    background: linear-gradient(180deg, #fff3c4 0%, #ffdf5d 50%, #f7c51d 100%) !important;
    color: #4a3a00 !important;
    border: 1px solid #ffe066 !important;
}

html[data-theme='ajuste-layout'] .metrics-user-link:hover {
    color: #fff !important;
}

html[data-theme='ajuste-layout'] .metrics-user-link {
    color: #fff !important;
}

html[data-theme='ajuste-layout'] .user-avatar {
    border-color: rgba(109, 140, 215, 0.8);
    box-shadow: 0 0 10px rgba(109, 140, 215, 0.3);
}

.empty-state {
    text-align: center;
    padding: 4rem 2rem;
    color: var(--text-muted, #777);
    background: var(--card-bg, #1e1e1e);
    border-radius: 12px;
    border: 1px dashed var(--border-color, #444);
}

html[data-theme='ajuste-layout'] .empty-state {
    background: rgba(30, 41, 67, 0.8) !important;
    border-color: rgba(109, 140, 215, 0.3) !important;
    color: #a5b4fc;
}

.gold-only-overlay {
    background: rgba(0,0,0,0.85);
    border: 1px solid var(--accent-primary, #FFD700);
    border-radius: 16px;
    padding: 4rem 2rem;
    text-align: center;
    margin-top: 2rem;
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.1);
}

.gold-exclusive-title {
    color: var(--accent-primary, #FFD700);
}

html[data-theme='ajuste-layout'] .gold-exclusive-title {
    color: #fff;
}

html[data-theme='ajuste-layout'] .gold-only-overlay {
    background: rgba(15, 23, 42, 0.95) !important;
    border-color: rgba(109, 140, 215, 0.5);
    box-shadow: 0 0 30px rgba(109, 140, 215, 0.2);
}

html[data-theme='ajuste-layout'] .nav-link.active {
    color: #fff !important;
    border-bottom-color: #fff !important;
}

html[data-theme='ajuste-layout'] .nav-link .badge {
    background-color: rgba(109, 140, 215, 0.8) !important;
    color: #fff !important;
}

html[data-theme='ajuste-layout'] .nav-link.active .badge {
    background-color: #fff !important;
    color: #101827 !important;
}

html[data-theme='ajuste-layout'] .metrics-container h2 i {
    color: #a5b4fc;
}

html[data-theme='ajuste-layout'] .nav-tabs {
    border-bottom-color: rgba(109, 140, 215, 0.35);
}

html[data-theme='ajuste-layout'] .metrics-container h2 {
    color: #eef4ff;
}

html[data-theme='ajuste-layout'] .nav-link {
    color: #a5b4fc;
}

html[data-theme='ajuste-layout'] .nav-link:hover {
    color: #fff;
}

html[data-theme='ajuste-layout'] .gold-only-overlay {
    background: rgba(15, 23, 42, 0.9) !important;
    border-color: #FFD700;
}

@media (max-width: 576px) {
    .metrics-container {
        margin-top: 0.5rem;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    .user-list-item {
        padding: 0.75rem;
    }
    .user-avatar {
        width: 50px;
        height: 50px;
    }
    .user-info a {
        font-size: 1rem;
    }
}

html[data-theme='ajuste-layout'] body .table-dark,
body.theme-ajuste-layout .table-dark {
    --bs-table-bg: rgba(20, 29, 48, 0.95) !important;
    --bs-table-border-color: rgba(109, 140, 215, 0.35) !important;
    --bs-table-color: #eef4ff !important;
}

html[data-theme='ajuste-layout'] body .table-ticket-history,
body.theme-ajuste-layout .table-ticket-history {
    background: rgba(10, 15, 26, 0.94) !important;
    border-top: 1px solid rgba(109, 140, 215, 0.35) !important;
}

html[data-theme='ajuste-layout'] body .message-bubble,
body.theme-ajuste-layout .message-bubble {
    border-radius: 12px !important;
}

html[data-theme='ajuste-layout'] body .message-time,
body.theme-ajuste-layout .message-time {
    color: #b7c4df !important;
    opacity: 0.8 !important;
}

html[data-theme='ajuste-layout'] body .card-header,
body.theme-ajuste-layout .card-header,
html[data-theme='ajuste-layout'] body .modal-header,
body.theme-ajuste-layout .modal-header,
html[data-theme='ajuste-layout'] body .messages-header,
body.theme-ajuste-layout .messages-header,
html[data-theme='ajuste-layout'] body .chat-header,
body.theme-ajuste-layout .chat-header,
html[data-theme='ajuste-layout'] body .chat-input-area,
body.theme-ajuste-layout .chat-input-area,
html[data-theme='ajuste-layout'] body .avatar-modal-header,
body.theme-ajuste-layout .avatar-modal-header,
html[data-theme='ajuste-layout'] body .likes-modal-header,
body.theme-ajuste-layout .likes-modal-header,
html[data-theme='ajuste-layout'] body .bg-dark,
body.theme-ajuste-layout .bg-dark,
html[data-theme='ajuste-layout'] body .bg-secondary,
body.theme-ajuste-layout .bg-secondary {
    background: rgba(10, 15, 26, 0.94) !important;
    color: #eef4ff !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
}

html[data-theme='ajuste-layout'] body .chat-messages,
body.theme-ajuste-layout .chat-messages {
    background: rgba(13, 20, 34, 0.96) !important;
}

html[data-theme='ajuste-layout'] body .message-received,
body.theme-ajuste-layout .message-received {
    background: rgba(109, 140, 215, 0.15) !important;
    color: #eef4ff !important;
    border: 1px solid rgba(109, 140, 215, 0.2) !important;
}

html[data-theme='ajuste-layout'] body .message-sent,
body.theme-ajuste-layout .message-sent {
    background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(67, 97, 238, 0.25) !important;
}

html[data-theme='ajuste-layout'] body .chat-input,
body.theme-ajuste-layout .chat-input {
    background: rgba(10, 15, 26, 0.6) !important;
    color: #eef4ff !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
}

html[data-theme='ajuste-layout'] body .chat-input:focus,
body.theme-ajuste-layout .chat-input:focus {
    border-color: #9ab6ff !important;
    box-shadow: 0 0 0 0.2rem rgba(124, 156, 255, 0.2) !important;
}

html[data-theme='ajuste-layout'] body .btn-send-chat,
body.theme-ajuste-layout .btn-send-chat {
    background: #4361ee !important;
    color: #ffffff !important;
}

html[data-theme='ajuste-layout'] body .btn-send-chat:hover,
body.theme-ajuste-layout .btn-send-chat:hover {
    background: #4895ef !important;
    transform: scale(1.05) !important;
}

html[data-theme='ajuste-layout'] body .chat-status,
body.theme-ajuste-layout .chat-status {
    background: rgba(10, 15, 26, 0.4) !important;
    color: #b7c4df !important;
}

html[data-theme='ajuste-layout'] body .btn-close-chat,
body.theme-ajuste-layout .btn-close-chat {
    color: #b7c4df !important;
}

html[data-theme='ajuste-layout'] body .btn-close-chat:hover,
body.theme-ajuste-layout .btn-close-chat:hover {
    color: #eef4ff !important;
}

html[data-theme='ajuste-layout'] body .form-control,
body.theme-ajuste-layout .form-control,
html[data-theme='ajuste-layout'] body .form-select,
body.theme-ajuste-layout .form-select,
html[data-theme='ajuste-layout'] body textarea,
body.theme-ajuste-layout textarea,
html[data-theme='ajuste-layout'] body .input-group .btn-outline-secondary,
body.theme-ajuste-layout .input-group .btn-outline-secondary {
    background: rgba(16, 24, 39, 0.92) !important;
    color: #eef4ff !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
}

html[data-theme='ajuste-layout'] body .form-control::placeholder,
body.theme-ajuste-layout .form-control::placeholder,
html[data-theme='ajuste-layout'] body textarea::placeholder,
body.theme-ajuste-layout textarea::placeholder,
html[data-theme='ajuste-layout'] body .text-muted,
body.theme-ajuste-layout .text-muted,
html[data-theme='ajuste-layout'] body small,
body.theme-ajuste-layout small,
html[data-theme='ajuste-layout'] body p,
body.theme-ajuste-layout p,
html[data-theme='ajuste-layout'] body li,
body.theme-ajuste-layout li,
html[data-theme='ajuste-layout'] body label,
body.theme-ajuste-layout label,
html[data-theme='ajuste-layout'] body .form-text,
body.theme-ajuste-layout .form-text {
    color: #b7c4df !important;
}

html[data-theme='ajuste-layout'] body h1,
body.theme-ajuste-layout h1,
html[data-theme='ajuste-layout'] body h2,
body.theme-ajuste-layout h2,
html[data-theme='ajuste-layout'] body h3,
body.theme-ajuste-layout h3,
html[data-theme='ajuste-layout'] body h4,
body.theme-ajuste-layout h4,
html[data-theme='ajuste-layout'] body h5,
body.theme-ajuste-layout h5,
html[data-theme='ajuste-layout'] body h6,
body.theme-ajuste-layout h6,
html[data-theme='ajuste-layout'] body strong,
body.theme-ajuste-layout strong,
html[data-theme='ajuste-layout'] body .card-title,
body.theme-ajuste-layout .card-title,
html[data-theme='ajuste-layout'] body .chat-name,
body.theme-ajuste-layout .chat-name {
    color: #eef4ff !important;
}

html[data-theme='ajuste-layout'] body a,
body.theme-ajuste-layout a {
    color: #9ab6ff;
}

html[data-theme='ajuste-layout'] body a:hover,
body.theme-ajuste-layout a:hover {
    color: #bfd0ff;
}

html[data-theme='ajuste-layout'] body .btn-primary,
body.theme-ajuste-layout .btn-primary,
html[data-theme='ajuste-layout'] body .btn-outline-primary,
body.theme-ajuste-layout .btn-outline-primary,
html[data-theme='ajuste-layout'] body .btn-outline-primary:hover,
body.theme-ajuste-layout .btn-outline-primary:hover,
html[data-theme='ajuste-layout'] body .btn-warning,
body.theme-ajuste-layout .btn-warning,
html[data-theme='ajuste-layout'] body .btn-outline-warning:hover,
body.theme-ajuste-layout .btn-outline-warning:hover {
    box-shadow: 0 8px 20px rgba(124, 156, 255, 0.2);
}

html[data-theme='ajuste-layout'] body .email-pill,
body.theme-ajuste-layout .email-pill,
html[data-theme='ajuste-layout'] body .plan-option,
body.theme-ajuste-layout .plan-option,
html[data-theme='ajuste-layout'] body .chat-item:hover,
body.theme-ajuste-layout .chat-item:hover,
html[data-theme='ajuste-layout'] body #notificationsList .notification-item:hover,
body.theme-ajuste-layout #notificationsList .notification-item:hover {
    background: rgba(124, 156, 255, 0.12) !important;
    border-color: rgba(124, 156, 255, 0.35) !important;
}

html[data-theme='ajuste-layout'] body #notificationsList,
body.theme-ajuste-layout #notificationsList {
    background: rgba(20, 29, 48, 0.92) !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
}

html[data-theme='ajuste-layout'] body #notificationsList .notification-item,
body.theme-ajuste-layout #notificationsList .notification-item {
    background: transparent !important;
    color: #eef4ff !important;
    border-color: rgba(109, 140, 215, 0.25) !important;
}

html[data-theme='ajuste-layout'] body #notificationsList .notification-item.unread,
body.theme-ajuste-layout #notificationsList .notification-item.unread {
    background: rgba(124, 156, 255, 0.08) !important;
    border-left: 4px solid #9ab6ff !important;
}

html[data-theme='ajuste-layout'] body #notificationsList .notification-item .notification-time,
body.theme-ajuste-layout #notificationsList .notification-item .notification-time {
    color: #b7c4df !important;
}

html[data-theme='ajuste-layout'] body #notificationsList .notification-item .notification-text,
body.theme-ajuste-layout #notificationsList .notification-item .notification-text {
    color: #eef4ff !important;
}

html[data-theme='ajuste-layout'] body #notificationsList .notification-item .notification-username,
body.theme-ajuste-layout #notificationsList .notification-item .notification-username {
    color: #9ab6ff !important;
    font-weight: 600;
}

html[data-theme='ajuste-layout'] body #notificationsList .notification-item .notification-username:hover,
body.theme-ajuste-layout #notificationsList .notification-item .notification-username:hover {
    color: #bfd0ff !important;
    text-decoration: underline;
}

/* Ajuste de userPostsList para tema azul */
html[data-theme='ajuste-layout'] body .user-post-card,
body.theme-ajuste-layout .user-post-card,
html[data-theme='ajuste-layout'] body .post-card,
body.theme-ajuste-layout .post-card {
    background: rgba(20, 29, 48, 0.92) !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
    box-shadow: 0 8px 24px rgba(4, 10, 22, 0.3) !important;
}

html[data-theme='ajuste-layout'] body .user-post-card:hover,
body.theme-ajuste-layout .user-post-card:hover,
html[data-theme='ajuste-layout'] body .post-card:hover,
body.theme-ajuste-layout .post-card:hover {
    box-shadow: 0 12px 36px rgba(4, 10, 22, 0.45) !important;
}

html[data-theme='ajuste-layout'] body .user-post-header,
body.theme-ajuste-layout .user-post-header,
html[data-theme='ajuste-layout'] body .post-header,
body.theme-ajuste-layout .post-header,
html[data-theme='ajuste-layout'] body .user-post-actions,
body.theme-ajuste-layout .user-post-actions,
html[data-theme='ajuste-layout'] body .post-actions,
body.theme-ajuste-layout .post-actions,
html[data-theme='ajuste-layout'] body .user-post-comments,
body.theme-ajuste-layout .user-post-comments,
html[data-theme='ajuste-layout'] body .post-comments,
body.theme-ajuste-layout .post-comments {
    background: rgba(10, 15, 26, 0.94) !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
}

html[data-theme='ajuste-layout'] body .user-post-author,
body.theme-ajuste-layout .user-post-author,
html[data-theme='ajuste-layout'] body .post-author,
body.theme-ajuste-layout .post-author,
html[data-theme='ajuste-layout'] body .user-post-content,
body.theme-ajuste-layout .user-post-content,
html[data-theme='ajuste-layout'] body .post-content,
body.theme-ajuste-layout .post-content {
    color: #eef4ff !important;
}

html[data-theme='ajuste-layout'] body .user-post-date,
body.theme-ajuste-layout .user-post-date,
html[data-theme='ajuste-layout'] body .post-date,
body.theme-ajuste-layout .post-date {
    color: #b7c4df !important;
}

html[data-theme='ajuste-layout'] body .user-post-btn-like,
body.theme-ajuste-layout .user-post-btn-like,
html[data-theme='ajuste-layout'] body .btn-like,
body.theme-ajuste-layout .btn-like,
html[data-theme='ajuste-layout'] body .btn-comments-toggle,
body.theme-ajuste-layout .btn-comments-toggle {
    color: #b7c4df !important;
}

html[data-theme='ajuste-layout'] body .user-post-btn-like:hover,
body.theme-ajuste-layout .user-post-btn-like:hover,
html[data-theme='ajuste-layout'] body .btn-like:hover,
body.theme-ajuste-layout .btn-like:hover,
html[data-theme='ajuste-layout'] body .btn-comments-toggle:hover,
body.theme-ajuste-layout .btn-comments-toggle:hover {
    background: rgba(124, 156, 255, 0.14) !important;
    color: #eef4ff !important;
}

html[data-theme='ajuste-layout'] body .user-post-btn-like.liked,
body.theme-ajuste-layout .user-post-btn-like.liked,
html[data-theme='ajuste-layout'] body .btn-like.liked,
body.theme-ajuste-layout .btn-like.liked {
    color: #ff6b6b !important;
    background: rgba(255, 107, 107, 0.1) !important;
}

html[data-theme='ajuste-layout'] body .user-post-comment-item,
body.theme-ajuste-layout .user-post-comment-item {
    border-color: rgba(109, 140, 215, 0.15) !important;
}

html[data-theme='ajuste-layout'] body .user-post-comment-author,
body.theme-ajuste-layout .user-post-comment-author {
    color: #9ab6ff !important;
}

html[data-theme='ajuste-layout'] body .user-post-comment-content,
body.theme-ajuste-layout .user-post-comment-content {
    color: #eef4ff !important;
}

html[data-theme='ajuste-layout'] body .user-post-comment-date,
body.theme-ajuste-layout .user-post-comment-date {
    color: #b7c4df !important;
}

html[data-theme='ajuste-layout'] body .user-post-comment-input,
body.theme-ajuste-layout .user-post-comment-input {
    background: rgba(16, 24, 39, 0.92) !important;
    color: #eef4ff !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
}

html[data-theme='ajuste-layout'] body .user-post-comment-input:focus,
body.theme-ajuste-layout .user-post-comment-input:focus {
    border-color: #9ab6ff !important;
    box-shadow: 0 0 0 0.2rem rgba(124, 156, 255, 0.25) !important;
}

html[data-theme='ajuste-layout'] body .likes-list,
body.theme-ajuste-layout .likes-list,
html[data-theme='ajuste-layout'] body .likes-list-container,
body.theme-ajuste-layout .likes-list-container {
    background: rgba(10, 15, 26, 0.94) !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
}

/* Ajustes específicos para a seção de edição no tema azul */
html[data-theme='ajuste-layout'] body .interests-chips-container,
body.theme-ajuste-layout .interests-chips-container {
    background: rgba(16, 24, 39, 0.92) !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
}

html[data-theme='ajuste-layout'] body .interest-chip span,
body.theme-ajuste-layout .interest-chip span {
    background: rgba(30, 41, 59, 0.8) !important;
    color: #b7c4df !important;
    border-color: rgba(109, 140, 215, 0.3) !important;
}

html[data-theme='ajuste-layout'] body .interest-chip:hover span,
body.theme-ajuste-layout .interest-chip:hover span {
    border-color: #4361ee !important;
    background: rgba(67, 97, 238, 0.15) !important;
    color: #eef4ff !important;
}

html[data-theme='ajuste-layout'] body .interest-chip input[type="checkbox"]:checked + span,
body.theme-ajuste-layout .interest-chip input[type="checkbox"]:checked + span {
    background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%) !important;
    color: #ffffff !important;
    border-color: #4361ee !important;
    box-shadow: 0 0 12px rgba(67, 97, 238, 0.4) !important;
}

html[data-theme='ajuste-layout'] body #editSection .card,
body.theme-ajuste-layout #editSection .card {
    background: rgba(20, 29, 48, 0.95) !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
    backdrop-filter: blur(12px);
}

html[data-theme='ajuste-layout'] body #editSection .card-header,
body.theme-ajuste-layout #editSection .card-header {
    background: rgba(10, 15, 26, 0.94) !important;
    border-bottom: 1px solid rgba(109, 140, 215, 0.35) !important;
}

/* Ajustes para botões e outros elementos em editSection */
html[data-theme='ajuste-layout'] body #editSection .btn-success,
body.theme-ajuste-layout #editSection .btn-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border-color: #10b981 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25) !important;
}

html[data-theme='ajuste-layout'] body #editSection .btn-secondary,
body.theme-ajuste-layout #editSection .btn-secondary {
    background: rgba(109, 140, 215, 0.15) !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
    color: #eef4ff !important;
}

html[data-theme='ajuste-layout'] body #editSection .btn-outline-danger,
body.theme-ajuste-layout #editSection .btn-outline-danger {
    border-color: rgba(255, 107, 107, 0.5) !important;
    color: #ff6b6b !important;
}

html[data-theme='ajuste-layout'] body #editSection .btn-outline-danger:hover,
body.theme-ajuste-layout #editSection .btn-outline-danger:hover {
    background: rgba(255, 107, 107, 0.15) !important;
    border-color: #ff6b6b !important;
}

/* Ajustes para badges de estado en el perfil (Tema Azul) */
html[data-theme='ajuste-layout'] body #profileOnlineStatus.bg-success,
body.theme-ajuste-layout #profileOnlineStatus.bg-success,
html[data-theme='ajuste-layout'] body #profileOnlineStatus.bg-secondary,
body.theme-ajuste-layout #profileOnlineStatus.bg-secondary {
    background: rgba(109, 140, 215, 0.15) !important;
    color: #b7c4df !important;
    border: 1px solid rgba(109, 140, 215, 0.3) !important;
}

/* Otros badges en el perfil para consistencia */
html[data-theme='ajuste-layout'] body #profileAge.bg-primary,
body.theme-ajuste-layout #profileAge.bg-primary,
html[data-theme='ajuste-layout'] body #profileMemberSince.bg-secondary,
body.theme-ajuste-layout #profileMemberSince.bg-secondary,
html[data-theme='ajuste-layout'] body #profileGender.bg-info,
body.theme-ajuste-layout #profileGender.bg-info,
html[data-theme='ajuste-layout'] body #profileCity.bg-dark,
body.theme-ajuste-layout #profileCity.bg-dark,
html[data-theme='ajuste-layout'] body #profileDistance.bg-secondary,
body.theme-ajuste-layout #profileDistance.bg-secondary,
html[data-theme='ajuste-layout'] body #photoCount.bg-secondary,
body.theme-ajuste-layout #photoCount.bg-secondary {
    background: rgba(109, 140, 215, 0.15) !important;
    color: #eef4ff !important;
    border: 1px solid rgba(109, 140, 215, 0.3) !important;
}

/* Estilos para telas de Login e Cadastro no Tema Azul */
html[data-theme='ajuste-layout'] body,
body.theme-ajuste-layout {
    background: linear-gradient(135deg, #111827 0%, #172033 45%, #1f2a44 100%) !important;
}

body.theme-ajuste-layout .container .card,
body.theme-ajuste-layout .card {
    background: rgba(20, 29, 48, 0.95) !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 36px rgba(4, 10, 22, 0.45) !important;
}

body.theme-ajuste-layout .card-header {
    background: rgba(10, 15, 26, 0.94) !important;
    border-bottom: 1px solid rgba(109, 140, 215, 0.35) !important;
}

body.theme-ajuste-layout .form-control,
body.theme-ajuste-layout .form-select,
body.theme-ajuste-layout textarea {
    background: rgba(16, 24, 39, 0.92) !important;
    color: #eef4ff !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
}

body.theme-ajuste-layout .form-control:focus,
body.theme-ajuste-layout .form-select:focus,
body.theme-ajuste-layout textarea:focus {
    background: rgba(20, 30, 50, 0.95) !important;
    border-color: #9ab6ff !important;
    box-shadow: 0 0 0 0.2rem rgba(124, 156, 255, 0.25) !important;
    color: #ffffff !important;
}

body.theme-ajuste-layout .btn-primary,
body.theme-ajuste-layout .btn-outline-primary {
    background: #4361ee !important;
    border-color: #4361ee !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(67, 97, 238, 0.2) !important;
}

body.theme-ajuste-layout .btn-primary:hover,
body.theme-ajuste-layout .btn-outline-primary:hover {
    background: #4895ef !important;
    border-color: #4895ef !important;
    transform: translateY(-1px);
}

body.theme-ajuste-layout .email-pill,
body.theme-ajuste-layout .interest-chip span {
    background: rgba(124, 156, 255, 0.12) !important;
    border-color: rgba(124, 156, 255, 0.35) !important;
    color: #eef4ff !important;
}

body.theme-ajuste-layout .email-pill:hover,
body.theme-ajuste-layout .interest-chip:hover span {
    background: rgba(124, 156, 255, 0.2) !important;
    border-color: #4361ee !important;
    color: #ffffff !important;
}

body.theme-ajuste-layout .admin-hint,
body.theme-ajuste-layout #quickEmails {
    background-color: rgba(20, 29, 48, 0.6) !important;
    border-color: rgba(109, 140, 215, 0.2) !important;
}

body.theme-ajuste-layout .register-avatar-card {
    background: rgba(16, 24, 39, 0.6) !important;
    border-color: rgba(109, 140, 215, 0.25) !important;
}

/* ===== Theme Toggle (Modern & Tactile Style) ===== */
.theme-switch-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.theme-switch {
    position: relative;
    display: inline-block;
    width: 72px;
    height: 36px;
}

.theme-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.theme-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(145deg, #1e1e1e, #141414);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.4);
}

.theme-slider:before {
    position: absolute;
    content: "";
    height: 28px;
    width: 28px;
    left: 4px;
    bottom: 3px;
    background: #ffffff;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5), 
                inset 0 1px 1px rgba(255,255,255,0.8);
    z-index: 2;
}

/* Tema Dark (Esquerda) */
.theme-switch input:not(:checked) + .theme-slider {
    background: linear-gradient(145deg, #2c2c2c, #1a1a1a);
}

/* Tema Azul (Direita) */
.theme-switch input:checked + .theme-slider {
    background: linear-gradient(145deg, #4361ee, #2d4a8a);
    border-color: rgba(255, 255, 255, 0.2);
}

.theme-switch input:checked + .theme-slider:before {
    transform: translateX(36px);
}

/* Ícones dentro do slider */
.theme-slider .icon-dark,
.theme-slider .icon-azul {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    z-index: 1;
    transition: all 0.3s ease;
    pointer-events: none;
}

.theme-slider .icon-dark {
    left: 10px;
    opacity: 0.8;
}

.theme-slider .icon-azul {
    right: 10px;
    opacity: 0.3;
}

.theme-switch input:checked + .theme-slider .icon-dark {
    opacity: 0.3;
}

.theme-switch input:checked + .theme-slider .icon-azul {
    opacity: 1;
}

.theme-switch-label {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.4);
    user-select: none;
    transition: all 0.3s ease;
    font-weight: 500;
}

.theme-switch-label.active {
    color: #fff;
    text-shadow: 0 0 10px rgba(255,255,255,0.3);
}


html[data-theme='ajuste-layout'] body .navbar,
body.theme-ajuste-layout .navbar,
html[data-theme='ajuste-layout'] body footer.fixed-bottom,
body.theme-ajuste-layout footer.fixed-bottom,
html[data-theme='ajuste-layout'] body .feed-footer,
body.theme-ajuste-layout .feed-footer {
    background: rgba(10, 15, 26, 0.96) !important;
    color: #eef4ff !important;
    border-color: rgba(109, 140, 215, 0.35) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32) !important;
}