/*
 * Sprint 4/12 — chrome global do tema Nublado.
 * Somente cor, profundidade e estados visuais; a geometria continua vindo do Dia.
 */

html[data-theme="cinza"] body,
html[data-theme="cinza"] #appScreen,
html[data-theme="cinza"] .main-content {
    background-color: var(--nuv-bg) !important;
    color: var(--nuv-text);
}

html[data-theme="cinza"] .main-content {
    background-image:
        radial-gradient(circle at 12% 8%, var(--nuv-nebula-1), transparent 31%),
        radial-gradient(circle at 88% 94%, rgba(var(--nuv-navy-rgb), .10), transparent 36%);
    background-attachment: local;
}

/* Cabeçalho principal: mesma família marinho-gelo dos cabeçalhos de Relatórios. */
html[data-theme="cinza"] #appScreen .app-topbar,
html[data-theme="cinza"] .app-topbar {
    background: var(--nuv-header-band) !important;
    border-bottom-color: var(--nuv-line-on-header) !important;
    color: var(--nuv-text-on-header) !important;
    box-shadow: var(--nuv-shadow-soft) !important;
}

html[data-theme="cinza"] .app-topbar::before {
    background: linear-gradient(90deg, transparent, rgba(232, 244, 249, .68), transparent) !important;
}

html[data-theme="cinza"] .app-topbar .topbar-page-title,
html[data-theme="cinza"] .app-topbar .topbar-page-subtitle {
    color: var(--nuv-text-on-header) !important;
}

html[data-theme="cinza"] .app-topbar .topbar-page-subtitle {
    opacity: .82;
}

html[data-theme="cinza"] .app-topbar .topbar-hamburger,
html[data-theme="cinza"] .app-topbar .topbar-chats-quick-btn,
html[data-theme="cinza"] .app-topbar .topbar-perfil-btn,
html[data-theme="cinza"] .app-topbar .app-topbar-notificacoes .notificacoes-btn,
html[data-theme="cinza"] .app-topbar .topbar-theme-switch {
    background: rgba(226, 238, 244, .12) !important;
    border-color: var(--nuv-line-on-header) !important;
    color: var(--nuv-text-on-header) !important;
    box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, .10) !important;
}

html[data-theme="cinza"] .app-topbar .topbar-hamburger:hover,
html[data-theme="cinza"] .app-topbar .topbar-chats-quick-btn:hover,
html[data-theme="cinza"] .app-topbar .topbar-perfil-btn:hover,
html[data-theme="cinza"] .app-topbar .app-topbar-notificacoes .notificacoes-btn:hover {
    background: rgba(231, 242, 247, .24) !important;
    border-color: rgba(231, 242, 247, .48) !important;
    color: #ffffff !important;
}

html[data-theme="cinza"] .app-topbar .topbar-hamburger:focus-visible,
html[data-theme="cinza"] .app-topbar .topbar-chats-quick-btn:focus-visible,
html[data-theme="cinza"] .app-topbar .topbar-perfil-btn:focus-visible,
html[data-theme="cinza"] .app-topbar .app-topbar-notificacoes .notificacoes-btn:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 0.1875rem rgba(231, 242, 247, .38) !important;
}

/* Navegação lateral: trilho profundo e seleção com luz difusa, sem trocar o desenho. */
html[data-theme="cinza"] .sidebar.sidebar-v2 {
    --sidebar-submenu-bg: rgba(8, 32, 49, .42);
}

html[data-theme="cinza"] .sidebar.sidebar-v2 .sidebar-panel,
html[data-theme="cinza"] .sidebar.sidebar-v2:hover .sidebar-panel,
html[data-theme="cinza"] .sidebar.sidebar-v2.sidebar-v2--dynamic .sidebar-panel,
html[data-theme="cinza"] .sidebar.sidebar-v2.sidebar-v2--dynamic:hover .sidebar-panel,
html[data-theme="cinza"] .sidebar.sidebar-v2.sidebar-v2--dynamic:not(:hover) .sidebar-panel,
html[data-theme="cinza"] .sidebar.sidebar-v2.sidebar-v2--pinned .sidebar-panel {
    background:
        radial-gradient(circle at 28% 9%, rgba(137, 181, 203, .18), transparent 31%),
        radial-gradient(circle at 72% 82%, rgba(4, 23, 36, .30), transparent 46%),
        var(--nuv-navy-strong) !important;
    border-right-color: var(--nuv-line-on-header) !important;
    color: var(--nuv-text-on-header) !important;
}

html[data-theme="cinza"] .sidebar.sidebar-v2 .sidebar-header,
html[data-theme="cinza"] .sidebar.sidebar-v2 .nav-divider {
    border-color: var(--nuv-line-on-header) !important;
    background-color: var(--nuv-line-on-header) !important;
}

html[data-theme="cinza"] .sidebar.sidebar-v2 .v2-nav-section,
html[data-theme="cinza"] .sidebar.sidebar-v2 .nav-item,
html[data-theme="cinza"] .sidebar.sidebar-v2 .nav-item .nav-label,
html[data-theme="cinza"] .sidebar.sidebar-v2 .nav-item .nav-icon {
    color: var(--nuv-text-on-header-soft) !important;
}

html[data-theme="cinza"] .sidebar.sidebar-v2 .sidebar-nav > .nav-item.is-active-page,
html[data-theme="cinza"] .sidebar.sidebar-v2 .sidebar-nav > .nav-item.is-active-parent,
html[data-theme="cinza"] .sidebar.sidebar-v2 .sidebar-nav .nav-group > .nav-item-parent.is-active-page,
html[data-theme="cinza"] .sidebar.sidebar-v2 .sidebar-nav .nav-group > .nav-item-parent.is-active-parent {
    background: var(--nuv-header-band-active) !important;
    border-color: rgba(218, 235, 243, .30) !important;
    color: #ffffff !important;
    box-shadow: inset 0.1875rem 0 0 rgba(240, 248, 251, .88), var(--nuv-shadow-soft) !important;
}

html[data-theme="cinza"] .sidebar.sidebar-v2 .nav-item.is-active-page .nav-label,
html[data-theme="cinza"] .sidebar.sidebar-v2 .nav-item.is-active-parent .nav-label,
html[data-theme="cinza"] .sidebar.sidebar-v2 .nav-item.is-active-page .nav-icon,
html[data-theme="cinza"] .sidebar.sidebar-v2 .nav-item.is-active-parent .nav-icon {
    color: #ffffff !important;
}

html[data-theme="cinza"] .sidebar.sidebar-v2 .sidebar-nav > .nav-item:not(.is-active-page):not(.is-active-parent):hover,
html[data-theme="cinza"] .sidebar.sidebar-v2 .sidebar-nav .nav-group > .nav-item-parent:not(.is-active-page):not(.is-active-parent):hover {
    background: rgba(222, 237, 244, .12) !important;
}

html[data-theme="cinza"] .sidebar.sidebar-v2.sidebar-v2--dynamic:hover .sidebar-panel {
    box-shadow: 0.5625rem 0 1.75rem -1.125rem rgba(9, 29, 43, .72) !important;
}

html[data-theme="cinza"] .main-content::-webkit-scrollbar-thumb {
    background: var(--nuv-scroll-thumb);
}

html[data-theme="cinza"] .main-content::-webkit-scrollbar-thumb:hover {
    background: var(--nuv-scroll-thumb-hover);
}