/* Custom styles matching the reference mockup */

body { font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }

.card { border: 1px solid #eaedf2; border-radius: .5rem; }
.card-body h5 { font-weight: 600; }

code { color: #0d6efd; }

/* Red "Luu Cau Hinh" button */
.btn-save {
  background-color: #ef4444;
  color: #fff;
  border: none;
}
.btn-save:hover { background-color: #dc2626; color: #fff; }

/* Blue "Test" button */
.btn-test {
  background-color: #3b82f6;
  color: #fff;
  border: none;
}
.btn-test:hover { background-color: #2563eb; color: #fff; }

/* Green pill for "Bat bao cao" */
.badge-on {
  display: inline-block;
  padding: .35em .75em;
  background-color: #d1fae5;
  color: #065f46;
  border-radius: 999px;
  font-size: .85em;
  font-weight: 600;
}
.badge-off {
  display: inline-block;
  padding: .35em .75em;
  background-color: #fee2e2;
  color: #991b1b;
  border-radius: 999px;
  font-size: .85em;
  font-weight: 600;
}

/* Badge "Da luu" / "Chua co" canh title form */
.badge-ok {
  display: inline-block;
  padding: .2em .6em;
  background-color: #d1fae5;
  color: #065f46;
  border-radius: 999px;
  font-size: .75em;
  font-weight: 600;
}
.badge-miss {
  display: inline-block;
  padding: .2em .6em;
  background-color: #fef3c7;
  color: #92400e;
  border-radius: 999px;
  font-size: .75em;
  font-weight: 600;
}

/* Link ten kenh mo tab moi */
.channel-link {
  color: #111827;
}
.channel-link:hover {
  color: #2563eb;
  text-decoration: underline !important;
}

.alert { border-radius: .5rem; }

.table > :not(caption) > * > * { padding: .85rem .75rem; }

.form-label { font-size: .95rem; }

@media (max-width: 992px) {
  .sticky-top { position: static !important; }
}