/* ====== ADMIN FIX (override) ====== */
/* gradient sama seperti dashboard mahasiswa */
body.app.admin,
body.admin-auth {
  min-height: 100vh;
  background: linear-gradient(135deg, #1aa37f 0%, #1a82c6 100%);
}

/* ------------------ NAV ADMIN ------------------ */
.nav-admin {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0 2px;
  margin-bottom: 14px;
}
.nav-admin .spacer { flex: 1; }

/* ------------------ BUTTONS ------------------ */
.button.small { 
  padding: 6px 10px; 
  font-size: .88rem; 
}
.button.danger { 
  background: #ef4444; 
  color: #fff; 
}
.button.danger:hover { 
  filter: brightness(.95); 
}

/* ------------------ TABEL ------------------ */
.table th.col-aksi,
.table td.actions-cell {
  text-align: center;
  white-space: nowrap;
  width: 1%;
}

/* ------------------ MODAL ------------------ */
.modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.4);
  display: none;          /* default tersembunyi */
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.modal-backdrop.is-open { 
  display: flex !important;   /* paksa tampil */
}
.modal {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  width: min(520px, 92vw);
}
.modal h3 { margin-top: 0; }
.modal .actions { display: flex; gap: 8px; justify-content: flex-end; }

/* ------------------ LOGIN CARD CENTER ------------------ */
body.admin-auth {
  display: grid;
  place-items: center;
}
.card-narrow { 
  max-width: 560px; 
  width: calc(100% - 32px); 
  margin: 48px auto; 
}
.page-title { margin: 0 0 12px; }

/* Spasi nyaman pada form login admin */
.admin-auth .card form {
  display: grid;
  gap: 12px;            /* jarak antar label, input, dan tombol */
}

/* (opsional) pastikan tombol rata kiri seperti input */
.admin-auth .card form button {
  justify-self: start;
}

/* Sembunyikan nav hanya di halaman form */
body.page-form .nav { 
  display: none !important; 
}

/* (opsional) beri sedikit jarak dari atas setelah nav disembunyikan */
body.page-form .container .card {
  margin-top: 10px;
}
/**** === NAV FORM: SAMAKAN DENGAN BERANDA === ****/

/* pastikan bar nav tampil rapi di form */
body.page-form .nav{
  display:flex;
  gap:18px;
  justify-content:center;
  padding:12px 0 6px;
}

/* gaya kapsul tombol – persis seperti beranda */
body.page-form .nav .button,
body.page-form .nav a.button{
  background:#22c55e;              /* hijau */
  color:#fff;
  border:0;
  border-radius:9999px;
  padding:.70rem 1.10rem;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  text-shadow:none !important;

  /* bayangan sama dengan beranda */
  box-shadow:0 6px 14px rgba(0,0,0,.12) !important;

  /* halus saat interaksi */
  transition:
    filter .15s ease,
    transform .02s ease,
    box-shadow .15s ease;
}

/* hover/focus/active – hilangkan efek gelap/inset yang muncul di form */
body.page-form .nav .button:hover,
body.page-form .nav a.button:hover{
  /* jangan pakai overlay/gradient apapun */
  background:#22c55e !important;
  background-image:none !important;

  /* tidak ada bayangan hitam “menutup” tombol */
  box-shadow:0 10px 20px rgba(0,0,0,.14) !important;
  filter:brightness(.96);
}
body.page-form .nav .button:focus,
body.page-form .nav a.button:focus{
  outline:0;
  /* ring kecil + bayangan sama seperti beranda */
  box-shadow:
    0 0 0 3px rgba(34,197,94,.25),
    0 6px 14px rgba(0,0,0,.12) !important;
}
body.page-form .nav .button:active,
body.page-form .nav a.button:active{
  transform:translateY(1px);
  box-shadow:0 4px 10px rgba(0,0,0,.12) !important;
}

/* warna khusus tombol Logout */
body.page-form .nav .button.logout,
body.page-form .nav a.logout{
  background:#ef4444 !important;
}
body.page-form .nav .button.logout:hover,
body.page-form .nav a.logout:hover{
  background:#ef4444 !important;
  filter:brightness(.96);
  box-shadow:0 10px 20px rgba(0,0,0,.14) !important;
}

/* kalau ada dekorasi pseudo-element dari CSS lain, matikan di sini */
body.page-form .nav .button::before,
body.page-form .nav a.button::before,
body.page-form .nav .button::after,
body.page-form .nav a.button::after{
  content:none !important;
}

/* === NAV FORM: samakan tombol dengan dashboard & nonaktifkan reaksi hover === */
body.page-form .nav a.button {
  background-color:#21b34b !important;  /* hijau tetap */
  background-image:none !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 6px 14px rgba(0,0,0,.12) !important;
  filter:none !important;
  outline:none !important;
  transition:none !important;
}

/* tombol logout merah */
body.page-form .nav a.button.logout{
  background-color:#ff544d !important;
  background-image:none !important;
}

/* MATIKAN SEMUA state yang bisa mengubah warna */
body.page-form .nav a.button:is(:hover,:focus,:active,:visited,:focus-visible,:focus-within){
  background-color:#21b34b !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:0 6px 14px rgba(0,0,0,.12) !important;
  filter:none !important;
  outline:none !important;
  transform:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

/* untuk logout saat hover/focus dll tetap merah */
body.page-form .nav a.button.logout:is(:hover,:focus,:active,:visited,:focus-visible,:focus-within){
  background-color:#ff544d !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:0 6px 14px rgba(0,0,0,.12) !important;
  filter:none !important;
  outline:none !important;
  transform:none !important;
}

/* kalau ada overlay pseudo-element dari theme, paksa nonaktif */
body.page-form .nav a.button::before,
body.page-form .nav a.button::after{
  content:none !important;
  display:none !important;
}

/* === KUNCI WARNA TEKS NAV DI HALAMAN FORM === */
body.page-form .nav a.button,
body.page-form .nav a.button:visited{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important; /* Safari/WebKit */
  text-shadow:none !important;
}

/* Semua state (hover, focus, active, current) tetap putih */
body.page-form .nav a.button:hover,
body.page-form .nav a.button:focus,
body.page-form .nav a.button:active,
body.page-form .nav a.button[aria-current],
body.page-form .nav a.button.is-active,
body.page-form .nav a.button.active{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
}

/* Pastikan elemen di dalam tombol ikut mewarisi warna */
body.page-form .nav a.button *,
body.page-form .nav a.button:hover *,
body.page-form .nav a.button:focus *,
body.page-form .nav a.button:active *,
body.page-form .nav a.button[aria-current] *{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  text-shadow:none !important;
}

/* Khusus tombol Logout juga tetap putih di semua state */
body.page-form .nav a.button.logout,
body.page-form .nav a.button.logout:hover,
body.page-form .nav a.button.logout:focus,
body.page-form .nav a.button.logout:active{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/********* 1) NAV: samakan dengan dashboard (tanpa hover hitam) *********/
.page-form .nav{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:center;
  margin:16px 0 10px;
}
.page-form .nav .button{
  display:inline-block;
  padding:10px 18px;
  border-radius:22px;
  font-weight:700;
  color:#fff;
  text-decoration:none;
  background:#19b24a;                /* hijau kapsul yg sama */
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 10px 25px rgba(2,6,23,.10);
  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
/* jangan ada overlay/gelap saat hover */
.page-form .nav .button:hover,
.page-form .nav .button:focus{
  transform:translateY(0);
  filter:none;
  box-shadow:0 10px 25px rgba(2,6,23,.10);
}
/* tombol logout merah */
.page-form .nav .button.logout{ background:#ff5a57; }

/********* 2) Kembalikan abu-abu untuk input readonly/disabled *********/
.page-form input[readonly],
.page-form input:disabled,
.page-form select:disabled,
.page-form textarea:disabled{
  background:#d4dde6 !important;     /* abu-abu seperti sebelumnya */
  color:#0f172a !important;
  border-color:#c7d2e0 !important;
  cursor:not-allowed;
}