@import url('unified-header.css?v=1');
@import url('pengumuman-icons.css?v=1');
@import url('notifikasi-icons.css?v=1');
@import url('dashboard-fullscreen.css?v=1');
@import url('school-dashboard-icons.css?v=1');

/* Penanda yang konsisten untuk semua aksi yang dapat diklik. */
button,
a[href],
select,
input[type="checkbox"],
input[type="radio"],
input[type="submit"],
input[type="button"],
label[for],
[role="button"] { cursor: pointer; }

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
textarea { cursor: text; }

button:disabled,
input:disabled,
select:disabled { cursor: not-allowed; }

/* Tombol keluar yang seragam: ikon X timbul, tanpa teks visual. */
a[href="logout.php"] {
  display: inline-grid !important;
  place-items: center;
  width: 38px;
  height: 38px;
  min-width: 38px;
  padding: 0 !important;
  border: 1px solid #d8e4f2;
  border-radius: 11px;
  background: linear-gradient(145deg, #ffffff, #e7f0f8) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1;
  box-shadow: 0 4px 9px rgba(22, 66, 106, .18), inset 0 1px 0 #fff;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

a[href="logout.php"]::after {
  content: '×';
  color: #195b94;
  font: 700 25px/1 Arial, sans-serif;
}

a[href="logout.php"]:hover,
a[href="logout.php"]:focus-visible {
  transform: translateY(-2px);
  background: linear-gradient(145deg, #fff6f6, #ffe4e7) !important;
  border-color: #f3b8c0;
  box-shadow: 0 6px 12px rgba(154, 46, 61, .2), inset 0 1px 0 #fff;
  outline: none;
}

a[href="logout.php"]:hover::after,
a[href="logout.php"]:focus-visible::after { color: #d92e42; }

/* Mengalahkan ikon panah lama pada header dashboard dan inovasi. */
.header-actions > a[href="logout.php"],
.head-user > a[href="logout.php"] {
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  background: linear-gradient(145deg, #ffffff, #e7f0f8) !important;
  background-image: linear-gradient(145deg, #ffffff, #e7f0f8) !important;
  border: 1px solid #d8e4f2 !important;
  border-radius: 11px !important;
}