.home_header {
  background: #0F172A;
  color: #fff;
  padding: 26px 38px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.home_logo { background: var(--primary-blue); padding: 10px; border-radius: 10px; font-size: 18px; }
.home_h1 { font-size: 24px; font-weight: 700; }
.home_subtitle { font-size: 12px; color: #94A3B8; }

.home_container { max-width: 1120px; margin: 0 auto; padding: 28px 20px 60px; }

.home_notice {
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  color: #1E40AF;
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 24px;
  font-size: 13px;
  line-height: 1.8;
}

.home_section { margin: 28px 0 10px; font-size: 18px; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.home_pill { font-size: 12px; font-weight: 600; color: #fff; padding: 3px 12px; border-radius: 999px; }
.home_pill_all { background: #64748B; }
.home_pill_student { background: #2563EB; }
.home_pill_teacher { background: #059669; }
.home_pill_admin { background: #DC2626; }

.home_table {
  width: 100%;
  border-collapse: collapse;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  overflow: hidden;
}
.home_table th { background: #F1F5F9; text-align: left; padding: 10px 14px; font-size: 12px; color: var(--text-muted); border-bottom: 1px solid var(--border-color); }
.home_table td { padding: 11px 14px; border-bottom: 1px solid var(--border-color); vertical-align: middle; }
.home_table tr:last-child td { border-bottom: none; }
.home_table a { color: var(--primary-blue); font-weight: 600; text-decoration: none; }
.home_table a:hover { text-decoration: underline; }
.home_th_no { width: 44px; }

.home_path { font-family: 'Sarabun', sans-serif; font-size: 12px; color: var(--text-muted); background: #F1F5F9; padding: 2px 8px; border-radius: 6px; white-space: nowrap; }

/* แถวแดง = สร้างแล้ว แต่ path ผิด (ไฟล์ไม่อยู่ตาม path) */
.home_row_bad td { background: #FEF2F2; }
.home_row_bad:hover td { background: #FEE2E2 !important; }
.home_row_bad .home_path { color: #B91C1C; background: #FEE2E2; border: 1px solid #FECACA; }
.home_row_bad a { color: #DC2626; }

.home_status { padding: 3px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.home_status_done { color: #047857; background: #D1FAE5; }
.home_status_todo { color: #92400E; background: #FEF3C7; }
.home_status_bad { color: #B91C1C; background: #FEE2E2; border: 1px solid #FECACA; }

/* ตัวหนังสือ path ใน popup SWAL2 */
.home_code { background: #FEE2E2; color: #B91C1C; padding: 2px 6px; border-radius: 4px; }

/* ปุ่ม Database ใน header */
.home_db_button {
  display: inline-block;
  margin-top: 6px;
  padding: 6px 14px;
  border-radius: 8px;
  background: #2563EB;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.home_db_button:hover {
  background: #1D4ED8;
  text-decoration: none;
}