/* ui-light.css
   ธีมโทนสว่างสำหรับหน้าใช้งาน (List/Form/Dashboard/Login)
   ใช้ !important เพื่อ override CSS แบบ inline ที่มีอยู่เดิม
*/

:root{
  --primary:#2563eb !important;
  --primary-dark:#1d4ed8 !important;
  --primary-soft:rgba(37,99,235,.16) !important;
  --accent:#16a34a !important;

  /* ตัวแปรที่หน้าเดิมใช้ (เดิมเป็น dark) */
  --bg-dark:#f8fafc !important;
  --card-bg:rgba(255,255,255,.92) !important;
  --border-soft:rgba(15,23,42,.14) !important;
  --text-main:#0f172a !important;
  --muted:#64748b !important;
}

/* พื้นหลัง + สีตัวอักษรหลัก */
body{
  background: radial-gradient(circle at top left, #e0f2fe 0, #f8fafc 45%, #ffffff 100%) !important;
  color: var(--text-main) !important;
}

/* ตัวอักษร/ป้ายกำกับ (บางหน้ามี inline style โทนเข้ม) */
label{
  color: #334155 !important;
}
.page-subtitle,
.helper-text{
  color: #64748b !important;
}

/* เอฟเฟกต์วงกลมลอยให้สว่างลง */
.bg-orb::before,
.bg-orb::after{
  opacity: .35 !important;
}
.bg-orb::before{
  background: radial-gradient(circle, rgba(56,189,248,.55), transparent 65%) !important;
}
.bg-orb::after{
  background: radial-gradient(circle, rgba(244,114,182,.45), transparent 65%) !important;
}

/* Navbar ให้ขาว */
.navbar{
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border-soft) !important;
}
.navbar-brand{
  color: #0f172a !important;
  font-weight: 600;
}
.navbar .nav-link{
  color: #334155 !important;
}
.navbar .nav-link:hover{
  color: var(--primary) !important;
}
.navbar-text{
  color: #334155 !important;
}
.navbar .btn{
  box-shadow: none !important;
}

/* กล่อง/การ์ดให้เป็นขาว */
.card,
.card-body,
.table-card,
.table-shell,
.card-shell,
.form-shell,
.glass-card,
.dashboard-card,
.login-wrapper{
  background: var(--card-bg) !important;
  color: var(--text-main) !important;
  border: 1px solid var(--border-soft) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.08) !important;
}

/* card-glass (หลายหน้าใช้คลาสนี้) */
.card-glass,
.card-glass-body,
.card-glass-header{
  background: var(--card-bg) !important;
  color: var(--text-main) !important;
  border-color: var(--border-soft) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.08) !important;
}
.card-glass-header{
  border-bottom: 1px solid rgba(15,23,42,.12) !important;
}

/* เส้นแบ่ง/หัวข้อ */
hr,
.border-top,
.border-bottom{
  border-color: rgba(15,23,42,.12) !important;
}

/* ตาราง */
.table{
  color: var(--text-main) !important;
}
.table thead th{
  background: #f1f5f9 !important;
  border-bottom: 1px solid rgba(15,23,42,.12) !important;
  color: #0f172a !important;
}
.table td,
.table th{
  border-top: 1px solid rgba(15,23,42,.08) !important;
}
.table-hover tbody tr:hover{
  background: rgba(37,99,235,.06) !important;
}

/* เผื่อบางหน้ามี hover แบบโทนเข้มใน inline style */
.table tbody tr:hover{
  background: rgba(37,99,235,.06) !important;
}

/* ฟอร์ม */
.form-control,
.custom-select,
select,
textarea,
.input-group-text{
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.16) !important;
}

/* ปุ่ม outline แบบเดิมทำมาสำหรับ dark (ตัวอักษรสว่างเกิน) */
.btn-outline-soft{
  color: #334155 !important;
  border-color: rgba(15,23,42,.18) !important;
}
.btn-outline-soft:hover{
  background: rgba(37,99,235,.08) !important;
  color: #0f172a !important;
}
.form-control::placeholder{
  color: #94a3b8 !important;
}
.form-control:focus,
.custom-select:focus,
select:focus,
textarea:focus{
  border-color: rgba(37,99,235,.55) !important;
  box-shadow: 0 0 0 .2rem rgba(37,99,235,.15) !important;
}

/* ลิงก์ */
a{
  color: var(--primary);
}
a:hover{
  color: var(--primary-dark);
}

/* ป้าย/ข้อความช่วย */
.text-muted{
  color: var(--muted) !important;
}

/* Dropdown ให้สว่างและอ่านง่าย */
.dropdown-menu{
  background: rgba(255,255,255,.96) !important;
  border: 1px solid var(--border-soft) !important;
  box-shadow: 0 18px 40px rgba(15,23,42,.12) !important;
}
.dropdown-item{
  color: #0f172a !important;
}
.dropdown-item:hover,
.dropdown-item:focus{
  background: rgba(37,99,235,.08) !important;
  color: #0f172a !important;
}
.dropdown-divider{
  border-top-color: rgba(15,23,42,.10) !important;
}

/* Login page (ปรับพื้นหลังให้ขาว) */
.login-bg{
  background: radial-gradient(circle at top left, #e0f2fe 0, #f8fafc 55%, #ffffff 100%) !important;
}
.brand-pill{
  background: rgba(241,245,249,.85) !important;
  border-color: rgba(15,23,42,.12) !important;
}
.brand-subtitle{
  color: #475569 !important;
}
.feature-item{
  color: #334155 !important;
}
.feature-icon{
  background: rgba(37,99,235,.12) !important;
}