/* =============================================
   PRECIFICADORA — TEMA CLARO (Wally style)
   /precificadora/theme-light.css

   Paleta: Branco + verde-limão (#84cc16). Identico ao Wally.
   Ativo via html[data-theme="light"]
   ============================================= */

html[data-theme="light"] {
    /* ===== Tipografia tema claro: Geist + Geist Mono ===== */
    --font-family: 'Geist', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Geist', 'Inter', sans-serif;
    --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', 'JetBrains Mono', monospace;

    /* ===== Re-mapeamento das vars do shared/variables.css ===== */
    --neon-blue: #84cc16;
    --neon-cyan: #84cc16;
    --neon-green: #22c55e;
    --neon-red: #ef4444;
    --neon-yellow: #f59e0b;
    --neon-purple: #65a30d;
    --neon-orange: #f97316;

    --color-success: #22c55e;
    --color-danger: #ef4444;
    --color-warning: #f59e0b;
    --color-primary: #84cc16;

    --dark-bg: #f1f5f9;
    --darker-bg: #e2e8f0;
    --card-bg: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.82);
    --glass-border: rgba(0, 0, 0, 0.08);

    --color-bg-primary: #f1f5f9;
    --color-bg-secondary: #ffffff;
    --color-bg-tertiary: #f3f4f6;

    --text-primary: #111827;
    --text-secondary: #4b5563;
    --text-muted: #6b7280;
    --text-tertiary: #9ca3af;
    --color-text-primary: #111827;
    --color-text-secondary: #4b5563;
    --color-text-tertiary: #9ca3af;
    --color-text-muted: #9ca3af;

    --color-border: #e5e7eb;
    --color-border-light: #f3f4f6;

    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
    --shadow-glow: 0 0 20px rgba(132, 204, 22, 0.15);
    --shadow-glass: 0 4px 24px rgba(0, 0, 0, 0.06);

    --gradient-primary: linear-gradient(135deg, #84cc16, #a3e635);
    --gradient-neon: linear-gradient(135deg, #84cc16, #22c55e);

    color-scheme: light;
}

/* ===== Background base ===== */
html[data-theme="light"],
html[data-theme="light"] body {
    background: #f1f5f9;
    color: #111827;
    font-family: 'Geist', 'Inter', sans-serif;
}
/* Forca Geist em todos os elementos do app no tema claro (override de hardcodes) */
html[data-theme="light"] .app, html[data-theme="light"] .navbar, html[data-theme="light"] .auth-screen, html[data-theme="light"] .share-modal,
html[data-theme="light"] .app input, html[data-theme="light"] .app select, html[data-theme="light"] .app textarea, html[data-theme="light"] .app button {
    font-family: 'Geist', 'Inter', sans-serif;
}
/* Geist Mono em todos os números/labels mono */
html[data-theme="light"] .field-input input,
html[data-theme="light"] .field-input select,
html[data-theme="light"] .field-prefix,
html[data-theme="light"] .field-label,
html[data-theme="light"] .bento-label,
html[data-theme="light"] .bento-meta,
html[data-theme="light"] .seg-btn,
html[data-theme="light"] .bar-row .lab,
html[data-theme="light"] .bar-row .v,
html[data-theme="light"] .kv span,
html[data-theme="light"] .donut-legend,
html[data-theme="light"] .donut-legend-item .pct,
html[data-theme="light"] .printer-card-watt,
html[data-theme="light"] .printer-card-brand,
html[data-theme="light"] .printer-card-specs .spec-k,
html[data-theme="light"] .printer-card-specs .spec-v,
html[data-theme="light"] .printer-row .row-info .specs,
html[data-theme="light"] .printer-row .row-info .name,
html[data-theme="light"] .printer-row .row-stats .meta,
html[data-theme="light"] .suggest-k,
html[data-theme="light"] .suggest-sub,
html[data-theme="light"] .cross-table thead th,
html[data-theme="light"] .cross-table tbody tr,
html[data-theme="light"] .cross-table td,
html[data-theme="light"] .saved-card-sub,
html[data-theme="light"] .saved-card-kvs,
html[data-theme="light"] .ranking-row,
html[data-theme="light"] .config-item-sub,
html[data-theme="light"] .tiny-btn,
html[data-theme="light"] .config-form-title,
html[data-theme="light"] .app-footer,
html[data-theme="light"] .connection-status,
html[data-theme="light"] .logo-subtitle,
html[data-theme="light"] .field-help,
html[data-theme="light"] .winner-card .k,
html[data-theme="light"] .winner-card small,
html[data-theme="light"] .auth-error,
html[data-theme="light"] .auth-code-icon ~ input,
html[data-theme="light"] .printer-card-photo-upload,
html[data-theme="light"] .hero-product,
html[data-theme="light"] .auth-code-input {
    font-family: 'Geist Mono', ui-monospace, monospace !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.005em;
}
/* Display de números grandes em Geist (mais quente que mono) */
html[data-theme="light"] .hero-amount,
html[data-theme="light"] .margin-amount,
html[data-theme="light"] .proj-amount,
html[data-theme="light"] .mini-amount,
html[data-theme="light"] .printer-card-name,
html[data-theme="light"] .printer-card-price,
html[data-theme="light"] .suggest-v,
html[data-theme="light"] .printer-row .row-stats .profit,
html[data-theme="light"] .saved-card-name,
html[data-theme="light"] .config-item-name,
html[data-theme="light"] .kv strong,
html[data-theme="light"] .winner-card h4,
html[data-theme="light"] .field-input.lg input,
html[data-theme="light"] .auth-title,
html[data-theme="light"] .share-modal-content h2 {
    font-family: 'Geist', 'Inter', sans-serif !important;
    font-feature-settings: "tnum", "ss01";
}
/* Logo no tema claro continua bonito em Geist (mais limpo que Orbitron pra contraste) */
html[data-theme="light"] .logo {
    font-family: 'Geist', 'Inter', sans-serif !important;
    font-weight: 800;
    letter-spacing: -0.01em;
}

html[data-theme="light"] .cosmic-bg {
    background: #f1f5f9;
}
html[data-theme="light"] .grid-lines,
html[data-theme="light"] .particles,
html[data-theme="light"] .particle {
    display: none;
}

/* ===== Scrollbar light ===== */
html[data-theme="light"] *::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] *::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #84cc16, #65a30d);
    border: 2px solid rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] *::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #a3e635, #84cc16);
}
html[data-theme="light"] * {
    scrollbar-color: #84cc16 rgba(0, 0, 0, 0.04);
}

/* ===== AUTH SCREEN ===== */
html[data-theme="light"] .auth-screen {
    background: #f1f5f9;
}
html[data-theme="light"] .auth-screen::before {
    background:
        radial-gradient(circle at 20% 30%, rgba(132, 204, 22, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(163, 230, 53, 0.06) 0%, transparent 50%);
}
html[data-theme="light"] .auth-logo h1 {
    color: #84cc16;
    text-shadow: 0 0 24px rgba(132, 204, 22, 0.25);
}
html[data-theme="light"] .auth-logo p { color: #4b5563; }
html[data-theme="light"] .auth-icon {
    background: linear-gradient(135deg, rgba(132, 204, 22, 0.12), rgba(132, 204, 22, 0.18));
    border-color: #84cc16;
    box-shadow: 0 0 30px rgba(132, 204, 22, 0.25), inset 0 0 30px rgba(132, 204, 22, 0.08);
}
html[data-theme="light"] .auth-icon i { color: #65a30d; text-shadow: 0 0 12px rgba(132, 204, 22, 0.4); }
html[data-theme="light"] .auth-title { color: #111827; }
html[data-theme="light"] .auth-message { color: #4b5563; }
html[data-theme="light"] .auth-footer { border-top-color: rgba(0, 0, 0, 0.08); }
html[data-theme="light"] .auth-footer p { color: #6b7280; }
html[data-theme="light"] .auth-footer a { color: #65a30d; }
html[data-theme="light"] .auth-footer a:hover { color: #4d7c0f; text-shadow: none; }

@keyframes pulseLight {
    0%, 100% { box-shadow: 0 0 30px rgba(132, 204, 22, 0.25), inset 0 0 30px rgba(132, 204, 22, 0.08); }
    50% { box-shadow: 0 0 50px rgba(132, 204, 22, 0.4), inset 0 0 40px rgba(132, 204, 22, 0.15); }
}
html[data-theme="light"] .auth-icon { animation-name: pulseLight; }

/* Auth code input */
html[data-theme="light"] .auth-code-input {
    background: #ffffff;
    border-color: #e5e7eb;
    color: #111827;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .auth-code-input::placeholder { color: #9ca3af; }
html[data-theme="light"] .auth-code-input:focus {
    border-color: #84cc16;
    background: #f7fee7;
    box-shadow: 0 0 0 4px rgba(132, 204, 22, 0.15), 0 0 24px rgba(132, 204, 22, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .auth-code-icon { color: #84cc16; text-shadow: none; }
html[data-theme="light"] .auth-btn-submit {
    background: linear-gradient(135deg, #84cc16 0%, #65a30d 100%);
    color: #ffffff;
    box-shadow: 0 4px 16px rgba(132, 204, 22, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
html[data-theme="light"] .auth-btn-submit:hover {
    box-shadow: 0 8px 28px rgba(132, 204, 22, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* ===== NAVBAR ===== */
html[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.95);
    box-shadow:
        0 4px 24px rgba(0, 0, 0, 0.07),
        0 1px 4px rgba(0, 0, 0, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
}
html[data-theme="light"] .logo {
    background: linear-gradient(135deg, #84cc16, #65a30d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .logo-subtitle { color: #84cc16; }
html[data-theme="light"] .connection-status {
    background: rgba(132, 204, 22, 0.12);
    border-color: rgba(132, 204, 22, 0.4);
    color: #4d7c0f;
}
html[data-theme="light"] .connection-status .status-dot {
    background: #84cc16;
    box-shadow: 0 0 8px rgba(132, 204, 22, 0.6);
}

html[data-theme="light"] .btn-nav {
    background: transparent;
    color: #64748b;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
html[data-theme="light"] .btn-nav:hover {
    background: rgba(132, 204, 22, 0.08);
    color: #65a30d;
    border-color: #84cc16;
    box-shadow: 0 4px 12px rgba(132, 204, 22, 0.15);
}
html[data-theme="light"] .btn-nav::after {
    background: #1e293b;
    border-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
html[data-theme="light"] .btn-nav::before { border-bottom-color: #1e293b; }

html[data-theme="light"] .btn-nav.nav-tab.active {
    background: linear-gradient(135deg, rgba(132, 204, 22, 0.18), rgba(101, 163, 13, 0.12));
    border-color: #84cc16;
    color: #4d7c0f;
    box-shadow: 0 4px 16px rgba(132, 204, 22, 0.2);
}
html[data-theme="light"] .btn-nav.nav-tab.active i { color: #4d7c0f; }
html[data-theme="light"] .btn-nav.btn-logout { color: #94a3b8; }
html[data-theme="light"] .btn-nav.btn-logout:hover {
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.4);
    background: rgba(239, 68, 68, 0.08);
}
html[data-theme="light"] .nav-divider { background: rgba(0, 0, 0, 0.1); }

html[data-theme="light"] .mobile-nav-dropdown {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
html[data-theme="light"] .mobile-nav-item {
    color: #111827;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .mobile-nav-item:hover {
    background: rgba(132, 204, 22, 0.08);
    border-color: #84cc16;
    color: #4d7c0f;
}
html[data-theme="light"] .mobile-nav-item i { color: #84cc16; }

/* ===== BENTO CARDS ===== */
html[data-theme="light"] .bento {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(14px);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .bento:hover {
    border-color: rgba(132, 204, 22, 0.4);
    box-shadow: 0 8px 32px rgba(132, 204, 22, 0.08);
}
html[data-theme="light"] .bento-label { color: #4b5563; }
html[data-theme="light"] .bento-label .fa-circle { color: #84cc16; text-shadow: 0 0 6px rgba(132, 204, 22, 0.4); }
html[data-theme="light"] .bento-meta { color: #9ca3af; }
html[data-theme="light"] .bento-link-action { color: #ef4444; }

/* Hero */
html[data-theme="light"] .bento--hero {
    background:
        radial-gradient(circle at 20% 0%, rgba(132, 204, 22, 0.12), transparent 55%),
        linear-gradient(135deg, #ffffff, #f7fee7);
    border-color: rgba(132, 204, 22, 0.4);
}
html[data-theme="light"] .hero-amount {
    background: linear-gradient(135deg, #111827 0%, #4d7c0f 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .hero-currency,
html[data-theme="light"] .hero-cents {
    color: #6b7280;
    -webkit-text-fill-color: #6b7280;
}
html[data-theme="light"] .hero-product { color: #6b7280; }
html[data-theme="light"] .hero-kvs { border-top-color: rgba(0, 0, 0, 0.06); }
html[data-theme="light"] .kv span { color: #6b7280; }
html[data-theme="light"] .kv strong { color: #111827; }

#classBadge { transition: all 0.3s; }
html[data-theme="light"] #classBadge.is-excelente,
html[data-theme="light"] #classBadge.is-boa { color: #16a34a; border-color: rgba(34, 197, 94, 0.4); background: rgba(34, 197, 94, 0.1); text-shadow: none; }
html[data-theme="light"] #classBadge.is-atencao { color: #b45309; border-color: rgba(245, 158, 11, 0.4); background: rgba(245, 158, 11, 0.1); }
html[data-theme="light"] #classBadge.is-prejuizo { color: #b91c1c; border-color: rgba(239, 68, 68, 0.4); background: rgba(239, 68, 68, 0.1); }

/* Inputs */
html[data-theme="light"] .field-label { color: #4b5563; }
html[data-theme="light"] .field-help { color: #6b7280; }
html[data-theme="light"] .field-input {
    background: #ffffff;
    border-color: #e5e7eb;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
}
html[data-theme="light"] .field-input:focus-within {
    border-color: #84cc16;
    background: #f7fee7;
    box-shadow: 0 0 0 3px rgba(132, 204, 22, 0.15);
}
html[data-theme="light"] .field-input input,
html[data-theme="light"] .field-input select { color: #111827; }
html[data-theme="light"] .field-input input::placeholder { color: #9ca3af; }
html[data-theme="light"] .field-prefix { color: #6b7280; }

/* Native select arrow color */
html[data-theme="light"] .bento select,
html[data-theme="light"] select.field-input {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2384CC16' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center,
        #ffffff;
    border-color: #e5e7eb;
    color: #111827;
}
html[data-theme="light"] .bento select option { background: #ffffff; color: #111827; }
html[data-theme="light"] .bento select:focus {
    border-color: #84cc16;
    box-shadow: 0 0 0 3px rgba(132, 204, 22, 0.15);
}

/* Segmented */
html[data-theme="light"] .seg {
    background: #f3f4f6;
    border-color: #e5e7eb;
}
html[data-theme="light"] .seg-btn { color: #6b7280; }
html[data-theme="light"] .seg-btn:hover { color: #111827; }
html[data-theme="light"] .seg-btn.active {
    background: linear-gradient(135deg, #84cc16, #a3e635);
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

/* Breakdown */
html[data-theme="light"] .breakdown-empty {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.08);
    color: #4b5563;
}
html[data-theme="light"] .breakdown-empty i { color: #84cc16; }
html[data-theme="light"] .breakdown-empty strong { color: #65a30d; }
html[data-theme="light"] .donut-row svg { filter: drop-shadow(0 4px 8px rgba(132, 204, 22, 0.15)); }
html[data-theme="light"] .donut-svg svg circle:first-child { stroke: #f3f4f6; }
html[data-theme="light"] .donut-svg svg text:first-of-type { fill: #111827; }
html[data-theme="light"] .donut-svg svg text:last-of-type { fill: #6b7280; }

html[data-theme="light"] .bar-row .lab { color: #6b7280; }
html[data-theme="light"] .bar-row .v { color: #111827; }
html[data-theme="light"] .bar-row .barbg {
    background: #f3f4f6;
    border-color: #e5e7eb;
}
html[data-theme="light"] .bar-row .barbg i {
    background: linear-gradient(90deg, #84cc16, #65a30d);
    box-shadow: 0 0 6px rgba(132, 204, 22, 0.25);
}
html[data-theme="light"] .bar-row.is-amber .lab,
html[data-theme="light"] .bar-row.is-amber .v { color: #b45309; }
html[data-theme="light"] .bar-row.is-bold .lab,
html[data-theme="light"] .bar-row.is-bold .v { color: #111827; }
html[data-theme="light"] .bar-divider { border-top-color: rgba(0, 0, 0, 0.08); }
html[data-theme="light"] .shopee-fee {
    background: rgba(245, 158, 11, 0.08);
    border-color: rgba(245, 158, 11, 0.3);
    color: #b45309;
}

/* Margem tile */
html[data-theme="light"] .bento--margin {
    background:
        radial-gradient(circle at 50% 0%, rgba(132, 204, 22, 0.15), transparent 70%),
        rgba(255, 255, 255, 0.9);
}
html[data-theme="light"] .margin-amount { color: #16a34a; text-shadow: 0 2px 12px rgba(34, 197, 94, 0.2); }
html[data-theme="light"] .margin-amount.is-warn { color: #b45309; text-shadow: 0 2px 12px rgba(245, 158, 11, 0.2); }
html[data-theme="light"] .margin-amount.is-bad { color: #b91c1c; text-shadow: 0 2px 12px rgba(239, 68, 68, 0.2); }
html[data-theme="light"] .margin-amount.is-empty { color: #9ca3af; }
html[data-theme="light"] .class-tag { background: rgba(34, 197, 94, 0.1); border-color: rgba(34, 197, 94, 0.4); color: #16a34a; }
html[data-theme="light"] .class-tag.is-warn { background: rgba(245, 158, 11, 0.1); border-color: rgba(245, 158, 11, 0.4); color: #b45309; }
html[data-theme="light"] .class-tag.is-bad { background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.4); color: #b91c1c; }

/* Projection (steel-ish) */
html[data-theme="light"] .bento--projection {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-color: rgba(0, 0, 0, 0.08);
    color: #111827;
}
html[data-theme="light"] .bento--projection .bento-label { color: #4b5563; }
html[data-theme="light"] .bento--projection .bento-meta { color: #9ca3af; }
html[data-theme="light"] .proj-amount { color: #111827; }
html[data-theme="light"] .proj-amount small { color: #6b7280; }
html[data-theme="light"] .spark path.line { stroke: #84cc16; filter: drop-shadow(0 0 4px rgba(132, 204, 22, 0.4)); }
html[data-theme="light"] .spark path.fill { fill: #84cc16; opacity: 0.18; }

html[data-theme="light"] .mini-amount { color: #111827; }

/* Printer compare row */
html[data-theme="light"] .printer-row {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .printer-row:hover { background: #ffffff; border-color: rgba(132, 204, 22, 0.3); }
html[data-theme="light"] .printer-row .row-thumb { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.06); }
html[data-theme="light"] .printer-row .row-info .name { color: #111827; }
html[data-theme="light"] .printer-row .row-info .specs { color: #6b7280; }
html[data-theme="light"] .printer-row .row-info .specs strong { color: #16a34a; }
html[data-theme="light"] .printer-row .row-stats .profit { color: #111827; }
html[data-theme="light"] .printer-row .row-stats .meta { color: #9ca3af; }
html[data-theme="light"] .printer-row.is-current {
    background: linear-gradient(90deg, rgba(132, 204, 22, 0.12), rgba(132, 204, 22, 0.02));
    border-color: rgba(132, 204, 22, 0.5);
    box-shadow: 0 0 18px rgba(132, 204, 22, 0.12);
}
html[data-theme="light"] .printer-row.is-current .row-info .name { color: #4d7c0f; }
html[data-theme="light"] .printer-row.is-current .row-stats .profit { color: #4d7c0f; text-shadow: none; }

/* Printer cards */
html[data-theme="light"] .printer-card {
    background: rgba(255, 255, 255, 0.82);
    border-color: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .printer-card:hover {
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.08), 0 0 24px var(--brand-glow, rgba(132, 204, 22, 0.2));
    border-color: var(--brand, #84cc16);
}
html[data-theme="light"] .printer-card-thumb {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01));
    border-color: rgba(0, 0, 0, 0.06);
}
html[data-theme="light"] .printer-card-watt {
    background: linear-gradient(135deg, #ffffff, #f7fee7);
    border-color: var(--brand, #84cc16);
    color: var(--brand, #84cc16);
    text-shadow: none;
}
html[data-theme="light"] .printer-card-actions .tiny-btn {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
}
html[data-theme="light"] .printer-card-name { color: #111827; }
html[data-theme="light"] .printer-card-brand { color: #4b5563; }
html[data-theme="light"] .printer-card-specs { border-top-color: rgba(0, 0, 0, 0.06); }
html[data-theme="light"] .printer-card-specs .spec-k { color: #9ca3af; }
html[data-theme="light"] .printer-card-specs .spec-v { color: #111827; }
html[data-theme="light"] .printer-card-price { color: #16a34a; text-shadow: none; }
html[data-theme="light"] .printer-card-price small { color: #9ca3af; }
html[data-theme="light"] .printer-card.is-current {
    border-color: #84cc16;
    box-shadow: 0 0 24px rgba(132, 204, 22, 0.2);
}
html[data-theme="light"] .printer-card.is-current .printer-card-name { color: #4d7c0f; }

/* Suggest cards */
html[data-theme="light"] .suggest-card {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .suggest-k { color: #9ca3af; }
html[data-theme="light"] .suggest-k input {
    color: #65a30d;
    border-bottom-color: rgba(132, 204, 22, 0.3);
}
html[data-theme="light"] .suggest-k input:focus { border-bottom-color: #84cc16; }
html[data-theme="light"] .suggest-v { color: #111827; }
html[data-theme="light"] .suggest-sub { color: #9ca3af; }
html[data-theme="light"] .suggest-card--current {
    background: linear-gradient(135deg, rgba(132, 204, 22, 0.12), rgba(163, 230, 53, 0.08));
    border-color: rgba(132, 204, 22, 0.5);
    box-shadow: 0 0 18px rgba(132, 204, 22, 0.15);
}
html[data-theme="light"] .suggest-card--current .suggest-v { color: #4d7c0f; text-shadow: none; }

/* Buttons (overrides do shared/buttons.css) */
html[data-theme="light"] .btn-primary {
    background: linear-gradient(135deg, #84cc16, #65a30d);
    color: #ffffff;
    box-shadow: 0 4px 16px rgba(132, 204, 22, 0.3);
}
html[data-theme="light"] .btn-primary:hover {
    box-shadow: 0 6px 24px rgba(132, 204, 22, 0.45);
}
html[data-theme="light"] .btn-secondary {
    background: rgba(0, 0, 0, 0.04);
    color: #374151;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
html[data-theme="light"] .btn-secondary:hover {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.15);
}

/* Cross-channel table */
html[data-theme="light"] .cross-table thead th {
    color: #6b7280;
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .cross-table tbody tr {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}
html[data-theme="light"] .cross-table tbody tr:hover { background: rgba(0, 0, 0, 0.02); }
html[data-theme="light"] .cross-table tbody tr.is-best {
    background: linear-gradient(90deg, rgba(132, 204, 22, 0.08), transparent);
}
html[data-theme="light"] .cross-table td { color: #111827; }
html[data-theme="light"] .cross-table .star { color: #f59e0b; text-shadow: none; }
html[data-theme="light"] .cross-table .margin-good { color: #16a34a; }
html[data-theme="light"] .cross-table .margin-warn { color: #b45309; }
html[data-theme="light"] .cross-table .margin-bad { color: #b91c1c; }
html[data-theme="light"] .cross-empty { color: #6b7280; }
html[data-theme="light"] .best-banner {
    background: linear-gradient(135deg, rgba(132, 204, 22, 0.12), rgba(34, 197, 94, 0.08));
    border-color: rgba(132, 204, 22, 0.4);
    color: #4d7c0f;
}
html[data-theme="light"] .best-banner strong { color: #111827; }
html[data-theme="light"] .best-banner .star { color: #f59e0b; }

/* Saved cards (Análise) */
html[data-theme="light"] .saved-card {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .saved-card:hover {
    border-color: rgba(132, 204, 22, 0.4);
}
html[data-theme="light"] .saved-card-name { color: #111827; }
html[data-theme="light"] .saved-card-sub { color: #9ca3af; }
html[data-theme="light"] .saved-card-kvs .k { color: #9ca3af; }
html[data-theme="light"] .saved-card-kvs .v { color: #111827; }
html[data-theme="light"] .saved-card-actions label { color: #6b7280; }
html[data-theme="light"] .icon-btn { color: #9ca3af; }
html[data-theme="light"] .icon-btn:hover { color: #ef4444; }
html[data-theme="light"] .empty-state { color: #6b7280; }

html[data-theme="light"] .winner-card {
    background: linear-gradient(135deg, rgba(132, 204, 22, 0.15), rgba(34, 197, 94, 0.08));
    border-color: rgba(132, 204, 22, 0.4);
    color: #4d7c0f;
}
html[data-theme="light"] .winner-card h4 { color: #111827; }

html[data-theme="light"] .ranking-row { border-bottom-color: rgba(0, 0, 0, 0.06); }
html[data-theme="light"] .ranking-row .rk { color: #9ca3af; }
html[data-theme="light"] .ranking-row.first .rk { color: #f59e0b; }
html[data-theme="light"] .ranking-row .rname { color: #111827; }
html[data-theme="light"] .ranking-row .rprofit { color: #16a34a; }

/* Config items (filaments + packages list) */
html[data-theme="light"] .config-item {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .config-item-name { color: #111827; }
html[data-theme="light"] .config-item-sub { color: #9ca3af; }
html[data-theme="light"] .tiny-btn {
    color: #6b7280;
    border-color: rgba(0, 0, 0, 0.1);
}
html[data-theme="light"] .tiny-btn:hover {
    color: #65a30d;
    border-color: #84cc16;
}
html[data-theme="light"] .tiny-btn.danger:hover {
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.5);
}
html[data-theme="light"] .config-form-title { color: #65a30d; }
html[data-theme="light"] .config-printer-form-wrap {
    background: rgba(132, 204, 22, 0.04);
    border-color: rgba(132, 204, 22, 0.3);
}

/* Footer */
html[data-theme="light"] .app-footer {
    border-top-color: rgba(0, 0, 0, 0.06);
    color: #9ca3af;
}
html[data-theme="light"] .app-footer a { color: #65a30d; }

/* Share Modal */
html[data-theme="light"] .share-modal-backdrop { background: rgba(15, 23, 42, 0.4); }
html[data-theme="light"] .share-modal-content {
    background: #ffffff;
    border-color: rgba(132, 204, 22, 0.3);
    color: #111827;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 0 30px rgba(132, 204, 22, 0.1);
}
html[data-theme="light"] .share-modal-content p { color: #6b7280; }
html[data-theme="light"] .share-modal-content textarea {
    background: #f7fee7;
    border-color: rgba(0, 0, 0, 0.08);
    color: #4d7c0f;
}
html[data-theme="light"] .share-close { color: #9ca3af; }
html[data-theme="light"] .share-close:hover { color: #111827; }

/* Auth error */
html[data-theme="light"] .auth-error { color: #b91c1c; }

/* Loading overlay */
html[data-theme="light"] .loading-overlay { background: rgba(241, 245, 249, 0.95); }
html[data-theme="light"] .loading-cube { background: linear-gradient(135deg, #84cc16, #65a30d); }

/* Theme toggle button (sun/moon morph) */
.btn-nav.btn-theme-toggle .icon-sun,
.btn-nav.btn-theme-toggle .icon-moon {
    transition: opacity 0.3s, transform 0.3s;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-nav.btn-theme-toggle { position: relative; }
.btn-nav.btn-theme-toggle .icon-sun { opacity: 0; transform: rotate(-90deg); }
.btn-nav.btn-theme-toggle .icon-moon { opacity: 1; transform: rotate(0); }
html[data-theme="light"] .btn-nav.btn-theme-toggle .icon-sun { opacity: 1; transform: rotate(0); }
html[data-theme="light"] .btn-nav.btn-theme-toggle .icon-moon { opacity: 0; transform: rotate(90deg); }

/* Smooth color transitions ao alternar tema */
html, body, .navbar, .bento, .field-input, .printer-card, .printer-row,
.suggest-card, .saved-card, .config-item, .seg, .seg-btn,
.btn-nav, .auth-screen, .auth-code-input, .auth-btn-submit,
.cross-table tbody tr, .share-modal-content {
    transition:
        background-color 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}