/* E.V.G. Lab sign-in page, ported from lessons/index.php. Tailwind utilities come from tailwind.css. */
.evg-icon { width: 1.15em; height: 1.15em; display: inline-block; vertical-align: -0.18em; flex-shrink: 0; }
body { background-color: #0b0f19; color: #e2e8f0; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; }
.card { background-color: #111827; border: 1px solid #1f2937; border-radius: 1.25rem; }
.family-chip-active { border-color: #38bdf8 !important; background-color: rgba(56, 189, 248, 0.12) !important; color: #ffffff !important; }

/* Light Theme */
[data-theme="light"] body {
  background-color: #f1f5f9;
  color: #0f172a;
}
[data-theme="light"] .card {
  background-color: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08);
}
[data-theme="light"] h1,
[data-theme="light"] .text-white:not(button):not(a):not(button *):not(a *) {
  color: #0f172a !important;
}
[data-theme="light"] .text-slate-300 {
  color: #334155 !important;
}
[data-theme="light"] .text-slate-400 {
  color: #64748b !important;
}
[data-theme="light"] .bg-slate-950 {
  background-color: #f8fafc !important;
  border-color: #e2e8f0 !important;
}
[data-theme="light"] .border-slate-800,
[data-theme="light"] .border-slate-800\/80,
[data-theme="light"] .border-slate-700 {
  border-color: #e2e8f0 !important;
}
[data-theme="light"] input,
[data-theme="light"] select {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}
[data-theme="light"] input::placeholder {
  color: #94a3b8 !important;
}
[data-theme="light"] .evg-icon [stroke="#38bdf8"] {
  stroke: #0284c7;
}
[data-theme="light"] .evg-icon [stroke="#818cf8"] {
  stroke: #4f46e5;
}
[data-theme="light"] #theme-toggle-btn {
  background-color: #f1f5f9;
  border-color: #cbd5e1;
  color: #0f172a;
}

/* Added in the platform port: alerts, the parents' note and quick-account chips in the light theme. */
[data-theme="light"] #login-error {
  background-color: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
}
[data-theme="light"] #section-parents .bg-blue-950\/40 {
  background-color: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}
[data-theme="light"] .family-chip-active {
  background-color: #e0f2fe !important;
  color: #0f172a !important;
}
[data-theme="light"] .device-acc-chip {
  background-color: #f8fafc !important;
  border-color: #e2e8f0 !important;
}
[data-theme="light"] .device-acc-chip .text-white {
  color: #0f172a !important;
}
[data-theme="light"] .device-acc-chip.family-chip-active {
  background-color: #e0f2fe !important;
  border-color: #38bdf8 !important;
}
/* Hub sign-in (resources/views/filament/hub/auth/login.blade.php) */
[data-theme="light"] #hub-intro {
  background-color: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}
[data-theme="light"] #tab-btn-hub {
  color: #ffffff !important;
}
[data-theme="light"] #login-status,
[data-theme="light"] #reset-sent,
[data-theme="light"] #verify-sent {
  background-color: #ecfdf5;
  border-color: #a7f3d0;
  color: #047857;
}
/* Hub sign-up: who are you (parent / teacher / specialist) */
.persona-option input:checked + .persona-chip {
  border-color: #818cf8;
  background-color: rgba(99, 102, 241, 0.18);
  color: #ffffff;
}
.persona-option input:focus-visible + .persona-chip {
  outline: 2px solid #818cf8;
  outline-offset: 2px;
}
[data-theme="light"] .persona-option input:checked + .persona-chip {
  background-color: #eef2ff !important;
  border-color: #4f46e5 !important;
  color: #3730a3 !important;
}
/* Links and info banners of the hub pages: indigo, the primary colour of the lab (owner's decision 21.10.2026). */
[data-theme="light"] .text-indigo-300 {
  color: #4338ca !important;
}
[data-theme="light"] .hover\:text-indigo-200:hover {
  color: #3730a3 !important;
}
[data-theme="light"] #hub-invitation {
  background-color: #eef2ff;
  border-color: #c7d2fe;
  color: #3730a3;
}
/* Hub invitations (accept-invitation, practice-invitation): summaries, notices and alerts in the light theme. */
[data-theme="light"] #invitation-summary,
[data-theme="light"] #practice-summary,
[data-theme="light"] #practice-problem[role="status"] {
  background-color: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}
[data-theme="light"] #invitation-declined,
[data-theme="light"] #invitation-problem[role="status"],
[data-theme="light"] #practice-joined,
[data-theme="light"] #practice-declined {
  background-color: #ecfdf5;
  border-color: #a7f3d0;
  color: #047857;
}
[data-theme="light"] #invitation-problem[role="alert"],
[data-theme="light"] #practice-problem[role="alert"],
[data-theme="light"] .practice-error {
  background-color: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
}