/* ========= TEMA LIGHT ========= */
            .light {
            /* Container e overlay */
            #menu-overlay { background: var(--header-color-overlay-light); }
            #menu-option {
            background: var(--header-color-background-light);
            box-shadow: var(--header-shadow-light);
            }
            /* Scrollbar */
            #menu-option::-webkit-scrollbar-thumb { background: var(--header-color-scrollbar-light); }
            #menu-option { scrollbar-color: var(--header-color-scrollbar-light) transparent; }
            /* Quick access cards */
            .nio-quick-card {
            background: var(--header-color-surface-light);
            outline: 1px var(--header-color-border-light) solid;
            box-shadow: var(--header-shadow-card-light);
            }
            .nio-quick-card span { color: var(--header-color-text-primary-light); }
            .nio-quick-card svg path { fill: var(--header-color-text-primary-light); }
            .nio-quick-card:hover {
            background: var(--header-color-primary);
            color: var(--header-color-surface-light);
            }
            .nio-quick-card:hover span,
            .nio-quick-card:hover svg path { color: var(--header-color-surface-light); fill: var(--header-color-surface-light); }
            .nio-quick-card.is-active { background: var(--header-color-primary); }
            .nio-quick-card.is-active span { color: var(--header-color-surface-light); }
            .nio-quick-card.is-active svg path { fill: var(--header-color-surface-light) !important; }
            /* Seções */
            .nio-section {
            background: var(--header-color-surface-light);
            outline: 1px solid var(--header-color-border-light);
            }
            .nio-section__title { color: var(--header-color-text-primary-light); }
            /* Textos e ícones */
            .nio-line__title { color: var(--header-color-text-secondary-light); }
            .nio-line__subtitle { color: var(--header-color-text-muted-light); }
            .nio-line svg path,
            .nio-channel-row svg path { fill: var(--header-color-text-secondary-light); }
            .nio-expand-label { color: var(--header-color-text-primary-light); }
            .nio-chevron svg path,
            .nio-expand-trigger svg path { fill: var(--header-color-text-secondary-light); }
            /* Links e hovers */
            .nio-sublist a { color: var(--header-color-text-primary-light); }
            .nio-sublist a:hover,
            .nio-sublist a:focus-visible,
            .nio-line[role=button]:hover .nio-line__title,
            .nio-channel-row:hover .nio-line__title,
            .nio-expand-row:hover .nio-expand-label { color: var(--header-color-text-secondary-light); cursor: pointer;}
            /* Utilitários */
            .nio-copy-feedback {
            background: var(--header-color-primary);
            color: var(--header-color-surface-light);
            }
            .nio-menu-close:hover,
            .nio-menu-close:focus-visible { background: rgba(0, 0, 0, 0.06); }
            }
            /* ========= TEMA DARK ========= */
            .dark {
            /* Container e overlay */
            #menu-overlay { background: var(--header-color-overlay-dark) !important; }
            #menu-option {
            background: var(--header-color-background-dark) !important;
            box-shadow: var(--header-shadow-dark) !important;
            }
            /* Scrollbar */
            #menu-option::-webkit-scrollbar-track { background: var(--header-color-surface-dark) !important; }
            #menu-option::-webkit-scrollbar-thumb { background: var(--header-color-scrollbar-dark) !important; }
            #menu-option { scrollbar-color: var(--header-color-scrollbar-dark) var(--header-color-surface-dark) !important; }
            /* Quick access cards */
            .nio-quick-card {
            background: var(--header-color-surface-dark) !important;
            outline: 1px solid var(--header-color-border-dark) !important;
            box-shadow: var(--header-shadow-card-dark) !important;
            }
            .nio-quick-card span { color: var(--header-color-text-primary-dark) !important; }
            .nio-quick-card svg path,
            .nio-line__icon svg path { fill: var(--header-color-text-primary-dark) !important; }
            .nio-quick-card:hover {
            background: var(--header-color-primary-hover) !important;
            color: #000000 !important;
            }
            .nio-quick-card:hover span,
            .nio-quick-card:hover svg path { color: #000000 !important; fill: #000000 !important; }
            .nio-quick-card.is-active { background: var(--header-color-primary-hover) !important; }
            .nio-quick-card.is-active span { color: #000000 !important; }
            .nio-quick-card.is-active svg path { fill: #000000 !important; }
            /* Seções */
            .nio-section {
            background: var(--header-color-surface-dark) !important;
            outline: 1px solid var(--header-color-border-dark) !important;
            }
            .nio-section__title { color: var(--header-color-text-primary-dark) !important; }
            /* Textos e ícones */
            .nio-line__title { color: var(--header-color-text-secondary-dark) !important; }
            .nio-line__subtitle { color: var(--header-color-text-muted-dark) !important; }
            .nio-line svg path,
            .nio-channel-row svg path { fill: var(--header-color-text-primary-dark) !important; }
            .nio-expand-label { color: var(--header-color-text-primary-dark) !important; }
            .nio-chevron svg path,
            .nio-expand-trigger svg path { fill: var(--header-color-text-secondary-dark) !important; }
            /* Links e hovers */
            .nio-sublist a { color: var(--header-color-text-muted-dark) !important; }
            .nio-sublist a:hover,
            .nio-sublist a:focus-visible,
            .nio-line[role=button]:hover .nio-line__title,
            .nio-channel-row:hover .nio-line__title,
            .nio-expand-row:hover .nio-expand-label { color: var(--header-color-text-secondary-dark) !important; }
            /* Utilitários */
            .nio-copy-feedback {
            background: var(--header-color-primary-hover) !important;
            color: #000000 !important;
            }
            .nio-menu-close { color: var(--header-color-text-primary-dark) !important; }
            .nio-menu-close:hover,
            .nio-menu-close:focus-visible { background: rgba(255, 255, 255, 0.1) !important; }
            }
            .header__sign-fiber-cta{
            display: flex;
            gap: 4px;
            }
            #toSign{
            display: flex;
            flex-direction: row-reverse;
            margin: 0 10px;
            }
            #toSign-desktop-a{
            display: none;
            }
            #attendance-modal-open-trigger{
            display: none;
            }
            @media (min-width: 1124px) {
            #toSign{
            display: none;
            }
            #toSign-desktop-a{
            flex-direction: row-reverse;
            display: flex;
            }
            .ab-box-tosign-test {
            margin: 0 40px 0 auto;
            }
            .header__sign-fiber-cta {
            margin: 0;
            }
            }