/* ==========================================================================
   tema-ouro.css — Identidade MM Gestão Contábil: BRANCO + DOURADO
   Carregar por ÚLTIMO em todas as páginas. Troca o antigo azul e corrige contrastes.
   Dourado #C9A84C (preenchimentos) · Dourado escuro #A8832A (textos/bordas) · Grafite #1C1C1E · Creme #FBF6E6
   ========================================================================== */
:root {
    --gold: #C9A84C; --gold-light: #DCC06D; --gold-deep: #A8832A; --gold-dark: #7A5F18;
    --ink: #1C1C1E; --cream: #FBF6E6; --cream-2: #F3E7BF; --line-gold: #E9E2CF;
    --primary-rgb: 168, 131, 42;
}
::selection { background: rgba(201, 168, 76, .3); color: var(--ink); }

/* ====================== SITE (home) ====================== */
.btn-primary { background: var(--gold); color: var(--ink); box-shadow: 0 6px 18px rgba(201, 168, 76, .35); }
.btn-primary:hover { background: var(--gold-light); color: var(--ink); box-shadow: 0 10px 26px rgba(201, 168, 76, .45); }
.btn-accent { background: var(--gold); color: var(--ink); }
.btn-accent:hover { background: var(--gold-light); }
.btn-outline { color: var(--ink); border-color: var(--gold-deep); background: transparent; }
.btn-outline:hover { background: var(--gold); border-color: var(--gold); color: var(--ink); }
.btn-outline-light { color: var(--ink); border: 2px solid var(--gold-deep); background: transparent; }
.btn-outline-light:hover { background: var(--gold); border-color: var(--gold); color: var(--ink); }
.btn-white { background: #fff; color: var(--ink); border: 2px solid var(--gold); }
.btn-white:hover { background: var(--gold); color: var(--ink); }
.nav-cta, .nav-cta.btn { background: var(--gold); color: var(--ink); }
.nav-cta:hover { background: var(--gold-light); color: var(--ink); box-shadow: 0 4px 15px rgba(201, 168, 76, .4); }
.nav-login { color: var(--ink); }
.nav-links a:hover, .nav-dropdown-col a:hover { color: var(--gold-deep); }

.hero { background: linear-gradient(135deg, #FFFFFF 0%, #FBF6E6 55%, #F3E7BF 100%); }
.hero::before { background: radial-gradient(circle, rgba(201, 168, 76, .30) 0%, transparent 70%); }
.hero::after { background: radial-gradient(circle, rgba(201, 168, 76, .14) 0%, transparent 70%); }
.hero-text, .hero-text h1 { color: var(--ink); }
.hero-text h1 .hero-highlight { color: var(--gold-deep); }
.hero-text p { color: #4B4B52; }
.hero .section-tag { background: rgba(201, 168, 76, .16) !important; border-color: rgba(168, 131, 42, .45) !important; color: var(--gold-dark) !important; }
.hero .section-tag .dot { background: var(--gold-deep) !important; }
.hero-points { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 30px; font-size: .88rem; font-weight: 500; color: #4B4B52; }
.hero-points li::before { content: "✓"; color: var(--gold-deep); font-weight: 800; margin-right: 7px; }

.section-dark { background: var(--cream); color: var(--ink); }
.section-dark .section-title, .section-dark h2, .section-dark h3, .section-dark h4 { color: var(--ink); }
.section-dark .section-subtitle, .section-dark p { color: #4B4B52; }
.step-number { background: var(--gold); color: var(--ink); box-shadow: 0 4px 15px rgba(201, 168, 76, .4); }
.plan-card.popular { border-color: var(--gold); box-shadow: 0 0 40px rgba(201, 168, 76, .22); }
.plan-card.popular .plan-badge { background: var(--gold); color: var(--ink); }
.testimonial-avatar { background: linear-gradient(135deg, var(--gold), var(--gold-light)); color: var(--ink); }
.comparison-table th.col-highlight, .comparison-table td.col-highlight { border-left-color: var(--gold); border-right-color: var(--gold); }
.comparison-table th.col-highlight { background: rgba(201, 168, 76, .16); color: var(--gold-dark); }
.comparison-table td.col-highlight { background: rgba(201, 168, 76, .06); color: var(--gold-dark); }
.cta-section { background: linear-gradient(135deg, #EBD28A 0%, #C9A84C 100%); }
.cta-section h2 { color: var(--ink); }
.cta-section p { color: rgba(28, 28, 30, .85); }
.cta-section .btn-white, .cta-section .btn-accent { background: var(--ink); color: #fff; border-color: var(--ink); }
.cta-section .btn-white:hover, .cta-section .btn-accent:hover { background: #000; color: #fff; }
.footer { background: var(--ink); }
.footer h4 { color: var(--gold); }
.footer-links a:hover { color: var(--gold-light); }
.cta-float { background: var(--gold); color: var(--ink); border: 2px solid var(--ink); box-shadow: 0 8px 26px rgba(28, 28, 30, .3); }
.cta-float:hover { background: var(--gold-light); color: var(--ink); }
.mobile-menu-btn { color: var(--ink); }
.topbar { background: var(--ink); }
.topbar-portal { color: var(--gold-light); }

/* ====================== PÁGINAS INTERNAS ====================== */
body.inner-page header#hero, body.inner-page .page-hero {
    background: linear-gradient(135deg, #FFFFFF 0%, #FBF6E6 55%, #F3E7BF 100%) !important;
    background-image: linear-gradient(135deg, #FFFFFF 0%, #FBF6E6 55%, #F3E7BF 100%) !important; color: var(--ink);
}
body.inner-page header#hero::after { background: radial-gradient(circle, rgba(201, 168, 76, .30), transparent 70%); }
body.inner-page header#hero h1, body.inner-page header#hero h2, body.inner-page header#hero h3,
body.inner-page header#hero .text-white, body.inner-page header#hero .text-gray-300, body.inner-page header#hero .text-gray-400 { color: var(--ink) !important; }
body.inner-page header#hero p { color: #4B4B52 !important; }
body.inner-page header#hero .text-gold, body.inner-page header#hero .italic { color: var(--gold-deep) !important; border-color: rgba(168, 131, 42, .45) !important; }
body.inner-page header#hero .bg-gold\/10 { background-color: rgba(201, 168, 76, .16) !important; }
body.inner-page header#hero .border-gold\/30, body.inner-page header#hero .border-white\/5 { border-color: rgba(168, 131, 42, .3) !important; }
body.inner-page header#hero .bg-gold { background: var(--gold-deep) !important; }
body.inner-page header#hero .btn-outline, body.inner-page header#hero a[class*="btn-outline"] { color: var(--ink) !important; border: 2px solid var(--gold-deep) !important; }
body.inner-page header#hero .btn-outline:hover { background: var(--gold) !important; }
body.inner-page header#hero .bg-red-500\/5, body.inner-page header#hero .bg-red-500\/10, body.inner-page header#hero .bg-green-500\/5, body.inner-page header#hero .bg-green-500\/10, body.inner-page header#hero .bg-dark\/80, body.inner-page header#hero .bg-dark-lighter { background-color: rgba(255, 255, 255, .75) !important; box-shadow: 0 2px 10px rgba(168, 131, 42, .12); }
body.inner-page header#hero .border-red-500\/15, body.inner-page header#hero .border-red-500\/20, body.inner-page header#hero .border-green-500\/20 { border-color: var(--line-gold) !important; }
body.inner-page header#hero .text-red-400 { color: #B91C1C !important; }
body.inner-page header#hero .text-green-400 { color: #15803D !important; }
body.inner-page a.bg-gradient-to-r, body.inner-page button.bg-gradient-to-r, body.inner-page .btn-gold-solid, body.inner-page header#hero a.bg-gradient-to-r, body.inner-page header#hero .btn-gold-solid {
    background: var(--gold) !important; color: var(--ink) !important; box-shadow: 0 6px 18px rgba(201, 168, 76, .35) !important;
}
body.inner-page a.bg-gradient-to-r *, body.inner-page button.bg-gradient-to-r *, body.inner-page .btn-gold-solid *, body.inner-page header#hero a.bg-gradient-to-r *, body.inner-page header#hero .btn-gold-solid * { color: var(--ink) !important; }
body.inner-page a.bg-gradient-to-r:hover, body.inner-page button.bg-gradient-to-r:hover, body.inner-page .btn-gold-solid:hover { background: var(--gold-light) !important; }
body.inner-page .btn-outline-gold { border: 2px solid var(--gold-deep) !important; color: var(--gold-deep) !important; }
body.inner-page .btn-outline-gold:hover { background: var(--gold) !important; color: var(--ink) !important; }
body.inner-page [class*="from-[#1a1a24]"], body.inner-page .bg-\[\#08080c\] { background: linear-gradient(135deg, #FBF6E6, #F3E7BF) !important; border: 1px solid var(--line-gold) !important; }
body.inner-page [class*="from-[#1a1a24]"] > h3, body.inner-page [class*="from-[#1a1a24]"] > h4, body.inner-page [class*="from-[#1a1a24]"] > p, body.inner-page [class*="from-[#1a1a24]"] > .text-white { color: var(--ink) !important; }
body.inner-page .cta-dark { background: linear-gradient(135deg, #EBD28A, #C9A84C) !important; }
body.inner-page .cta-dark, body.inner-page .cta-dark h2, body.inner-page .cta-dark h3, body.inner-page .cta-dark p { color: var(--ink) !important; }
body.inner-page input:focus, body.inner-page select:focus, body.inner-page textarea:focus { border-color: var(--gold-deep) !important; box-shadow: 0 0 0 3px rgba(201, 168, 76, .25) !important; }

/* ====================== PORTAL DO CLIENTE (painel) ====================== */
body.portal-skin #mobile-sidebar {
    background: #FFFFFF !important; border-right: 1px solid var(--line-gold) !important; box-shadow: 4px 0 24px rgba(168, 131, 42, .08) !important;
}
body.portal-skin #dashboard-screen #mobile-sidebar .text-white, body.portal-skin #dashboard-screen #mobile-sidebar .text-gray-300,
body.portal-skin #dashboard-screen #mobile-sidebar .text-gray-400, body.portal-skin #dashboard-screen #mobile-sidebar .sidebar-link,
body.portal-skin #mobile-sidebar .sidebar-group, body.portal-skin #dashboard-screen #mobile-sidebar .sidebar-link.active { color: var(--ink) !important; }
body.portal-skin #dashboard-screen #mobile-sidebar .text-gray-500 { color: #6B6B73 !important; }
body.portal-skin #dashboard-screen #mobile-sidebar .text-gold { color: var(--gold-deep) !important; }
body.portal-skin #dashboard-screen #mobile-sidebar .text-green-400 { color: #15803D !important; }
body.portal-skin #mobile-sidebar .bg-clip-text { -webkit-text-fill-color: var(--ink) !important; color: var(--ink) !important; }
body.portal-skin #mobile-sidebar .border-white\/5, body.portal-skin #mobile-sidebar .border-white\/10 { border-color: var(--line-gold) !important; }
body.portal-skin #mobile-sidebar .sidebar-link:hover, body.portal-skin #mobile-sidebar .sidebar-group:hover { background: rgba(201, 168, 76, .12) !important; color: var(--ink) !important; }
body.portal-skin #mobile-sidebar .sidebar-link.active { background: var(--cream) !important; border-left-color: var(--gold) !important; font-weight: 700; }
body.portal-skin #dashboard-screen #mobile-sidebar .sidebar-link svg.text-gray-400 { color: #8A8A92 !important; }
body.portal-skin #mobile-sidebar .hover\:text-red-400:hover { color: #B91C1C !important; }
body.portal-skin #dashboard-screen .btn-gold-solid, body.portal-skin #dashboard-screen .bg-gold,
body.portal-skin .pt-ticket, body.portal-skin .dash-btn, body.portal-skin .indique-btn, body.portal-skin [id^="modal-"] .bg-gold, body.portal-skin [id^="modal-"] .btn-gold-solid {
    background: var(--gold) !important; color: var(--ink) !important; border: none !important; box-shadow: 0 6px 16px rgba(201, 168, 76, .35) !important;
}
body.portal-skin #dashboard-screen .btn-gold-solid:hover, body.portal-skin #dashboard-screen .bg-gold:hover, body.portal-skin .pt-ticket:hover, body.portal-skin .dash-btn:hover, body.portal-skin .indique-btn:hover { background: var(--gold-light) !important; }
body.portal-skin #dashboard-screen .text-black { color: var(--ink) !important; }
body.portal-skin #dashboard-screen .btn-outline-gold { border-color: var(--gold-deep) !important; color: var(--gold-deep) !important; background: #fff !important; }
body.portal-skin #dashboard-screen .btn-outline-gold:hover { background: var(--gold) !important; color: var(--ink) !important; }
body.portal-skin #ai-chat-widget > button { background: var(--gold) !important; color: var(--ink) !important; }
body.portal-skin .pt-avatar { background: var(--gold); color: var(--ink); }
body.portal-skin .pt-icon { color: var(--gold-deep) !important; }
body.portal-skin .pt-icon:hover { background: var(--cream); }
body.portal-skin .dash-company { background: linear-gradient(135deg, #EBD28A 0%, #C9A84C 100%); box-shadow: 0 10px 28px rgba(201, 168, 76, .35); }
body.portal-skin .dash-company, body.portal-skin .dash-company *, body.portal-skin #dashboard-screen main .dash-company h2, body.portal-skin #dashboard-screen main .dash-company p,
body.portal-skin #dashboard-screen main .dash-company small, body.portal-skin #dashboard-screen main .dash-company span, body.portal-skin #dashboard-screen main .dash-company .dash-co-meta b { color: var(--ink) !important; }
body.portal-skin .dash-co-ico { background: rgba(255, 255, 255, .45); }
body.portal-skin .dash-co-meta { border-top-color: rgba(28, 28, 30, .2); }
body.portal-skin .dash-kpi b, body.portal-skin .dash-mini b, body.portal-skin .dash-link, body.portal-skin .dash-trib-right th, body.portal-skin .mx-t th { color: var(--gold-deep) !important; }
body.portal-skin .dash-mini b.is-red { color: #DC2626 !important; }
body.portal-skin .dash-trib-head { background: var(--cream); }
/* botões das telas (mx-*) */
body.portal-skin .mx-btn, .mx-modal .mx-btn { background: var(--gold); border-color: var(--gold); color: var(--ink) !important; }
body.portal-skin .mx-btn:hover:not(:disabled), .mx-modal .mx-btn:hover:not(:disabled) { background: var(--gold-light); border-color: var(--gold-light); }
body.portal-skin .mx-btn-ghost, .mx-modal .mx-btn-ghost { background: #fff; color: var(--gold-deep) !important; border-color: var(--line-gold); }
body.portal-skin .mx-btn-ghost:hover:not(:disabled), .mx-modal .mx-btn-ghost:hover:not(:disabled) { background: var(--cream); border-color: var(--gold); }
body.portal-skin .mx-btn-gold { background: var(--gold); border-color: var(--gold); color: var(--ink) !important; }
body.portal-skin .mx-btn-red, .mx-modal .mx-btn-red { background: #EF4444; border-color: #EF4444; color: #fff !important; }
body.portal-skin .mx-btn-dark { background: var(--ink); border-color: var(--ink); color: #fff !important; }
body.portal-skin .mx-btn-dark:hover:not(:disabled) { background: #000; border-color: #000; }
body.portal-skin .mx-ic, body.portal-skin .mx-chip { background: var(--gold); color: var(--ink) !important; }
body.portal-skin .mx-ic:hover, body.portal-skin .mx-chip:hover { background: var(--gold-light); }
body.portal-skin .mx-ic-red, body.portal-skin .mx-chip-red { background: #EF4444; color: #fff !important; }
body.portal-skin .mx-chip-gray { background: #64748B; color: #fff !important; }
.mx-modal .mx-ic { background: #EF4444; color: #fff; }
body.portal-skin .mx-badge.info { background: #F8EFD2; color: #7A5F18; }
body.portal-skin .mx-tabs button.on { color: var(--gold-deep); border-bottom-color: var(--gold); }
body.portal-skin .mx-conta { background: #FFFDF5; }
body.portal-skin .mx-f input:focus, body.portal-skin .mx-f select:focus, body.portal-skin .mx-f textarea:focus, body.portal-skin .mx-modal input:focus, body.portal-skin .mx-modal select:focus, body.portal-skin .mx-modal textarea:focus,
body.portal-skin .input-premium:focus { border-color: var(--gold-deep) !important; box-shadow: 0 0 0 3px rgba(201, 168, 76, .25) !important; }
.mx-ov { background: rgba(28, 28, 30, .55); }
.mx-toast { background: #15803D; }

/* ====================== LOGIN (cliente e contador) ====================== */
.split-login-right { background: radial-gradient(circle at 80% 10%, rgba(201, 168, 76, .35), transparent 55%), linear-gradient(135deg, #2B2B2F 0%, #1C1C1E 100%) !important; }
.btn-login-submit { background: var(--gold) !important; color: var(--ink) !important; box-shadow: 0 8px 22px rgba(201, 168, 76, .4) !important; }
.btn-login-submit:hover { background: var(--gold-light) !important; }
.btn-login-submit svg { color: var(--ink); }
.login-back-link, .login-forgot-link, .login-signup-box a { color: var(--gold-deep) !important; }
.login-input-field:focus { border-color: var(--gold-deep) !important; box-shadow: 0 0 0 3px rgba(201, 168, 76, .25) !important; }
.slide-dot.active { background: var(--gold) !important; }

/* ====================== PORTAL DO CONTADOR ====================== */
body.admin-skin .sidebar-floating { background: #FFFFFF !important; border: 1px solid var(--line-gold) !important; box-shadow: 0 12px 36px rgba(168, 131, 42, .14) !important; }
body.admin-skin .sidebar-floating *, body.admin-skin .sidebar-floating .text-white { color: var(--ink); }
body.admin-skin .sidebar-floating .text-gray-400, body.admin-skin .sidebar-floating .text-gray-500 { color: #6B6B73 !important; }
body.admin-skin .sidebar-floating .text-white { color: var(--ink) !important; }
body.admin-skin .sidebar-floating .text-gold, body.admin-skin .sidebar-floating [class*="text-[#C9A84C]"] { color: var(--gold-deep) !important; }
body.admin-skin .admin-tab { color: var(--ink) !important; }
body.admin-skin .admin-tab:hover { background: rgba(201, 168, 76, .12) !important; color: var(--ink) !important; }
body.admin-skin .admin-tab.active { background: var(--cream) !important; color: var(--ink) !important; border-left: 3px solid var(--gold) !important; }
body.admin-skin .admin-tab.active svg { color: var(--gold-deep) !important; }
body.admin-skin .sidebar-floating button[onclick*="logout"], body.admin-skin .sidebar-floating #btn-admin-logout { border-color: var(--line-gold) !important; color: var(--ink) !important; }
body.admin-skin .hero-card { background: linear-gradient(135deg, #EBD28A, #C9A84C) !important; }
body.admin-skin .hero-card, body.admin-skin .hero-card *, body.admin-skin #admin-dashboard main .hero-card h1, body.admin-skin #admin-dashboard main .hero-card h2, body.admin-skin #admin-dashboard main .hero-card h3,
body.admin-skin #admin-dashboard main .hero-card p, body.admin-skin #admin-dashboard main .hero-card span { color: var(--ink) !important; }
body.admin-skin .bg-gold, body.admin-skin .btn-action-warning, body.admin-skin #admin-dashboard button[class*="bg-[#C9A84C]"], body.admin-skin #admin-dashboard button.bg-gold, body.admin-skin #admin-dashboard a[class*="bg-[#C9A84C]"], body.admin-skin #admin-dashboard button[class*="bg-yellow-"] {
    background: var(--gold) !important; color: var(--ink) !important; box-shadow: 0 4px 12px rgba(201, 168, 76, .35) !important;
}
body.admin-skin #admin-dashboard button[class*="bg-[#C9A84C]"] *, body.admin-skin #admin-dashboard button.bg-gold * { color: var(--ink) !important; }
body.admin-skin #admin-dashboard button[class*="bg-[#C9A84C]"]:hover, body.admin-skin #admin-dashboard button.bg-gold:hover, body.admin-skin .btn-action-warning:hover { background: var(--gold-light) !important; }
body.admin-skin .btn-action-primary { background: var(--gold-deep) !important; color: #fff !important; }
body.admin-skin .input-premium:focus, body.admin-skin #admin-dashboard input:focus, body.admin-skin #admin-dashboard select:focus, body.admin-skin #admin-dashboard textarea:focus { border-color: var(--gold-deep) !important; box-shadow: 0 0 0 3px rgba(201, 168, 76, .25) !important; }
.fx-btn { background: var(--gold); color: var(--ink); }
.fx-btn.red { background: #DC2626; color: #fff; } .fx-btn.gray { background: #64748B; color: #fff; }
.fx-tabs button.on { background: var(--gold); color: var(--ink); border-color: var(--gold); }
.fx-t th { color: var(--gold-deep); }

/* ====================== CONTRATAÇÃO ONLINE e ONBOARDING ====================== */
.ct-side { background: radial-gradient(circle at 85% 8%, rgba(201, 168, 76, .35), transparent 55%), linear-gradient(135deg, #2B2B2F 0%, #1C1C1E 100%) !important; }
.ct-side::before { display: none; }
.btn-primary { background: var(--gold); color: var(--ink); }
.ct-actions .btn-primary, .btn.btn-primary { background: var(--gold); color: var(--ink); box-shadow: 0 8px 20px rgba(201, 168, 76, .35); }
.btn.btn-primary:hover:not(:disabled) { background: var(--gold-light); }
.btn.btn-gold { background: var(--ink); color: #fff; }
.btn.btn-gold:hover:not(:disabled) { background: #000; }
.btn.btn-ghost { color: var(--gold-deep); }
.ct-step.done { color: var(--gold-deep); border-top-color: var(--gold-deep); }
.ct-step.active { border-top-color: var(--gold); }
.ct-field input:focus, .ct-field select:focus { border-color: var(--gold-deep); box-shadow: 0 0 0 4px rgba(201, 168, 76, .25); }
.ct-back { color: var(--gold-deep); }
.ct-plan em, .ct-sum .price { color: var(--gold-deep); }
.ct-sum .price { color: var(--gold-light); }
.ct-plan input:checked + span, .ct-seg input:checked + span { border-color: var(--gold); background: var(--cream); color: var(--ink); }
.ct-seg input:checked + span { color: var(--gold-dark); }
.ct-loading { background: rgba(28, 28, 30, .88); }
body.onb-skin .bg-gold, body.onb-skin .btn-gold-solid { background: var(--gold) !important; color: var(--ink) !important; box-shadow: 0 6px 16px rgba(201, 168, 76, .35) !important; }
body.onb-skin .bg-gold *, body.onb-skin .btn-gold-solid * { color: var(--ink) !important; }
body.onb-skin h1.text-gold, body.onb-skin h1 .text-gold { color: var(--gold-deep) !important; }

/* ====================== CORREÇÕES DE LEGIBILIDADE ====================== */
:root { --success: #047857; }
body.inner-page .footer h4, body.inner-page footer h4 { color: var(--gold) !important; }
body.inner-page .footer p, body.inner-page .footer li, body.inner-page .footer span, body.inner-page .footer div { color: inherit; }
body.inner-page .text-gray-100, body.inner-page .text-gray-200 { color: #4B4B52 !important; }
body.inner-page header#hero .text-gray-100, body.inner-page header#hero .text-gray-200 { color: var(--ink) !important; }
body.inner-page .text-amber-400 { color: #B45309 !important; }
body.inner-page .bg-amber-500\/10 { background-color: #FEF3C7 !important; }
body.inner-page .border-amber-500\/30 { border-color: #FDE68A !important; }
body.inner-page .bg-white\/3 { background-color: #fff !important; box-shadow: 0 2px 10px rgba(168, 131, 42, .08); }
body.inner-page .border-white\/8 { border-color: var(--line-gold) !important; }
body.inner-page .hover\:text-white:hover { color: var(--ink) !important; }
body.inner-page .hover\:bg-white\/5:hover { background-color: rgba(201, 168, 76, .10) !important; }
/* textos dourados com contraste adequado sobre branco/creme */
body.inner-page .text-gold, body.inner-page .text-gold\/60, body.inner-page .text-gold\/70, body.inner-page .text-gold\/80 { color: #8A6A1C !important; }
body.inner-page header#hero .text-gold, body.inner-page header#hero .italic { color: #8A6A1C !important; }
.comparison-badge-no { color: #6B6B73 !important; }
.testimonial-stars { color: #B8902F; }
.hero-text h1 .hero-highlight, .section-title .highlight { color: #A8832A; }
body.portal-skin #dashboard-screen .text-blue-400, body.portal-skin #dashboard-screen .text-blue-500 { color: #8A6A1C !important; }
body.portal-skin #dashboard-screen .text-yellow-400, body.portal-skin #dashboard-screen .text-yellow-500 { color: #B45309 !important; }
body.portal-skin #dashboard-screen .text-purple-400, body.portal-skin #dashboard-screen .text-pink-400, body.portal-skin #dashboard-screen .text-indigo-400 { color: #8A6A1C !important; }
body.portal-skin #dashboard-screen [class*="from-[#1a1a24]"], body.portal-skin #dashboard-screen [class*="from-[#0"], body.portal-skin #dashboard-screen [class*="to-black"] {
    background-image: linear-gradient(135deg, #FBF6E6, #F3E7BF) !important; border-color: var(--line-gold) !important;
}
body.portal-skin #dashboard-screen main .text-gold { color: #8A6A1C !important; }
body.admin-skin #admin-dashboard [class*="text-[#D4AF37]"], body.admin-skin #admin-dashboard [class*="text-[#C9A84C]"], body.admin-skin #admin-dashboard main .text-gold { color: #8A6A1C !important; }
