/* =======================================================
   LeadFlow CRM - Light Theme (light-theme.css)
   ======================================================= */
:root[data-theme="light"],
[data-theme="light"],
body.theme-light {
  /* Surfaces & Backgrounds */
  --bg-dark: #F4F6FB;
  --bg-card: #FFFFFF;
  --bg-input: #EDF1F7;
  --bg-topbar: rgba(255, 255, 255, 0.88);

  /* Borders & Dividers */
  --border: rgba(15, 23, 42, 0.08);
  --border-act: rgba(99, 102, 241, 0.6);

  /* Typography */
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #8590A6;

  /* Accents */
  --accent: #5558E6;
  --accent-glow: rgba(99, 102, 241, 0.15);
  --accent-2: #4338CA;
  --green: #16A34A;
  --red: #DC2626;
  --light-red: #EF4444;
  --yellow: #D97706;
  --blue: #2563EB;
  --purple: #9333EA;
  --pink: #DB2777;
  --teal: #0D9488;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.07);
  --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.1);

  /* States & Controls */
  --hover-bg: rgba(15, 23, 42, 0.04);
  --table-th-bg: #F8FAFC;
  --table-th-color: #64748B;
  --pagination-bg: #FFFFFF;
  --calendar-filter: none;
}

body.theme-light .user-name {
  color: #272626;
}

body.theme-light .selected-user {
  background: #e4e4e4;
}

body.theme-light .flash-success {
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.3);
  color: #026626;
}
  
body.theme-light .flash-error {
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #8f0101;
}

body.theme-light .option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  cursor: pointer;
  color: #0f172a;
}


body.theme-light .option:hover{
  color:#ffff;
}

body.theme-light .fy-select {
  width: auto;
  min-width: 145px;
  border: none;
  background: #edf1f7;
  padding: 5px 24px 5px 4px;
  font-size: 0.8rem;
  font-weight: 700;
} 


body.theme-light .period-filter .form-select {
  width: auto;
  min-width: 150px;
  border: none;
  background: #edf1f7;
  padding: 5px 24px 5px 3px;
  font-size: 0.78rem;
  font-weight: 600;
  color: #0f172a;
}

body.theme-light .password-policy-div {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-secondary);
  margin-bottom: 7px;
  background: #eeeeee;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-radius: 5px;
  margin-top: 10px;
}

body.theme-light .password-policy-div h3 {
  color: var(--text-secondary);
  font-size: 13px;
}

body.theme-light .log-tr-error {
  background: #fabfc1;
}