/* Master no-leak theme override
   Palette:
     Gold text:  #fec615 #fed144 #fedd73 #ffe8a1 #fff4d0
     Earth:      #f9dd90 #f2cc87 #ebba7d #e3a974 #dc976a
     Bg:         #000000 #303030 #5c5c5c
*/

:root {
    --cm-bg: #000000;
    --cm-surface: #303030;
    --cm-surface-2: #3a3a3a;
    --cm-border: rgba(255, 255, 255, 0.10);
    --cm-text: #fff4d0;
    --cm-muted: #ffe8a1;
    --cm-accent: #fec615;
    --cm-accent-2: #fed144;
    --cm-accent-soft: rgba(254, 198, 21, 0.22);

    --cm-gold-1: #fec615;
    --cm-gold-2: #fed144;
    --cm-gold-3: #fedd73;
    --cm-gold-4: #ffe8a1;
    --cm-gold-5: #fff4d0;

    --cm-earth-1: #f9dd90;
    --cm-earth-2: #f2cc87;
    --cm-earth-3: #ebba7d;
    --cm-earth-4: #e3a974;
    --cm-earth-5: #dc976a;

    --cm-graphite: #5c5c5c;
    --cm-graphite-soft: rgba(92, 92, 92, 0.55);
}

html,
body {
    background-color: var(--cm-bg) !important;
    color: var(--cm-text) !important;
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif !important;
}

* {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif !important;
}

#particle-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

body.public-theme > *:not(#particle-canvas) {
    position: relative;
    z-index: 1;
}

/* Public hero sections (privacy/terms/support/blog/certificates) */
body.public-theme .gradient-bg:not(.keep-hero-size) {
    min-height: 28vh !important;
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
    background:
        radial-gradient(880px 420px at 18% 12%, rgba(254, 198, 21, 0.12), transparent 60%),
        radial-gradient(740px 360px at 82% 10%, rgba(92, 92, 92, 0.15), transparent 58%),
        linear-gradient(180deg, #0a0a0a 0%, #000000 100%) !important;
}

body.public-theme .glow-blob {
    background: radial-gradient(circle, rgba(254, 198, 21, 0.14) 0%, rgba(220, 151, 106, 0.04) 45%, transparent 72%) !important;
    opacity: 0.35 !important;
}

body.landing-premium .glow-blob {
    background: radial-gradient(circle, rgba(254, 198, 21, 0.14) 0%, rgba(220, 151, 106, 0.04) 45%, transparent 72%) !important;
    opacity: 0.30 !important;
}

/* Buttons, links, and highlight colors */
.btn-primary,
.btn-premium,
.btn-glow-perfect {
    background: linear-gradient(135deg, var(--cm-accent), var(--cm-earth-5)) !important;
    color: #000000 !important;
    border-color: rgba(254, 198, 21, 0.40) !important;
}

.btn-secondary {
    background: linear-gradient(135deg, rgba(92, 92, 92, 0.50), rgba(48, 48, 48, 0.60)) !important;
    border: 1px solid rgba(92, 92, 92, 0.35) !important;
    color: #fff4d0 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.30) !important;
    backdrop-filter: blur(8px) !important;
}

.btn-secondary:hover {
    background: linear-gradient(135deg, rgba(92, 92, 92, 0.65), rgba(48, 48, 48, 0.75)) !important;
    border-color: rgba(254, 198, 21, 0.35) !important;
    color: #fff4d0 !important;
}

a[class*="text-blue-"],
a[class*="text-indigo-"],
a[class*="text-purple-"],
a[class*="text-cyan-"],
a[class*="text-pink-"],
a[class*="hover:text-blue-"],
a[class*="hover:text-indigo-"],
a[class*="hover:text-purple-"],
a[class*="hover:text-cyan-"],
a[class*="hover:text-pink-"] {
    color: var(--cm-accent) !important;
}

/* Theme leak blockers for utility classes */
[class*="text-blue-"],
[class*="text-indigo-"],
[class*="text-purple-"],
[class*="text-cyan-"],
[class*="text-sky-"],
[class*="text-pink-"] {
    color: var(--cm-accent) !important;
}

[class*="bg-blue-"],
[class*="bg-indigo-"],
[class*="bg-purple-"],
[class*="bg-cyan-"],
[class*="bg-sky-"],
[class*="bg-pink-"] {
    background-color: var(--cm-surface-2) !important;
}

[class*="border-blue-"],
[class*="border-indigo-"],
[class*="border-purple-"],
[class*="border-cyan-"],
[class*="border-sky-"],
[class*="border-pink-"] {
    border-color: var(--cm-accent-soft) !important;
}

[class*="from-blue-"],
[class*="from-indigo-"],
[class*="from-purple-"],
[class*="from-cyan-"],
[class*="from-sky-"],
[class*="from-pink-"] {
    --tw-gradient-from: rgba(255, 201, 25, 0.3) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(255, 201, 25, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

[class*="via-blue-"],
[class*="via-indigo-"],
[class*="via-purple-"],
[class*="via-cyan-"],
[class*="via-sky-"],
[class*="via-pink-"] {
    --tw-gradient-stops: var(--tw-gradient-from), rgba(66, 67, 73, 0.82) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

[class*="to-blue-"],
[class*="to-indigo-"],
[class*="to-purple-"],
[class*="to-cyan-"],
[class*="to-sky-"],
[class*="to-pink-"] {
    --tw-gradient-to: rgba(45, 46, 50, 0.95) var(--tw-gradient-to-position) !important;
}

/* Footer refinement + premium nav chips */
.social-btn-premium {
    border-color: rgba(92, 92, 92, 0.35) !important;
    background: rgba(48, 48, 48, 0.55) !important;
    backdrop-filter: blur(8px) !important;
}

/* Keep brand-native social hover colors as requested */
.social-btn-linkedin:hover,
.social-btn-linkedin:hover::before {
    background: linear-gradient(135deg, #0077b5, #00a0dc) !important;
    border-color: rgba(0, 119, 181, 0.6) !important;
}

.social-btn-instagram:hover,
.social-btn-instagram:hover::before {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d) !important;
    border-color: rgba(225, 48, 108, 0.6) !important;
}

/* Generic card/surface consistency – graphite glass */
.glass-card,
.glass-real,
.premium-glass,
.liquid-glass {
    background: linear-gradient(135deg, rgba(92, 92, 92, 0.42), rgba(48, 48, 48, 0.55)) !important;
    backdrop-filter: blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* Blog/category badge normalization */
.blog-theme-chip,
.blog-theme-chip * {
    color: #fff4d0 !important;
}

.blog-theme-chip {
    background: rgba(254, 198, 21, 0.12) !important;
    border-color: rgba(254, 198, 21, 0.28) !important;
}

/* ---------- Landing unique tech mood ---------- */
body.landing-premium .tech-grid,
body.public-theme .tech-grid {
    background-image:
        linear-gradient(rgba(249, 221, 144, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(92, 92, 92, 0.08) 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
}

body.landing-premium::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.28;
    background:
        radial-gradient(1000px 600px at 18% -5%, rgba(254, 198, 21, 0.10), transparent 55%),
        radial-gradient(900px 560px at 82% 0%, rgba(92, 92, 92, 0.12), transparent 58%);
}

body.landing-premium::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.22;
    background-image:
        radial-gradient(circle at 12% 18%, rgba(249, 221, 144, 0.40) 1px, transparent 1.6px),
        radial-gradient(circle at 78% 12%, rgba(242, 204, 135, 0.35) 1px, transparent 1.8px),
        radial-gradient(circle at 64% 68%, rgba(235, 186, 125, 0.30) 1px, transparent 1.7px),
        linear-gradient(118deg, rgba(227, 169, 116, 0.12) 1px, transparent 1px),
        linear-gradient(35deg, rgba(220, 151, 106, 0.08) 1px, transparent 1px);
    background-size: 180px 180px, 220px 220px, 200px 200px, 240px 240px, 280px 280px;
    animation: cmNetworkMove 22s linear infinite;
}

@keyframes cmNetworkMove {
    0% {
        background-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    }
    100% {
        background-position: 180px 120px, -160px 130px, 120px -80px, 220px 110px, -190px 160px;
    }
}

body.landing-premium .gradient-bg {
    background:
        radial-gradient(1050px 640px at 16% 10%, rgba(254, 198, 21, 0.10), transparent 58%),
        radial-gradient(920px 520px at 82% 8%, rgba(92, 92, 92, 0.12), transparent 62%),
        linear-gradient(180deg, #0a0a0a 0%, #000000 100%) !important;
}

body.landing-premium,
body.public-theme {
    --primary-blue: #fec615 !important;
    --primary-purple: #dc976a !important;
    --primary-cyan: #f9dd90 !important;
    --primary-pink: #ebba7d !important;
    --primary-amber: #fec615 !important;
    --primary-emerald: #e3a974 !important;
    --primary-rose: #dc976a !important;
    --primary-indigo: #f2cc87 !important;
    --primary-orange: #ebba7d !important;
    --primary-teal: #f9dd90 !important;
}

body.landing-premium .mobile-menu-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 120 !important;
}

body.landing-premium .mobile-menu-container {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 130 !important;
    width: min(86vw, 320px) !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.97), rgba(0, 0, 0, 0.99)) !important;
    border-left: 1px solid rgba(254, 198, 21, 0.22) !important;
    backdrop-filter: blur(20px) !important;
}

body.landing-premium .menu-toggle-btn {
    border-color: rgba(254, 198, 21, 0.25) !important;
    background: rgba(254, 198, 21, 0.08) !important;
    color: #fff4d0 !important;
}

body.landing-premium .nav-link {
    color: #ffe8a1 !important;
    border: 1px solid transparent;
}

body.landing-premium .nav-link:hover,
body.landing-premium .nav-link:focus-visible {
    color: #fff4d0 !important;
    border-color: rgba(254, 198, 21, 0.25) !important;
    background: linear-gradient(135deg, rgba(254, 198, 21, 0.10), rgba(92, 92, 92, 0.12)) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25) !important;
}

/* Landing "4 adim" step numbers and cards */
body.landing-premium #surec .glass-card[class*="border-l-4"] {
    border-left-color: rgba(254, 198, 21, 0.60) !important;
}

body.landing-premium #surec .glass-card[class*="border-l-4"] > div:first-child {
    background: linear-gradient(135deg, #fec615, #dc976a) !important;
    box-shadow: 0 8px 24px rgba(254, 198, 21, 0.22) !important;
    border-color: rgba(0, 0, 0, 0.9) !important;
}

body.landing-premium #surec .glass-card[class*="border-l-4"] > div:first-child span {
    color: #000000 !important;
}

/* Distillation / Fine-Tuning readability */
body.landing-premium .insight-micro-label {
    font-size: 11px !important;
    line-height: 1.25rem !important;
    letter-spacing: 0.01em;
    color: #dfe2e8 !important;
    font-weight: 600;
}

body.landing-premium section[class*="bg-slate-"],
body.landing-premium section[class*="from-slate-"],
body.landing-premium section[class*="to-slate-"] {
    background-color: #000000 !important;
}

body.landing-premium .gradient-bg [class*="from-blue-"],
body.landing-premium .gradient-bg [class*="from-purple-"],
body.landing-premium .gradient-bg [class*="to-blue-"],
body.landing-premium .gradient-bg [class*="to-purple-"] {
    --tw-gradient-from: rgba(255, 201, 25, 0.28) !important;
    --tw-gradient-to: rgba(255, 201, 25, 0.02) !important;
}

/* Service cards: graphite glass + pop on click/focus */
body.landing-premium .service-card {
    border-color: rgba(92, 92, 92, 0.25) !important;
    background: linear-gradient(135deg, rgba(92, 92, 92, 0.35), rgba(48, 48, 48, 0.45)) !important;
    backdrop-filter: blur(16px) saturate(1.1) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

body.landing-premium .service-card:hover,
body.landing-premium .service-card:focus-within,
body.landing-premium .service-card:active {
    transform: translateY(-6px) scale(1.01) !important;
    border-color: rgba(254, 198, 21, 0.30) !important;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.55),
        0 0 26px rgba(254, 198, 21, 0.12) !important;
}

/* Service titles/text */
body.landing-premium #hizmetler h3,
body.landing-premium #hizmetler .text-white,
body.landing-premium #hizmetler .text-style-white {
    color: #fff4d0 !important;
}

body.landing-premium h1,
body.landing-premium h2,
body.landing-premium h3,
body.public-theme h1,
body.public-theme h2 {
    color: #fec615 !important;
    letter-spacing: -0.015em;
}

body.landing-premium p,
body.public-theme p {
    color: #fff4d0 !important;
}

body.landing-premium #hizmetler p,
body.landing-premium #hizmetler .text-slate-300,
body.landing-premium #hizmetler .text-slate-400,
body.landing-premium #hizmetler .text-slate-500 {
    color: var(--cm-muted) !important;
}

/* Icon capsule glow refinement */
body.landing-premium .service-icon {
    background: linear-gradient(135deg, rgba(254, 198, 21, 0.15), rgba(92, 92, 92, 0.18)) !important;
    border: 1px solid rgba(254, 198, 21, 0.20) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 8px 22px rgba(254, 198, 21, 0.10) !important;
}

body.landing-premium .service-icon-bg {
    background: radial-gradient(circle, rgba(254, 198, 21, 0.16), transparent 65%) !important;
    filter: blur(14px) !important;
}

/* Contact section cleanup */
body.landing-premium #contact,
body.public-theme #contact {
    background: linear-gradient(180deg, #050505 0%, #000000 100%) !important;
}

body.landing-premium #contact .glass-card,
body.public-theme #contact .glass-card {
    border-color: rgba(254, 198, 21, 0.18) !important;
}

/* Header/Footer in app panels */
body .topbar,
body header,
body .nav-blur {
    background-color: rgba(0, 0, 0, 0.92) !important;
    border-color: rgba(92, 92, 92, 0.25) !important;
    backdrop-filter: blur(16px) !important;
}

body footer {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.99)) !important;
}

body:not(.landing-premium):not(.public-theme) footer {
    border-top-color: rgba(92, 92, 92, 0.30) !important;
    background:
        radial-gradient(900px 340px at 20% 0%, rgba(254, 198, 21, 0.08), transparent 58%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.99)) !important;
}

body:not(.landing-premium):not(.public-theme) .app-footer-premium,
body:not(.landing-premium):not(.public-theme) .app-footer-premium * {
    color: #fff4d0 !important;
}

body:not(.landing-premium):not(.public-theme) .app-footer-premium {
    background:
        radial-gradient(820px 260px at 12% 0%, rgba(254, 198, 21, 0.10), transparent 62%),
        linear-gradient(180deg, #0a0a0a 0%, #000000 100%) !important;
}

body:not(.landing-premium):not(.public-theme) .app-footer-premium .bg-gradient-to-br,
body:not(.landing-premium):not(.public-theme) .app-footer-premium .bg-gradient-to-r {
    background-image: none !important;
    background-color: transparent !important;
}

/* Keep quick link pills readable */
body:not(.landing-premium):not(.public-theme) .app-footer-premium .footer-quick-link {
    background-image: linear-gradient(90deg, #fec615, #dc976a) !important;
    background-color: #fec615 !important;
    color: #000000 !important;
    border-color: rgba(254, 198, 21, 0.55) !important;
}

body:not(.landing-premium):not(.public-theme) .app-footer-premium .footer-quick-link:hover {
    background-image: linear-gradient(90deg, #fed144, #fec615) !important;
    color: #000000 !important;
}

/* Topbar 2FA chip contrast */
body:not(.landing-premium):not(.public-theme) #topbar-twofa-chip {
    background: linear-gradient(90deg, #fec615, #dc976a) !important;
    border-color: rgba(254, 198, 21, 0.70) !important;
    color: #000000 !important;
    font-weight: 700 !important;
}

body:not(.landing-premium):not(.public-theme) #topbar-twofa-chip .iconify {
    color: #000000 !important;
}

body:not(.landing-premium):not(.public-theme) .app-footer-premium .animate-pulse {
    animation-duration: 5s !important;
}

body:not(.landing-premium):not(.public-theme) .app-footer-premium h3,
body:not(.landing-premium):not(.public-theme) .app-footer-premium h4,
body:not(.landing-premium):not(.public-theme) .app-footer-premium .text-amber-400,
body:not(.landing-premium):not(.public-theme) .app-footer-premium .text-blue-400,
body:not(.landing-premium):not(.public-theme) .app-footer-premium .text-purple-400 {
    color: #fec615 !important;
}

body:not(.landing-premium):not(.public-theme) .app-footer-premium .bg-slate-800\/50,
body:not(.landing-premium):not(.public-theme) .app-footer-premium [class*="bg-slate-800/50"] {
    background: rgba(48, 48, 48, 0.70) !important;
    border-color: rgba(92, 92, 92, 0.30) !important;
}

body:not(.landing-premium):not(.public-theme) footer [class*="from-blue-"],
body:not(.landing-premium):not(.public-theme) footer [class*="to-blue-"],
body:not(.landing-premium):not(.public-theme) footer [class*="from-purple-"],
body:not(.landing-premium):not(.public-theme) footer [class*="to-purple-"] {
    --tw-gradient-from: rgba(254, 198, 21, 0.12) !important;
    --tw-gradient-to: rgba(254, 198, 21, 0.02) !important;
}

/* Dashboard background leak blocker */
body:not(.landing-premium):not(.public-theme) [class*="bg-white"],
body:not(.landing-premium):not(.public-theme) [class*="bg-indigo-"],
body:not(.landing-premium):not(.public-theme) [class*="bg-purple-"],
body:not(.landing-premium):not(.public-theme) [class*="bg-cyan-"] {
    background-color: rgba(48, 48, 48, 0.55) !important;
}

/* Keep white paper surface on proposal live preview */
body:not(.landing-premium):not(.public-theme) #proposal-template-page .proposal-live-preview-surface,
body:not(.landing-premium):not(.public-theme) #proposal-template-page .proposal-live-preview-surface [class*="bg-white"] {
    background-color: #ffffff !important;
}

body:not(.landing-premium):not(.public-theme) #proposal-template-page .proposal-live-preview-surface,
body:not(.landing-premium):not(.public-theme) #proposal-template-page .proposal-live-preview-surface *,
body:not(.landing-premium):not(.public-theme) #proposal-template-page .proposal-live-preview-surface [class*="text-slate-"] {
    color: #111827 !important;
}

/* Landing icon consistency */
body.landing-premium .nav-link svg,
body.landing-premium .mobile-nav-link svg,
body.landing-premium #modeller .iconify,
body.landing-premium #fark .iconify {
    color: #fec615 !important;
}

/* Hero KPI mockup readability */
body.landing-premium .counter-anim,
body.landing-premium .counter-time {
    color: #fec615 !important;
}

body.landing-premium .counter-anim + span,
body.landing-premium .counter-time + span {
    color: #fff4d0 !important;
}

body.landing-premium .float-animation [class*="text-slate-400"] {
    color: #ffe8a1 !important;
}

body.landing-premium .float-animation [class*="bg-gradient-to-r"][class*="from-blue-"],
body.landing-premium .float-animation [class*="bg-gradient-to-r"][class*="from-purple-"] {
    background-image: linear-gradient(90deg, #fec615, #dc976a) !important;
}

/* Landing hero details */
body.landing-premium .btn-secondary-cta {
    background: linear-gradient(135deg, rgba(254, 198, 21, 0.18), rgba(92, 92, 92, 0.20)) !important;
    border: 1px solid rgba(254, 198, 21, 0.35) !important;
    color: #fff4d0 !important;
    backdrop-filter: blur(10px) !important;
}

body.landing-premium .btn-secondary-cta:hover {
    background: linear-gradient(135deg, rgba(254, 198, 21, 0.28), rgba(92, 92, 92, 0.30)) !important;
}

body.landing-premium .gradient-text-premium {
    background: linear-gradient(120deg, #fff4d0 0%, #fedd73 35%, #fed144 65%, #fec615 100%) !important;
    background-size: 220% 220% !important;
    animation: cmGradientHero 5.5s ease-in-out infinite !important;
}

@keyframes cmGradientHero {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Admin panel icon consistency */
body:not(.landing-premium):not(.public-theme) #sidebar .iconify,
body:not(.landing-premium):not(.public-theme) header .iconify,
body:not(.landing-premium):not(.public-theme) #admin-dashboard .iconify {
    color: #fec615 !important;
}

body:not(.landing-premium):not(.public-theme) #admin-dashboard .text-emerald-400,
body:not(.landing-premium):not(.public-theme) #admin-dashboard .text-green-400,
body:not(.landing-premium):not(.public-theme) #admin-dashboard .text-indigo-400,
body:not(.landing-premium):not(.public-theme) #admin-dashboard .text-blue-400,
body:not(.landing-premium):not(.public-theme) #admin-dashboard .text-purple-400 {
    color: #fec615 !important;
}

/* Unified panel title colors for current theme */
body:not(.landing-premium):not(.public-theme) #admin-dashboard h1,
body:not(.landing-premium):not(.public-theme) #admin-dashboard h2,
body:not(.landing-premium):not(.public-theme) #admin-dashboard h3,
body:not(.landing-premium):not(.public-theme) #agent-dashboard h1,
body:not(.landing-premium):not(.public-theme) #agent-dashboard h2,
body:not(.landing-premium):not(.public-theme) #agent-dashboard h3,
body:not(.landing-premium):not(.public-theme) #supervisor-dashboard h1,
body:not(.landing-premium):not(.public-theme) #supervisor-dashboard h2,
body:not(.landing-premium):not(.public-theme) #supervisor-dashboard h3,
body:not(.landing-premium):not(.public-theme) #team-dashboard h1,
body:not(.landing-premium):not(.public-theme) #team-dashboard h2,
body:not(.landing-premium):not(.public-theme) #team-dashboard h3,
body:not(.landing-premium):not(.public-theme) h1.text-2xl,
body:not(.landing-premium):not(.public-theme) h2.text-2xl {
    color: #fed144 !important;
}

body:not(.landing-premium):not(.public-theme) #manager-dashboard h1,
body:not(.landing-premium):not(.public-theme) #manager-dashboard h2,
body:not(.landing-premium):not(.public-theme) #manager-dashboard h3,
body:not(.landing-premium):not(.public-theme) #field-dashboard h1,
body:not(.landing-premium):not(.public-theme) #field-dashboard h2,
body:not(.landing-premium):not(.public-theme) #field-dashboard h3,
body:not(.landing-premium):not(.public-theme) .gradient-text-animated {
    color: #fed144 !important;
    background-image: linear-gradient(120deg, #fec615 0%, #fed144 30%, #fedd73 60%, #fff4d0 100%) !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

body:not(.landing-premium):not(.public-theme) #admin-dashboard canvas {
    filter: saturate(1.08) contrast(1.04) !important;
}

body:not(.landing-premium):not(.public-theme) #admin-dashboard .live-kpi-surface {
    background:
        radial-gradient(680px 220px at 10% 0%, rgba(254, 198, 21, 0.08), transparent 66%),
        linear-gradient(180deg, rgba(48, 48, 48, 0.60), rgba(0, 0, 0, 0.80)) !important;
    border: 1px solid rgba(92, 92, 92, 0.30) !important;
    backdrop-filter: blur(14px) !important;
}

body:not(.landing-premium):not(.public-theme) #admin-dashboard .live-kpi-metric {
    background: linear-gradient(135deg, rgba(92, 92, 92, 0.40), rgba(48, 48, 48, 0.50)) !important;
    border-color: rgba(92, 92, 92, 0.25) !important;
    backdrop-filter: blur(10px) !important;
}

body:not(.landing-premium):not(.public-theme) #admin-dashboard p,
body:not(.landing-premium):not(.public-theme) #admin-dashboard label,
body:not(.landing-premium):not(.public-theme) #admin-dashboard .text-xs {
    color: #ffe8a1 !important;
}

body:not(.landing-premium):not(.public-theme) #admin-dashboard .text-2xl,
body:not(.landing-premium):not(.public-theme) #admin-dashboard .text-lg,
body:not(.landing-premium):not(.public-theme) #admin-dashboard .text-base {
    color: #fff4d0 !important;
}

/* Workforce yellow cards readability */
#admin-workforce-dashboard .ik-yellow-card {
    background: linear-gradient(135deg, rgba(254, 198, 21, 0.90), rgba(220, 151, 106, 0.85)) !important;
    border-color: rgba(254, 198, 21, 0.65) !important;
    box-shadow:
        0 10px 26px rgba(254, 198, 21, 0.20),
        0 0 28px rgba(220, 151, 106, 0.18) !important;
}

#admin-workforce-dashboard .ik-yellow-card,
#admin-workforce-dashboard .ik-yellow-card * {
    color: #000000 !important;
}

#admin-workforce-dashboard .ik-yellow-card .iconify {
    filter: drop-shadow(0 0 8px rgba(255, 201, 25, 0.45));
}

/* Extra readability fixes for workforce yellow panels */
body:not(.landing-premium):not(.public-theme) #admin-workforce-dashboard [class*="from-yellow-"],
body:not(.landing-premium):not(.public-theme) #admin-workforce-dashboard [class*="to-yellow-"],
body:not(.landing-premium):not(.public-theme) #admin-workforce-dashboard [class*="bg-yellow-500/"] {
    color: #18181b !important;
}

body:not(.landing-premium):not(.public-theme) #admin-workforce-dashboard [class*="from-yellow-"] *,
body:not(.landing-premium):not(.public-theme) #admin-workforce-dashboard [class*="to-yellow-"] *,
body:not(.landing-premium):not(.public-theme) #admin-workforce-dashboard [class*="bg-yellow-500/"] * {
    color: #18181b !important;
}

/* Puantaj title/headers should stay readable in dark theme */
body:not(.landing-premium):not(.public-theme) #admin-attendance-dashboard h1,
body:not(.landing-premium):not(.public-theme) #admin-workforce-dashboard h3 {
    color: #fec615 !important;
}

#admin-workforce-dashboard .ik-yellow-card [class*="bg-white"],
#admin-workforce-dashboard .ik-yellow-card .bg-white,
#admin-workforce-dashboard .ik-yellow-card [class*="text-white"] {
    background-color: transparent !important;
    color: #000000 !important;
}

#admin-workforce-dashboard .ik-yellow-card [class*="text-slate-"],
#admin-workforce-dashboard .ik-yellow-card [class*="text-zinc-"] {
    color: #000000 !important;
}

#admin-workforce-dashboard .ik-yellow-card .border-white,
#admin-workforce-dashboard .ik-yellow-card [class*="border-white"] {
    border-color: rgba(0, 0, 0, 0.18) !important;
}

#admin-workforce-dashboard .ik-yellow-card a,
#admin-workforce-dashboard .ik-yellow-card button,
#admin-workforce-dashboard .ik-yellow-card span,
#admin-workforce-dashboard .ik-yellow-card p {
    color: #000000 !important;
}

#admin-dashboard-export-btn {
    color: #000000 !important;
}

#admin-dashboard-export-btn:hover {
    color: #000000 !important;
}

/* Explicit title color to avoid global paragraph override */
body.landing-premium .callmenta-farki-title {
    color: #fec615 !important;
}

/* Shadow/ring leak blockers */
[class*="shadow-blue-"],
[class*="shadow-indigo-"],
[class*="shadow-purple-"],
[class*="shadow-cyan-"],
[class*="shadow-pink-"],
[class*="shadow-emerald-"],
[class*="shadow-green-"] {
    --tw-shadow-color: rgba(254, 198, 21, 0.18) !important;
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.40),
        0 0 0 1px rgba(92, 92, 92, 0.15) !important;
}

[class*="ring-blue-"],
[class*="ring-indigo-"],
[class*="ring-purple-"],
[class*="ring-cyan-"],
[class*="ring-pink-"],
[class*="ring-emerald-"],
[class*="ring-green-"] {
    --tw-ring-color: rgba(254, 198, 21, 0.30) !important;
}

[class*="hover:bg-blue-"]:hover,
[class*="hover:bg-indigo-"]:hover,
[class*="hover:bg-purple-"]:hover,
[class*="hover:bg-cyan-"]:hover,
[class*="hover:bg-pink-"]:hover {
    background-color: rgba(254, 198, 21, 0.10) !important;
}

[class*="hover:text-blue-"]:hover,
[class*="hover:text-indigo-"]:hover,
[class*="hover:text-purple-"]:hover,
[class*="hover:text-cyan-"]:hover,
[class*="hover:text-pink-"]:hover {
    color: #fff4d0 !important;
}

/* Form controls: force app panels to graphite dark */
body:not(.landing-premium):not(.public-theme) input,
body:not(.landing-premium):not(.public-theme) select,
body:not(.landing-premium):not(.public-theme) textarea {
    background-color: rgba(0, 0, 0, 0.45) !important;
    border-color: rgba(92, 92, 92, 0.35) !important;
    color: #fff4d0 !important;
}

body:not(.landing-premium):not(.public-theme) input:focus,
body:not(.landing-premium):not(.public-theme) select:focus,
body:not(.landing-premium):not(.public-theme) textarea:focus {
    border-color: rgba(254, 198, 21, 0.45) !important;
    box-shadow: 0 0 0 2px rgba(254, 198, 21, 0.18) !important;
}

/* Dropdown + selected option visibility across all panels */
body:not(.landing-premium):not(.public-theme) select option {
    background: #303030 !important;
    color: #fff4d0 !important;
}

body:not(.landing-premium):not(.public-theme) option:checked,
body:not(.landing-premium):not(.public-theme) select option:checked {
    background: #fec615 !important;
    color: #000000 !important;
}

body:not(.landing-premium):not(.public-theme) select[multiple] option:checked {
    background: linear-gradient(180deg, #fec615, #dc976a) !important;
    color: #000000 !important;
}

body:not(.landing-premium):not(.public-theme) [class*="focus:border-purple-"]:focus,
body:not(.landing-premium):not(.public-theme) [class*="focus:ring-purple-"]:focus,
body:not(.landing-premium):not(.public-theme) .text-purple-600,
body:not(.landing-premium):not(.public-theme) .text-blue-600 {
    border-color: rgba(254, 198, 21, 0.45) !important;
    --tw-ring-color: rgba(254, 198, 21, 0.28) !important;
    color: #fec615 !important;
}

/* Workforce pages: yellow card readability in all roles */
body:not(.landing-premium):not(.public-theme) [id*="workforce"] .ik-yellow-card,
body:not(.landing-premium):not(.public-theme) [id*="workforce"] [class*="bg-yellow-500/"],
body:not(.landing-premium):not(.public-theme) [id*="workforce"] [class*="from-yellow-"],
body:not(.landing-premium):not(.public-theme) [id*="workforce"] [class*="to-yellow-"] {
    color: #000000 !important;
}

body:not(.landing-premium):not(.public-theme) [id*="workforce"] [class*="bg-yellow-500/"] .iconify,
body:not(.landing-premium):not(.public-theme) [id*="workforce"] [class*="from-yellow-"] .iconify {
    color: #000000 !important;
}

body:not(.landing-premium):not(.public-theme) [id*="attendance"] h1,
body:not(.landing-premium):not(.public-theme) [id*="attendance"] h2,
body:not(.landing-premium):not(.public-theme) [id*="attendance"] h3 {
    color: #fec615 !important;
}

/* Leave workforce custom dropdown/weekday controls */
#leave-workforce #employeeDropdown {
    background: #1a1a1a !important;
    border: 1px solid rgba(92, 92, 92, 0.35) !important;
}

#leave-workforce #employeeDropdown label {
    background: #1a1a1a !important;
}

#leave-workforce #employeeDropdown label:hover {
    background: rgba(254, 198, 21, 0.08) !important;
}

#leave-workforce #employeeDropdown .employee-checkbox:checked + span {
    color: #fff4d0 !important;
    font-weight: 700;
}

#leave-workforce .weekday-checkbox:checked + .weekday-box {
    border-color: rgba(254, 198, 21, 0.60) !important;
    background: rgba(254, 198, 21, 0.15) !important;
    color: #fff4d0 !important;
    font-weight: 700 !important;
}

/* Template pages readability */
body:not(.landing-premium):not(.public-theme) #admin-csat-page .rounded-xl,
body:not(.landing-premium):not(.public-theme) #call-note-template-page .rounded-xl,
body:not(.landing-premium):not(.public-theme) #proposal-template-page .rounded-xl {
    border-color: rgba(92, 92, 92, 0.30) !important;
}

body:not(.landing-premium):not(.public-theme) #admin-csat-page h1,
body:not(.landing-premium):not(.public-theme) #admin-csat-page h2,
body:not(.landing-premium):not(.public-theme) #admin-csat-page h3,
body:not(.landing-premium):not(.public-theme) #call-note-template-page h1,
body:not(.landing-premium):not(.public-theme) #call-note-template-page h2,
body:not(.landing-premium):not(.public-theme) #call-note-template-page h3 {
    color: #fec615 !important;
}

/* Blog editor and TinyMCE skin alignment */
body:not(.landing-premium):not(.public-theme) .tox.tox-tinymce,
body:not(.landing-premium):not(.public-theme) .tox .tox-editor-header,
body:not(.landing-premium):not(.public-theme) .tox .tox-sidebar-wrap,
body:not(.landing-premium):not(.public-theme) .tox .tox-toolbar,
body:not(.landing-premium):not(.public-theme) .tox .tox-toolbar__primary {
    background: #1a1a1a !important;
    border-color: rgba(92, 92, 92, 0.30) !important;
}

body:not(.landing-premium):not(.public-theme) .tox .tox-tbtn,
body:not(.landing-premium):not(.public-theme) .tox .tox-tbtn svg {
    color: #ffe8a1 !important;
    fill: #ffe8a1 !important;
}

body:not(.landing-premium):not(.public-theme) .tox .tox-tbtn:hover,
body:not(.landing-premium):not(.public-theme) .tox .tox-tbtn--enabled,
body:not(.landing-premium):not(.public-theme) .tox .tox-tbtn--enabled:hover {
    background: rgba(254, 198, 21, 0.10) !important;
    color: #fff4d0 !important;
}

body:not(.landing-premium):not(.public-theme) .tox .tox-edit-area__iframe {
    background: #0a0a0a !important;
}

/* Popups/modals – graphite glass */
body:not(.landing-premium):not(.public-theme) [role="dialog"],
body:not(.landing-premium):not(.public-theme) .modal-content,
body:not(.landing-premium):not(.public-theme) .swal2-popup,
body:not(.landing-premium):not(.public-theme) [class*="modal"] {
    border-color: rgba(92, 92, 92, 0.30) !important;
    background: linear-gradient(135deg, rgba(48, 48, 48, 0.92), rgba(0, 0, 0, 0.95)) !important;
    backdrop-filter: blur(20px) !important;
}

/* Direction labels and icons */
.call-direction-incoming,
[data-call-direction="incoming"] {
    background: rgba(34, 197, 94, 0.16) !important;
    color: #86efac !important;
    border-color: rgba(34, 197, 94, 0.45) !important;
}

.call-direction-outgoing,
[data-call-direction="outgoing"] {
    background: rgba(249, 115, 22, 0.16) !important;
    color: #fdba74 !important;
    border-color: rgba(249, 115, 22, 0.45) !important;
}

[data-icon*="phone-incoming"] {
    color: #22c55e !important;
}

[data-icon*="phone-outgoing"] {
    color: #f59e0b !important;
}

/* Dashboard surfaces - all roles */
body:not(.landing-premium):not(.public-theme) main,
body:not(.landing-premium):not(.public-theme) .content-area,
body:not(.landing-premium):not(.public-theme) .dashboard-content,
body:not(.landing-premium):not(.public-theme) [class*="dashboard-"] {
    background: transparent !important;
}

body:not(.landing-premium):not(.public-theme) .table,
body:not(.landing-premium):not(.public-theme) table,
body:not(.landing-premium):not(.public-theme) [class*="table-"] {
    border-color: rgba(92, 92, 92, 0.25) !important;
}

@media (max-width: 1023px) {
    body.landing-premium .nav-blur {
        backdrop-filter: blur(16px) saturate(1.1);
    }

    body.landing-premium .mobile-nav-link {
        color: #ffe8a1 !important;
        border-bottom-color: rgba(92, 92, 92, 0.20) !important;
    }

    body.landing-premium .mobile-nav-link:hover,
    body.landing-premium .mobile-nav-link.active {
        background: rgba(254, 198, 21, 0.08) !important;
        color: #fff4d0 !important;
        border-left-color: #fec615 !important;
    }

    body.landing-premium .btn-primary,
    body.landing-premium .btn-secondary {
        min-height: 42px;
    }
}

/* Dashboard and panels visual language – graphite glass */
body .glass-card,
body .ui-card,
body [class*="dashboard-card"],
body [class*="widget"],
body [class*="module-card"] {
    border-radius: 14px !important;
    border: 1px solid rgba(92, 92, 92, 0.25) !important;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Chart containers */
canvas {
    filter: saturate(0.90) contrast(1.02);
}

[class*="chart"],
[id*="chart"] {
    border-color: rgba(92, 92, 92, 0.25) !important;
}

/* Footer quick links readability fix */
footer a[class*="bg-slate-"] {
    color: #ffe8a1 !important;
}

footer a[class*="bg-slate-"]:hover {
    color: #fff4d0 !important;
}

/* Proposal portal */
.proposal-portal-theme .bg-slate-900\/90 {
    background: linear-gradient(135deg, rgba(48, 48, 48, 0.55), rgba(0, 0, 0, 0.75)) !important;
    backdrop-filter: blur(16px) !important;
}

/* Kill remaining legacy blue/purple gradients in panels */
body:not(.landing-premium):not(.public-theme) .from-blue-600.to-purple-600,
body:not(.landing-premium):not(.public-theme) .from-indigo-600.to-blue-600,
body:not(.landing-premium):not(.public-theme) .from-blue-500.to-purple-500 {
    background-image: linear-gradient(90deg, #fec615, #dc976a) !important;
    color: #000000 !important;
}

body:not(.landing-premium):not(.public-theme) .bg-blue-600,
body:not(.landing-premium):not(.public-theme) .bg-indigo-600,
body:not(.landing-premium):not(.public-theme) .bg-purple-600 {
    background-color: #dc976a !important;
    color: #000000 !important;
}

body:not(.landing-premium):not(.public-theme) .text-blue-400,
body:not(.landing-premium):not(.public-theme) .text-indigo-400,
body:not(.landing-premium):not(.public-theme) .text-purple-400 {
    color: #fec615 !important;
}

/* Global panel headings */
body:not(.landing-premium):not(.public-theme) main h1,
body:not(.landing-premium):not(.public-theme) main h2,
body:not(.landing-premium):not(.public-theme) main h3,
body:not(.landing-premium):not(.public-theme) main h4 {
    color: #fec615 !important;
}

/* Keep very small utility labels readable */
body:not(.landing-premium):not(.public-theme) main .text-xs,
body:not(.landing-premium):not(.public-theme) main .text-[10px] {
    color: #fedd73 !important;
}

/* Dashboard text readability */
.text-slate-500, .text-slate-600, .text-gray-500, .text-gray-600 {
    color: #ffe8a1 !important;
}
.text-slate-400, .text-gray-400 {
    color: #fff4d0 !important;
}

/* Catch-all for remaining bg-blue/indigo/purple-500 variants */
body:not(.landing-premium):not(.public-theme) .bg-blue-500,
body:not(.landing-premium):not(.public-theme) .bg-indigo-500,
body:not(.landing-premium):not(.public-theme) .bg-purple-500 {
    background-color: #dc976a !important;
    color: #000000 !important;
}

body:not(.landing-premium):not(.public-theme) .bg-blue-500:hover,
body:not(.landing-premium):not(.public-theme) .bg-indigo-500:hover,
body:not(.landing-premium):not(.public-theme) .bg-purple-500:hover {
    background-color: #fec615 !important;
}

/* Focus ring override */
body:not(.landing-premium):not(.public-theme) [class*="focus:ring-blue-"]:focus,
body:not(.landing-premium):not(.public-theme) [class*="focus:ring-indigo-"]:focus,
body:not(.landing-premium):not(.public-theme) [class*="focus:ring-purple-"]:focus,
body:not(.landing-premium):not(.public-theme) [class*="focus:border-blue-"]:focus,
body:not(.landing-premium):not(.public-theme) [class*="focus:border-indigo-"]:focus {
    border-color: rgba(254, 198, 21, 0.45) !important;
    --tw-ring-color: rgba(254, 198, 21, 0.28) !important;
    box-shadow: 0 0 0 2px rgba(254, 198, 21, 0.18) !important;
}

/* Badge/pill color consistency */
body:not(.landing-premium):not(.public-theme) [class*="bg-blue-500/20"],
body:not(.landing-premium):not(.public-theme) [class*="bg-indigo-500/20"],
body:not(.landing-premium):not(.public-theme) [class*="bg-purple-500/20"] {
    background-color: rgba(254, 198, 21, 0.10) !important;
}

body:not(.landing-premium):not(.public-theme) [class*="bg-blue-500/10"],
body:not(.landing-premium):not(.public-theme) [class*="bg-indigo-500/10"],
body:not(.landing-premium):not(.public-theme) [class*="bg-purple-500/10"] {
    background-color: rgba(254, 198, 21, 0.06) !important;
}

/* Sidebar active/hover state */
body:not(.landing-premium):not(.public-theme) aside [class*="bg-blue-"],
body:not(.landing-premium):not(.public-theme) aside [class*="bg-indigo-"],
body:not(.landing-premium):not(.public-theme) aside [class*="bg-purple-"] {
    background-color: rgba(254, 198, 21, 0.10) !important;
}

/* Auth/login page consistency */
body:not(.landing-premium) .auth-card [class*="from-blue-"],
body:not(.landing-premium) .auth-card [class*="from-indigo-"],
body:not(.landing-premium) .auth-card [class*="from-purple-"] {
    --tw-gradient-from: rgba(254, 198, 21, 0.15) !important;
    --tw-gradient-to: rgba(254, 198, 21, 0) !important;
}

/* Tab buttons */
body:not(.landing-premium):not(.public-theme) [class*="ring-offset-blue-"] {
    --tw-ring-offset-color: rgba(254, 198, 21, 0.20) !important;
}

/* Amber/yellow element dark text */
body:not(.landing-premium):not(.public-theme) [class*="from-amber-"][class*="to-yellow-"] .iconify,
body:not(.landing-premium):not(.public-theme) [class*="bg-amber-"] .iconify {
    color: #000000 !important;
}

body:not(.landing-premium):not(.public-theme) [class*="from-amber-"][class*="to-yellow-"] {
    color: #000000 !important;
}

body:not(.landing-premium):not(.public-theme) [class*="from-amber-"][class*="to-yellow-"] span,
body:not(.landing-premium):not(.public-theme) [class*="from-amber-"][class*="to-yellow-"] p,
body:not(.landing-premium):not(.public-theme) [class*="from-amber-"][class*="to-yellow-"] a {
    color: #000000 !important;
}

/* Hover state overrides */
body:not(.landing-premium):not(.public-theme) [class*="hover:bg-blue-"]:hover,
body:not(.landing-premium):not(.public-theme) [class*="hover:bg-indigo-"]:hover,
body:not(.landing-premium):not(.public-theme) [class*="hover:bg-purple-"]:hover {
    background-color: rgba(254, 198, 21, 0.10) !important;
}

/* Override text-white inside amber gradient buttons universally */
body:not(.landing-premium):not(.public-theme) button[class*="from-amber-"][class*="text-white"],
body:not(.landing-premium):not(.public-theme) button[class*="bg-amber-"][class*="text-white"],
body:not(.landing-premium):not(.public-theme) a[class*="from-amber-"][class*="text-white"],
body:not(.landing-premium):not(.public-theme) a[class*="bg-amber-"][class*="text-white"],
body:not(.landing-premium):not(.public-theme) input[type="submit"][class*="from-amber-"][class*="text-white"],
body:not(.landing-premium):not(.public-theme) input[type="submit"][class*="bg-amber-"][class*="text-white"] {
    color: #000000 !important;
}

/* Sidebar brand text */
body:not(.landing-premium):not(.public-theme) #sidebar .sidebar-brand-title {
    color: #fff4d0 !important;
}

/* Force readable text for admin dashboard action buttons */
#admin-dashboard-export-btn,
#adminModuleEditorFocus,
#agentModuleEditorFocus,
#managerModuleEditorFocus,
#supervisorModuleEditorFocus {
    color: #000000 !important;
}

/* ============================================================
   UNIVERSAL AMBER/YELLOW DARK-TEXT STANDARD
   All pages, all roles: any element with an amber/yellow
   background MUST have dark (#111) text and icons.
   Background gradients are preserved; only text color forced.
   ============================================================ */

/* 1 — Text color on amber/yellow backgrounds */
button[class*="bg-amber-"],
button[class*="bg-yellow-"],
button[class*="from-amber-"],
button[class*="from-yellow-"],
a[class*="bg-amber-"],
a[class*="bg-yellow-"],
a[class*="from-amber-"],
a[class*="from-yellow-"],
input[type="submit"][class*="bg-amber-"],
input[type="submit"][class*="bg-yellow-"],
input[type="submit"][class*="from-amber-"],
input[type="submit"][class*="from-yellow-"],
input[type="button"][class*="bg-amber-"],
input[type="button"][class*="bg-yellow-"],
input[type="button"][class*="from-amber-"],
input[type="button"][class*="from-yellow-"],
span[class*="bg-amber-6"],
span[class*="bg-amber-5"],
span[class*="bg-yellow-6"],
span[class*="bg-yellow-5"] {
    color: #000000 !important;
}

/* 2 — Icons (iconify + inline SVG) inside amber/yellow elements */
button[class*="bg-amber-"] .iconify,
button[class*="bg-amber-"] svg,
button[class*="bg-yellow-"] .iconify,
button[class*="bg-yellow-"] svg,
button[class*="from-amber-"] .iconify,
button[class*="from-amber-"] svg,
button[class*="from-yellow-"] .iconify,
button[class*="from-yellow-"] svg,
a[class*="bg-amber-"] .iconify,
a[class*="bg-amber-"] svg,
a[class*="bg-yellow-"] .iconify,
a[class*="bg-yellow-"] svg,
a[class*="from-amber-"] .iconify,
a[class*="from-amber-"] svg,
a[class*="from-yellow-"] .iconify,
a[class*="from-yellow-"] svg {
    color: #000000 !important;
}

/* 3 — Kill text-white specifically on amber/yellow (high specificity) */
button[class*="bg-amber-"][class*="text-white"],
button[class*="bg-yellow-"][class*="text-white"],
button[class*="from-amber-"][class*="text-white"],
button[class*="from-yellow-"][class*="text-white"],
a[class*="bg-amber-"][class*="text-white"],
a[class*="bg-yellow-"][class*="text-white"],
a[class*="from-amber-"][class*="text-white"],
a[class*="from-yellow-"][class*="text-white"],
input[type="submit"][class*="bg-amber-"][class*="text-white"],
input[type="submit"][class*="from-amber-"][class*="text-white"] {
    color: #000000 !important;
}

/* 4 — Avatar circles: keep white text for initials */
div[class*="bg-gradient-to-br"][class*="from-amber-"][class*="rounded-full"],
div[class*="bg-gradient-to-br"][class*="from-amber-"][class*="rounded-xl"],
div[class*="bg-linear-to-br"][class*="from-amber-"][class*="rounded-full"] {
    color: #ffffff !important;
}

/* 5 — File inputs: force dark text on the file-select pseudo-button */
input[type="file"][class*="file:text-white"] {
    --file-btn-color: #000000;
}

/* 6 — Panel-only: also flatten bg for consistent feel */
body:not(.landing-premium):not(.public-theme) button[class*="bg-amber-"],
body:not(.landing-premium):not(.public-theme) button[class*="bg-yellow-"],
body:not(.landing-premium):not(.public-theme) button[class*="from-amber-"],
body:not(.landing-premium):not(.public-theme) button[class*="from-yellow-"],
body:not(.landing-premium):not(.public-theme) a[class*="bg-amber-"],
body:not(.landing-premium):not(.public-theme) a[class*="bg-yellow-"],
body:not(.landing-premium):not(.public-theme) a[class*="from-amber-"],
body:not(.landing-premium):not(.public-theme) a[class*="from-yellow-"],
body:not(.landing-premium):not(.public-theme) input[type="submit"][class*="bg-amber-"],
body:not(.landing-premium):not(.public-theme) input[type="submit"][class*="from-amber-"] {
    background: #fec615 !important;
    background-image: none !important;
    border-color: rgba(254, 209, 68, 0.72) !important;
}

/* 7 — Exceptions: hover-only amber elements */
#btnOpenCrm {
    background-color: rgba(92, 92, 92, 0.50) !important;
    color: #fff4d0 !important;
    backdrop-filter: blur(8px) !important;
}
#btnOpenCrm:hover {
    background-color: #fec615 !important;
    color: #000000 !important;
}

/* Module settings buttons */
.module-settings-btn {
    background: rgba(254, 198, 21, 0.12) !important;
    background-image: none !important;
    border-color: rgba(254, 198, 21, 0.25) !important;
    color: #000000 !important;
}

.module-settings-btn .iconify {
    color: #000000 !important;
}

.module-settings-btn:hover {
    background: rgba(254, 198, 21, 0.20) !important;
}

/* Dashboard settings modal buttons */
.mem-span-btn,
.mem-chart-btn,
#moduleEditorModal button[class] {
    background-color: rgba(48, 48, 48, 0.70) !important;
    color: #fff4d0 !important;
    border-color: rgba(92, 92, 92, 0.30) !important;
}

#moduleEditorModal button[class]:hover,
.mem-span-btn.active,
.mem-chart-btn.active {
    background-color: rgba(254, 198, 21, 0.12) !important;
    border-color: rgba(254, 198, 21, 0.35) !important;
    color: #fff4d0 !important;
}

#moduleEditorModal #mem-apply-btn {
    background: linear-gradient(135deg, #fec615, #dc976a) !important;
    color: #000000 !important;
    border-color: rgba(254, 198, 21, 0.60) !important;
}

#moduleEditorModal #mem-apply-btn .iconify {
    color: #000000 !important;
}

#moduleEditorModal #mem-close-btn {
    background-color: rgba(92, 92, 92, 0.45) !important;
    color: #ffe8a1 !important;
}

#moduleEditorModal #mem-close-btn:hover {
    background-color: rgba(92, 92, 92, 0.60) !important;
    color: #fff4d0 !important;
}

#moduleEditorModal #mem-cancel-btn {
    background-color: rgba(48, 48, 48, 0.60) !important;
    color: #ffe8a1 !important;
}

/* Ensure ALL amber/yellow submit/action buttons have dark text */
button[class*="bg-amber-"][type="submit"],
button[class*="bg-yellow-"][type="submit"],
button[class*="from-amber-"][type="submit"],
button[class*="from-yellow-"][type="submit"],
input[type="submit"][class*="bg-amber-"],
input[type="submit"][class*="bg-yellow-"],
input[type="submit"][class*="from-amber-"],
input[type="submit"][class*="from-yellow-"],
input[type="button"][class*="bg-amber-"],
input[type="button"][class*="bg-yellow-"] {
    background: #fec615 !important;
    color: #000000 !important;
    border-color: rgba(254, 198, 21, 0.60) !important;
}

button[class*="bg-amber-"][type="submit"] .iconify,
button[class*="bg-yellow-"][type="submit"] .iconify,
input[type="submit"] .iconify,
input[type="button"] .iconify {
    color: #000000 !important;
}

/* Topbar language selector button */
body:not(.landing-premium):not(.public-theme) header button[class*="from-amber-"][class*="to-yellow-"],
body:not(.landing-premium):not(.public-theme) header button[class*="from-amber-"][class*="to-yellow-"] .iconify,
body:not(.landing-premium):not(.public-theme) header button[class*="from-amber-"][class*="to-yellow-"] span {
    color: #000000 !important;
}