/* PATCH LIGHT GLOBAL PRO — Mariays Store
   Objetivo: corrigir contraste/legibilidade no MODO CLARO em todas as telas
   Sem afetar o modo escuro (data-theme="dark" / ausência do light).
*/

:root[data-theme="light"]{
  --bg: #f6f7fb;
  --card: #ffffff;
  --card2: #fbfbfd;
  --text: #111827;
  --muted: #4b5563;
  --muted2: #6b7280;
  --border: #e5e7eb;
  --border2:#d1d5db;
  --shadow: 0 10px 30px rgba(17,24,39,.08);
  --shadow2: 0 6px 18px rgba(17,24,39,.06);
}

/* Fundo e base */
:root[data-theme="light"] body{
  background: var(--bg);
  color: var(--text);
}

/* Cards/panels/containers comuns (tenta abranger os nomes usados no seu projeto) */
:root[data-theme="light"] .card,
:root[data-theme="light"] .panel,
:root[data-theme="light"] .box,
:root[data-theme="light"] .kpi,
:root[data-theme="light"] .widget,
:root[data-theme="light"] .surface,
:root[data-theme="light"] .glass,
:root[data-theme="light"] .content-card,
:root[data-theme="light"] .right-panel .card,
:root[data-theme="light"] .rightPanel .card{
  background: var(--card);
  border: 1px solid var(--border);
  box-shadow: var(--shadow2);
}

/* Títulos e textos apagados */
:root[data-theme="light"] h1,
:root[data-theme="light"] h2,
:root[data-theme="light"] h3,
:root[data-theme="light"] .title,
:root[data-theme="light"] .page-title{
  color: var(--text);
}

:root[data-theme="light"] .subtitle,
:root[data-theme="light"] .hint,
:root[data-theme="light"] .muted,
:root[data-theme="light"] small,
:root[data-theme="light"] .help{
  color: var(--muted);
}

/* Inputs/Selects */
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea{
  background: #fff;
  color: var(--text);
  border: 1px solid var(--border2);
  outline: none;
}

:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder{
  color: var(--muted2);
}

:root[data-theme="light"] input:focus,
:root[data-theme="light"] select:focus,
:root[data-theme="light"] textarea:focus{
  border-color: #f472b6;
  box-shadow: 0 0 0 3px rgba(244,114,182,.25);
}

/* Tabelas: head mais visível + linhas nítidas */
:root[data-theme="light"] table{
  border-color: var(--border);
}
:root[data-theme="light"] table thead th{
  background: var(--card2);
  color: var(--text);
  border-bottom: 1px solid var(--border);
}
:root[data-theme="light"] table tbody td{
  border-bottom: 1px solid var(--border);
  color: var(--text);
}
:root[data-theme="light"] table tbody tr{
  background: #fff;
}
:root[data-theme="light"] table tbody tr:nth-child(even){
  background: #fcfcff;
}
:root[data-theme="light"] table tbody tr:hover{
  background: #f3f4f6;
}

/* Chips / badges */
:root[data-theme="light"] .badge,
:root[data-theme="light"] .chip,
:root[data-theme="light"] .tag,
:root[data-theme="light"] .status{
  font-weight: 600;
  color: var(--text);
  border-color: var(--border2);
}

/* Sidebar (quando existir) */
:root[data-theme="light"] .sidebar,
:root[data-theme="light"] .side,
:root[data-theme="light"] nav.sidebar{
  background: #ffffff;
  border-right: 1px solid var(--border);
}
:root[data-theme="light"] .sidebar a,
:root[data-theme="light"] .sidebar .nav-item{
  color: var(--muted);
}
:root[data-theme="light"] .sidebar a.active,
:root[data-theme="light"] .sidebar a:hover{
  color: var(--text);
}

/* Topbar */
:root[data-theme="light"] .topbar,
:root[data-theme="light"] header.topbar{
  background: rgba(255,255,255,.9);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(10px);
}

/* Botões: mantém tamanhos, só melhora leitura no claro */
:root[data-theme="light"] .btn,
:root[data-theme="light"] button{
  color: var(--text);
}
:root[data-theme="light"] .btn.secondary,
:root[data-theme="light"] .btn-outline{
  background: #fff;
  border: 1px solid var(--border2);
}

/* Painéis do lado direito (quando existir): aumenta legibilidade sem mexer em botões */
:root[data-theme="light"] .right-panel,
:root[data-theme="light"] .rightPanel,
:root[data-theme="light"] .aside-panel{
  color: var(--text);
}
:root[data-theme="light"] .right-panel .kpi-title,
:root[data-theme="light"] .rightPanel .kpi-title,
:root[data-theme="light"] .aside-panel .kpi-title{
  color: var(--muted);
}
:root[data-theme="light"] .right-panel .kpi-value,
:root[data-theme="light"] .rightPanel .kpi-value,
:root[data-theme="light"] .aside-panel .kpi-value{
  color: var(--text);
  font-weight: 700;
}

/* Links */
:root[data-theme="light"] a{
  color: #db2777;
}
:root[data-theme="light"] a:hover{
  color: #be185d;
}