/* Modo claro do dashboard - paleta Atelier (inspirada no tema Atelier do Nardoto Studio). Overrides 100% aditivos sobre o tema escuro. Ativado pela classe .light no (ver light-theme.js). */ html.light { color-scheme: light; --primary: #E85A2A; --primary-light: #F07040; --bg-dark: #EAE6DD; --card-dark: #F2EFE8; --text-primary: #26231E; --text-secondary: #5C574E; --border-light: #DBD6CB; } html.light body { color: #26231E; } html.light body::before { background: radial-gradient(ellipse at 50% 0%, rgba(232,90,42,0.05) 0%, transparent 50%); } html.light .app-sidebar { background: rgba(38,35,30,0.045); } html.light .tts-filters2 select { background: rgba(38,35,30,0.05) url("data:image/svg+xml;utf8,") no-repeat right 0.5rem center; color-scheme: light; } /* conteúdo gerado por JS com cores escuras em style inline */ html.light select option { background: #F8F5EF !important; color: #26231E !important; } html.light [style*="background: #1a1a1a"], html.light [style*="background:#1a1a1a"] { background: #F2EFE8 !important; color: #26231E !important; border-color: #DBD6CB !important; } html.light [style*="background: #0a0a0a"], html.light [style*="background:#0a0a0a"] { background: #E9E4DA !important; color: #26231E !important; } html.light h2[style*="color:#fff"], html.light h2[style*="color: #fff"] { color: #26231E !important; } html.light input[style*="rgba(255,255,255,0.08)"], html.light select[style*="rgba(255,255,255,0.08)"] { background: rgba(38,35,30,0.07) !important; color: #26231E !important; } html.light #phoneCollectionModal .iti__divider, html.light #meuPerfilSection .iti__divider { border-bottom-color: rgba(38,35,30,0.12); } html.light #planosBannerProgressive div[style*="color: #FFFFFF"] { color: #26231E !important; } html.light #planosBannerProgressive div[style*="color: #9CA3AF"] { color: #5C574E !important; } html.light a[style*="rgba(30,30,30,0.4)"] { background: linear-gradient(135deg, rgba(232,90,42,0.14), rgba(38,35,30,0.07)) !important; } /* sombras suavizadas pro fundo claro */ html.light .user-dropdown, html.light .notif-panel { box-shadow: 0 12px 40px rgba(38,35,30,0.18); } html.light .nd-sel-pop, html.light .nd-date-pop, html.light .ml-pv-pop { box-shadow: 0 14px 36px rgba(38,35,30,0.2); } html.light .ml-box { box-shadow: 0 24px 80px rgba(38,35,30,0.25); } html.light .config-modal-box { box-shadow: 0 30px 90px rgba(38,35,30,0.25); } html.light .modal-content { box-shadow: 0 8px 32px rgba(38,35,30,0.18); } html.light .selection-summary { box-shadow: 0 10px 40px rgba(38,35,30,0.18); } html.light #phoneCollectionModal .iti__country-list, html.light #meuPerfilSection .iti__country-list { box-shadow: 0 8px 24px rgba(38,35,30,0.2); } html.light .dl-modal-card { box-shadow: 0 25px 60px rgba(38,35,30,0.22), 0 0 40px rgba(232,90,42,0.1); } html.light .subscribe-btn { box-shadow: 0 4px 10px rgba(181,122,46,0.25); } /* regras derivadas automaticamente do CSS escuro */ html.light body { background: radial-gradient(ellipse at center top, #F5EFE3 0%, #EAE6DD 70%); } html.light { scrollbar-color: rgba(38,35,30,0.14) transparent; } html.light ::-webkit-scrollbar-thumb { background: rgba(38,35,30,0.13); } html.light ::-webkit-scrollbar-thumb:hover { background: rgba(38,35,30,0.24); } html.light .app-sidebar .as-brand span { color: #26231E; } html.light .as-credit { color: rgba(38,35,30,0.28); } html.light .as-credit:hover { color: rgba(38,35,30,0.55); } html.light .nav-group-label { color: #8A8579; } html.light .nav-item:hover { background: rgba(38,35,30,0.05); color: #26231E; } html.light .nav-item .ni-soon { background: rgba(38,35,30,0.08); color: #7A7468; } html.light .user-dropdown, html.light .notif-panel { background: #F8F5EF; } html.light .user-dropdown button:hover, html.light .user-dropdown a:hover { background: rgba(38,35,30,0.06); } html.light .user-dropdown .ud-sep { background: rgba(38,35,30,0.07); } html.light .notif-btn { background: rgba(38,35,30,0.05); } html.light .notif-btn:hover { color: #26231E; background: rgba(38,35,30,0.1); } html.light .notif-panel h5 { color: #26231E; } html.light .notif-item:hover { background: rgba(38,35,30,0.04); } html.light .notif-item .ni-t { color: #26231E; } html.light .notif-item .ni-d { color: #8A8579; } html.light .home-hi { color: #26231E; } html.light .home-card .hc-big { color: #26231E; } html.light .soon-panel h2 { color: #26231E; } html.light .sp-dl-btn.ghost { background: rgba(38,35,30,0.06); } html.light .sp-dl-btn.ghost:hover { background: rgba(38,35,30,0.12); color: #26231E; } html.light .auto-ta { background: rgba(38,35,30,0.05); color: #26231E; } html.light .auto-ta:focus { background: rgba(38,35,30,0.08); } html.light .auto-prov { background: rgba(38,35,30,0.05); } html.light .auto-out { background: rgba(38,35,30,0.04); } html.light .tts-head-txt h2 { color: #26231E; } html.light .tts-voices-top { color: #26231E; } html.light .tts-search { background: rgba(38,35,30,0.05); color: #26231E; } html.light .tts-search:focus { background: rgba(38,35,30,0.08); } html.light .tts-f { background: rgba(38,35,30,0.05); } html.light .tts-filters2 select option { background: #F2EFE8; color: #3A362E; } html.light .nd-sel-btn { background: rgba(38,35,30,0.05); } html.light .nd-sel-btn:hover { background: rgba(38,35,30,0.09); color: #26231E; } html.light .nd-sel-pop { background: #F2EFE8; } html.light .nd-sel-opt { color: #3A362E; } html.light .nd-sel-opt:hover { background: rgba(38,35,30,0.07); color: #26231E; } html.light .nd-date-btn { background: #E9E4DA; color: #26231E; } html.light .nd-date-btn.empty { color: #8A8579; } html.light .nd-date-pop { background: #F2EFE8; } html.light .nd-date-head b { color: #26231E; } html.light .nd-date-nav { background: rgba(38,35,30,0.06); color: #26231E; } html.light .nd-date-nav:hover { background: rgba(38,35,30,0.12); } html.light .nd-date-dow { color: #8A8579; } html.light .nd-date-day { color: #4A453C; } html.light .nd-date-day:hover { background: rgba(38,35,30,0.08); color: #26231E; } html.light .ml-open-btn { background: rgba(38,35,30,0.05); } html.light .ml-head h3 { color: #26231E; } html.light .ml-search { background: rgba(38,35,30,0.06); color: #26231E; } html.light .ml-favbtn { background: rgba(38,35,30,0.05); } html.light .ml-favbtn:hover { background: rgba(38,35,30,0.09); color: #26231E; } html.light .ml-close { background: rgba(38,35,30,0.05); } html.light .ml-close:hover { background: rgba(38,35,30,0.1); color: #26231E; } html.light .ml-check { color: #3A362E; } html.light .ml-check:hover { background: rgba(38,35,30,0.05); } html.light .ml-card { background: rgba(38,35,30,0.025); } html.light .ml-card:hover { background: rgba(38,35,30,0.05); } html.light .ml-card-name { color: #26231E; } html.light .ml-fav:hover { color: #26231E; background: rgba(38,35,30,0.07); } html.light .ml-chip { background: rgba(38,35,30,0.06); } html.light .ml-pv-btn { background: rgba(38,35,30,0.06); color: #3A362E; } html.light .ml-pv-btn:hover { background: rgba(38,35,30,0.1); } html.light .ml-pv-pop { background: #F2EFE8; } html.light .np-bar { background: rgba(38,35,30,0.1); } html.light .vt-tab { background: rgba(38,35,30,0.04); } html.light .vt-tab:hover { background: rgba(38,35,30,0.08); color: #26231E; } html.light .vt-tab .vt-soon-tag { background: rgba(38,35,30,0.1); color: #7A7468; } html.light .vt-soon { background: rgba(38,35,30,0.02); } html.light .vt-soon h3 { color: #26231E; } html.light .tts-voice:hover { background: rgba(38,35,30,0.05); } html.light .tts-voice-name { color: #26231E; } html.light .tts-selected { background: rgba(38,35,30,0.04); } html.light .tts-selected.on { color: #26231E; } html.light .tts-textarea { background: rgba(38,35,30,0.04); color: #26231E; } html.light .tts-textarea:focus { background: rgba(38,35,30,0.06); } html.light .tts-name { background: rgba(38,35,30,0.05); color: #26231E; } html.light .tts-name:focus { background: rgba(38,35,30,0.08); } html.light .tts-opt { background: rgba(38,35,30,0.04); } html.light .tts-opt-t { color: #26231E; } html.light .tts-select { background: rgba(38,35,30,0.05); color: #26231E; } html.light .tts-select option { background: #E9E4DA; } html.light .tts-switch span { background: rgba(38,35,30,0.15); } html.light .tts-switch span::before { background: #fff; box-shadow: 0 1px 3px rgba(38,35,30,0.35); } html.light .tts-res-note { background: rgba(38,35,30,0.04); } html.light .tts-res-item { background: rgba(38,35,30,0.04); } html.light .tts-res-name { color: #26231E; } html.light .tts-res-dl button { background: rgba(38,35,30,0.06); } html.light .tts-res-dl button:hover { background: rgba(38,35,30,0.12); color: #26231E; } html.light .tts-res-badge.err { color: #B0413A; } html.light .tts-res-msg { color: #B0413A; } html.light .config-modal-box { background: #F2EFE8; } html.light .config-modal-head h2 { color: #26231E; } html.light .config-modal-close { background: rgba(38,35,30,0.06); color: #26231E; } html.light .config-modal-close:hover { background: rgba(38,35,30,0.13); } html.light .sidebar-download-btn.secondary { background: rgba(38,35,30,0.1); } html.light .sidebar-download-btn.secondary:hover { background: rgba(38,35,30,0.15); } html.light .app-download-card { background: rgba(38,35,30,0.04); } html.light .app-dl-btn.disabled { background: rgba(38,35,30,0.06); color: rgba(38,35,30,0.35); } html.light .app-dl-btn.disabled:hover { background: rgba(38,35,30,0.06); } html.light .my-extensions-list li .check-badge { color: #4F7A52; } html.light .monthly-spending-summary .vip-suggestion strong { color: #B57A2E; } html.light .monthly-spending-summary .vip-suggestion .savings { color: #4F7A52; } html.light .dashboard-header { color: #26231E; } html.light .logout-btn { background: rgba(38,35,30,0.1); color: #26231E; } html.light .stat-mini { background: rgba(38,35,30,0.05); } html.light .stat-mini.vip .stat-value { color: #B57A2E; } html.light .stat-mini.purchased .stat-value { color: #4F7A52; } html.light .plan-vip { background: linear-gradient(135deg, #B57A2E 0%, #B57A2E 100%); color: #fff; } html.light .plan-trial { background: linear-gradient(135deg, #4F7A52 0%, #44693F 100%); color: #fff; } html.light .plan-free { background: rgba(38,35,30,0.1); } html.light .plan-familia { background: linear-gradient(135deg, #B57A2E 0%, #B57A2E 100%); color: #fff; } html.light .plan-lite { background: linear-gradient(135deg, #2D5A8E 0%, #2D5A8E 100%); color: #fff; } html.light .plan-sync { background: linear-gradient(135deg, #2D5A8E 0%, #2D5A8E 100%); color: #fff; } html.light .family-member-card { background: rgba(38,35,30,0.03); } html.light .member-badge.badge-titular { background: linear-gradient(135deg, #B57A2E, #B57A2E); color: #fff; } html.light .member-badge.badge-active { color: #4F7A52; } html.light .member-badge.badge-pending { color: #B57A2E; } html.light .remove-member-btn { color: #B0413A; } html.light .toggle-switch { background: rgba(38,35,30,0.15); } html.light .toggle-switch::after { background: #fff; box-shadow: 0 1px 3px rgba(38,35,30,0.35); } html.light .rachei-pay-toggle.paid { color: #4F7A52; } html.light .rachei-pay-toggle.pending { color: #B57A2E; } html.light .rachei-add-bar input { background: rgba(38,35,30,0.05); border: 1px solid rgba(38,35,30,0.1); color: #26231E; } html.light .rachei-info-box { background: rgba(38,35,30,0.03); } html.light .rachei-month-selector select { background: rgba(38,35,30,0.08); color: #26231E; } html.light .rachei-month-selector select option { background: #E9E4DA; color: #26231E; } html.light .rachei-close-btn { color: #B0413A; } html.light .modal-input { background: rgba(38,35,30,0.08); color: #26231E; } html.light .modal-input:focus { background: rgba(38,35,30,0.12); } html.light .modal-error { color: #B0413A; } html.light .modal-cancel { background: rgba(38,35,30,0.08); } html.light #phoneCollectionModal .iti__selected-flag { background: rgba(38,35,30,0.06); } html.light #phoneCollectionModal .iti__selected-flag:hover, html.light #phoneCollectionModal .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background: rgba(38,35,30,0.12); } html.light #phoneCollectionModal .iti--separate-dial-code .iti__selected-dial-code { color: #26231E; } html.light .status-active { color: #4F7A52; } html.light .status-blocked { color: #B0413A; } html.light .trial-info { color: #4F7A52; } html.light .trial-expired { color: #B57A2E; } html.light .subscribe-btn { background: linear-gradient(135deg, #B57A2E 0%, #B57A2E 100%); color: #fff; } html.light .extension-list li { background: rgba(38,35,30,0.02); } html.light .extension-list li:hover { background: rgba(38,35,30,0.05); } html.light .badge-store { color: #4F7A52; } html.light .loading-overlay { background: radial-gradient(ellipse at center top, #F5EFE3 0%, #EAE6DD 70%); } html.light .store-ext-item { background: rgba(38,35,30,0.03); } html.light .store-ext-item:hover { background: rgba(38,35,30,0.06); } html.light .ai-link-btn { color: #2D5A8E; } html.light .buy-ext-btn { background: linear-gradient(135deg, #4F7A52 0%, #44693F 100%); color: #fff; } html.light .buy-ext-btn:hover { background: linear-gradient(135deg, #44693F 0%, #15803D 100%); } html.light .buy-ext-btn.purchased { color: #4F7A52; } html.light .discount-info { color: #4F7A52; } html.light .price-table tr.current-row td { color: #4F7A52; } html.light .price-table .discount-badge { color: #4F7A52; } html.light .price-table .vip-row td { color: #B57A2E; } html.light .trial-feature svg { color: #4F7A52; } html.light .ext-price-tag { background: rgba(38,35,30,0.1); } html.light .ext-price-tag.discount { color: #4F7A52; } html.light .selection-savings { color: #4F7A52; } html.light .clear-selection-btn { background: rgba(38,35,30,0.05); } html.light .clear-selection-btn:hover { background: rgba(38,35,30,0.08); } html.light .tab-bar { background: #F2EFE8; } html.light .tab-btn:hover { background: rgba(38,35,30,0.06); } html.light .profile-locked-badge { background: rgba(38,35,30,0.06); } html.light .profile-status.ok { color: #4F7A52; } html.light .profile-status.err { color: #B0413A; } html.light #meuPerfilSection .iti__selected-flag { background: rgba(38,35,30,0.06); } html.light #meuPerfilSection .iti__selected-flag:hover, html.light #meuPerfilSection .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background: rgba(38,35,30,0.12); } html.light #meuPerfilSection .iti--separate-dial-code .iti__selected-dial-code { color: #26231E; } html.light .name-confirm-ghost { background: rgba(38,35,30,0.06); } html.light .name-confirm-ghost:hover { background: rgba(38,35,30,0.12); } html.light .dl-progress-bar { background: rgba(38,35,30,0.08); } html.light .dl-modal-close { border: 1px solid rgba(38,35,30,0.15); } html.light .dl-modal-close:hover { border-color: rgba(38,35,30,0.3); } html.light .nf-status { color: #8A8579; } html.light .nf-search { background: #E9E4DA; color: #26231E; } html.light .nf-tab { background: #E9E4DA; color: #6E685D; } html.light .nf-filters select { background: #E9E4DA; color: #26231E; } html.light .nf-card { background: #F2EFE8; color: #26231E; } html.light .nf-sub { color: #8A8579; } html.light .nf-stats div { background: #E9E4DA; } html.light .nf-stats b { color: #26231E; } html.light .nf-stats span { color: #8A8579; } html.light .nf-foot { color: #8A8579; } html.light .vv-head h2 { color: #26231E; } html.light .vv-status { color: #8A8579; } html.light .vv-filters label { color: #8A8579; } html.light .vv-filters input, html.light .vv-filters select { background: #E9E4DA; color: #26231E; } html.light .vv-tip { color: #8A8579; background: #F2EFE8; } html.light .vv-sortbar { color: #8A8579; } html.light .vv-sortbar select { background: #E9E4DA; color: #26231E; } html.light .vv-card { background: #F2EFE8; color: #26231E; } html.light .vv-score.regular { background: rgba(38,35,30,.12); color: #6E685D; } html.light .vv-ch { color: #8A8579; } html.light .vv-stats div { background: #E9E4DA; } html.light .vv-stats b { color: #26231E; } html.light .vv-stats span { color: #8A8579; } html.light .vv-foot { color: #8A8579; } html.light .vv-empty { color: #8A8579; } html.light .vv-tab { background: #E9E4DA; color: #8A8579; } html.light .vv-save { color: #26231E; }