/* sis_styles.css – Modern Theme: Deep Blue, Burnt Orange, Dark Gray */

@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;600&display=swap');

body {
  font-family: 'Prompt', sans-serif;
  background-color: #f4f6f8; /* พื้นหลังเทาอ่อนดูสะอาด */
  color: #1c1c1e; /* เทาเข้ม */
  min-height: 100vh;
}

/* Navbar */
.navbar {
  background-color: #002b5c; /* น้ำเงินเข้ม */
  color: white;
}

.navbar .nav-link,
.navbar-brand {
  color: white;
  font-weight: 500;
}

.navbar .nav-link:hover {
  color: #ffa94d; /* ส้มอ่อนเวลา hover */
}

/* Card */
.card {
  border-radius: 1rem;
  background-color: #ffffff;
  color: #1c1c1e;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* Buttons */
.btn-primary {
  background-color: #ff6f00; /* ส้มเข้ม */
  border: none;
  color: white;
}

.btn-primary:hover {
  background-color: #e65c00;
}

.btn-secondary {
  background-color: #4b5563; /* เทาเข้ม */
  border: none;
  color: white;
}

.btn-success {
  background-color: #2e7d32;
  border: none;
  color: white;
}

.btn-danger {
  background-color: #c62828;
  border: none;
  color: white;
}

.btn-warning {
  background-color: #ffb300;
  border: none;
  color: #212529;
}

.btn-info {
  background-color: #0288d1;
  border: none;
  color: white;
}

.btn-light {
  background-color: #f0f0f0;
  border: 1px solid #d6d6d6;
  color: #1c1c1e;
}

.btn-dark {
  background-color: #1f2937;
  border: none;
  color: white;
}

.btn i {
  margin-right: 4px;
}

/* Badges */
.badge-primary {
  background-color: #ff6f00;
}
.badge-success {
  background-color: #2e7d32;
}
.badge-danger {
  background-color: #c62828;
}
.badge-warning {
  background-color: #ffb300;
  color: #1c1c1e;
}
.badge-info {
  background-color: #0288d1;
}
.badge-secondary {
  background-color: #4b5563;
}

/* Forms */
.form-control,
.form-select {
  border-radius: 0.5rem;
  font-size: 1rem;
  border: 1px solid #ced4da;
}

/* Highlight Input */
.input-highlight {
  border: 2px solid #002b5c;
  box-shadow: 0 0 0 0.15rem rgba(0, 43, 92, 0.25);
}

/* Soft Blue Input */
.input-soft {
  background-color: #f1faff;
  border: 2px solid #0288d1;
  box-shadow: 0 0 0 0.15rem rgba(2, 136, 209, 0.15);
}

/* Table */
.table {
  font-size: 0.95rem;
}

.table thead {
  background-color: #002b5c;
  color: white;
}

/* Profile Image */
.profile-img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #dee2e6;
}

/* Footer */
footer {
  text-align: center;
  padding: 1rem;
  font-size: 0.85rem;
  color: #6c757d;
}