/* Studio · ajustes por tela do tema claro (vindos do theme-light-v177: PDV, Pedidos, Configurações/OS, login, gráficos). */
/* ─── Pedidos / Kanban ────────────────────────────────── */
html[data-theme="light"] .kanban-col-header {
    background: #f8fafc !important;
    border-bottom-color: #e5eaf2 !important;
}
html[data-theme="light"] .kanban-col-body {
    background: #fbfcfe !important;
}

/* ─── PDV claro ───────────────────────────────────────── */
html[data-theme="light"] .pdv-categories {
    background: #ffffff !important;
    border-bottom-color: #e7ecf3 !important;
}
html[data-theme="light"] .cat-btn {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
}
html[data-theme="light"] .cat-btn:hover {
    background: #f5f8fc !important;
    color: #334155 !important;
}
html[data-theme="light"] .cat-btn.active {
    background: var(--accent) !important;
    color: #ffffff !important;
    border-color: var(--accent) !important;
}
html[data-theme="light"] .product-card,
html[data-theme="light"] .pdv-product-item {
    background: #ffffff !important;
    border-color: #e3e9f1 !important;
    box-shadow: 0 1px 3px rgba(15,23,42,.04) !important;
}
html[data-theme="light"] .product-card:hover,
html[data-theme="light"] .pdv-product-item:hover {
    border-color: color-mix(in srgb,var(--accent) 35%,#e3e9f1) !important;
    box-shadow: 0 9px 24px rgba(15,23,42,.075) !important;
}
html[data-theme="light"] .product-card .p-thumb {
    background: linear-gradient(145deg,#f8fafc 0%,#f1f5f9 100%) !important;
    border-color: #e1e7ef !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html[data-theme="light"] .product-card:hover .p-thumb {
    border-color: color-mix(in srgb,var(--accent) 30%,#e1e7ef) !important;
    box-shadow: 0 7px 18px rgba(15,23,42,.075), inset 0 1px 0 #fff !important;
}
html[data-theme="light"] .product-card .p-name,
html[data-theme="light"] .ci-name {
    color: #17213a !important;
}
html[data-theme="light"] .pdv-right,
html[data-theme="light"] .pdv-cart,
html[data-theme="light"] .cart-header,
html[data-theme="light"] .cart-customer,
html[data-theme="light"] .cart-payment,
html[data-theme="light"] .cart-summary,
html[data-theme="light"] .cart-actions,
html[data-theme="light"] .pdv-shortcuts {
    background: #ffffff !important;
    border-color: #e7ecf3 !important;
}
html[data-theme="light"] .cart-item {
    background: #ffffff !important;
    border-bottom-color: #edf1f6 !important;
}
html[data-theme="light"] .pdv-party-row {
    background: #f8fafc !important;
    border-color: #e7ecf3 !important;
}
html[data-theme="light"] .pay-method,
html[data-theme="light"] .sale-type-btn {
    background: #ffffff !important;
    color: #64748b !important;
    border-color: #dfe6ef !important;
}
html[data-theme="light"] .pay-method.selected,
html[data-theme="light"] .sale-type-btn.active {
    background: color-mix(in srgb,var(--accent) 8%,white) !important;
    color: var(--accent) !important;
    border-color: var(--accent) !important;
}
html[data-theme="light"] .pdv-shortcuts kbd {
    background: #f1f5f9 !important;
    border-color: #dfe6ef !important;
    color: #64748b !important;
}

/* ─── Configurações / OS ──────────────────────────────── */
html[data-theme="light"] .os-modal-body,
html[data-theme="light"] .os-payment-modal,
html[data-theme="light"] .os-modal {
    background: #ffffff !important;
}
html[data-theme="light"] .os-multi-summary > div {
    background: #f8fafc !important;
    border: 1px solid #e8edf4;
}
html[data-theme="light"] .os-action {
    background: #ffffff !important;
    border-color: #dfe6ef !important;
    color: #64748b !important;
}
html[data-theme="light"] .os-action:hover {
    color: var(--accent) !important;
    border-color: var(--accent) !important;
}

/* ─── Badges e superfícies neutras ────────────────────── */
html[data-theme="light"] .badge-inactive {
    background: #f1f5f9 !important;
    color: #64748b !important;
}
html[data-theme="light"] .badge,
html[data-theme="light"] .cart-count {
    box-shadow: none !important;
}

/* ─── Login: respeitar a preferência clara ────────────── */
html[data-theme="light"] body:has(.login-panel) {
    background: #f5f7fb !important;
    color: #17213a !important;
}
html[data-theme="light"] .bg-pattern {
    background:
        radial-gradient(ellipse at 20% 50%, color-mix(in srgb,var(--accent) 7%,transparent) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 20%, rgba(16,185,129,.045) 0%, transparent 50%),
        linear-gradient(180deg,#f9fbfe,#f3f6fb) !important;
}
html[data-theme="light"] .grid-lines {
    background-image:
        linear-gradient(rgba(15,23,42,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(15,23,42,.025) 1px,transparent 1px) !important;
}
html[data-theme="light"] .login-panel {
    background: rgba(255,255,255,.90) !important;
    border-left-color: #e5eaf2 !important;
    box-shadow: -20px 0 60px rgba(15,23,42,.04);
}
html[data-theme="light"] .brand-content h1,
html[data-theme="light"] .login-header h2 {
    color: #0f1b35 !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] .brand-content p,
html[data-theme="light"] .login-header p,
html[data-theme="light"] .brand-feature span,
html[data-theme="light"] .form-label,
html[data-theme="light"] .remember-check span {
    color: #64748b !important;
}
html[data-theme="light"] .brand-feature,
html[data-theme="light"] .segment-card,
html[data-theme="light"] .selected-segment {
    background: rgba(255,255,255,.82) !important;
    border-color: #e1e7ef !important;
    color: #1f2a44 !important;
    box-shadow: 0 6px 24px rgba(15,23,42,.035);
}
html[data-theme="light"] .segment-card:hover,
html[data-theme="light"] .segment-card:focus-visible {
    background: color-mix(in srgb,var(--accent) 6%,white) !important;
    border-color: color-mix(in srgb,var(--accent) 32%,#e1e7ef) !important;
}
html[data-theme="light"] .segment-card small,
html[data-theme="light"] .selected-segment small {
    color: #7b8ba3 !important;
}
html[data-theme="light"] .selected-segment strong {
    color: #1f2a44 !important;
}
html[data-theme="light"] .login-panel .form-input {
    background: #f8fafc !important;
    border-color: #dfe6ef !important;
    color: #1f2a44 !important;
}
html[data-theme="light"] .login-footer {
    color: #94a3b8 !important;
}
html[data-theme="light"] .other-segment {
    border-top-color: #e7ecf3 !important;
}

/* ─── Gráficos/canvas e áreas de relatório ───────────── */
html[data-theme="light"] .chart-container {
    background: transparent !important;
}
html[data-theme="light"] canvas {
    filter: none !important;
}

/* ─── Mobile: overlay sem contaminar tema claro ───────── */
html[data-theme="light"] .mobile-overlay {
    background: rgba(15,23,42,.32) !important;
}

/* Impressão permanece branca independentemente do tema. */
@media print {
    html[data-theme="light"] body { background:#fff !important; }
}