/* =========================================================
   GENEL (senin mevcutlarından)
========================================================= */
.senol {padding: 6px 8px; width: 200px; font-size: 14px; white-space: nowrap;}

.israil-secim-seçilmedi { background-color: #FFE0B2 !important; }
.israil-secim-iptal    { background-color: #F8BBD0 !important; }
.israil-secim-beklemede{ background-color: #FFF4C2 !important; }

.btn-beklemede {
  background-color: #ffe0b2; color: #000; border: 1px solid #ffcc80;
}
.btn-secilmedi {
  background-color: #ffcc80; color: #000; border: 1px solid #ffa726;
}
.btn-iptal {
  background-color: #f8d7da; color: #000; border: 1px solid #f5c6cb;
}
.btn-beklemede:hover,
.btn-secilmedi:hover,
.btn-iptal:hover { background-color: #146c43; color: #fff; }

/* Hücre inline-edit görseli */
td[contenteditable="true"] { background:#fef7e5; cursor:pointer; }

/* =========================================================
   HEADER / MENÜ (custom)
========================================================= */
:root{
  --ah-bg:#0f172a;           /* header arka planı */
  --ah-bg-2:#111827;         /* dropdown & drawer */
  --ah-fg:#e5e7eb;           /* metin */
  --ah-fg-dim:#9ca3af;       /* sönük metin */
  --ah-border:#1f2937;
  --ah-hover:rgba(255,255,255,.08);

  /* katman ve ölçüler */
  --header-h:60px;
  --z-header:5000;
  --z-dropdown:5100;
  --z-backdrop:5150;
  --z-drawer:5200;
}

/* Header şeridi */
.app-header{
  position: sticky; top:0; z-index: var(--z-header);
  background:var(--ah-bg); color:var(--ah-fg);
  border-bottom:1px solid var(--ah-border);
}
.app-nav{display:flex; align-items:center; gap:.75rem; height:var(--header-h); padding:0 14px; max-width:1400px; margin:0 auto;}
.brand{display:flex; align-items:center; gap:.6rem; text-decoration:none; color:var(--ah-fg)}
.brand .logo{width:28px;height:28px; border-radius:6px; background:linear-gradient(135deg,#22c55e,#16a34a)}
.brand .title{font-weight:700; letter-spacing:.2px}

/* Sol/Orta */
.nav-left{display:flex; align-items:center; gap:.25rem; flex:1}
.nav-links{display:flex; align-items:center; gap:.25rem; margin-left:.25rem}
.nav-link{
  color:var(--ah-fg); text-decoration:none; padding:.5rem .7rem; border-radius:8px; font-size:.95rem; line-height:1;
  transition: background .15s ease, color .15s ease;
}
.nav-link:hover{background:var(--ah-hover); color:#fff;}          /* <-- hover metni beyaz */
.nav-link.active{background:rgba(34,197,94,.16); color:#bbf7d0}
.nav-link.logout{color:#fecaca}

/* Dropdown */
.dropdown{position:relative}
.dropdown > button{
  background:transparent; color:var(--ah-fg); border:0; padding:.5rem .7rem; border-radius:8px;
  font-size:.95rem; cursor:pointer; transition: background .15s ease, color .15s ease;
}
.dropdown > button:hover{background:var(--ah-hover); color:#fff;}  /* <-- hover metni beyaz */

.dropdown-menu{
  position:absolute; top:100%; left:0; min-width:220px;
  background:var(--ah-bg-2); border:1px solid var(--ah-border);
  border-radius:10px; padding:.35rem; display:none; margin-top:.4rem;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  z-index: var(--z-dropdown);
}
.dropdown.open .dropdown-menu{display:block}

.dropdown-item{
  display:block; color:var(--ah-fg); text-decoration:none;
  padding:.55rem .6rem; border-radius:8px; font-size:.95rem;
  transition: background .12s ease, color .12s ease;
}
.dropdown-item:hover{background:var(--ah-hover); color:#fff;}      /* <-- hover metni beyaz */
.dropdown-item.active{background:rgba(34,197,94,.16); color:#bbf7d0}

/* Sağ */
.nav-right{display:flex; align-items:center; gap:.5rem}

/* Hamburger & Drawer (mobil) */
.hamb{
  display:none; background:transparent; color:var(--ah-fg);
  border:0; width:40px; height:40px; border-radius:8px;
  transition: background .15s ease, color .15s ease;
}
.hamb:hover{background:var(--ah-hover); color:#fff;}              /* <-- hover metni beyaz */

.drawer{
  position:fixed; inset:0 0 0 auto; width:280px; background:var(--ah-bg-2); color:var(--ah-fg);
  transform:translateX(100%); transition:.25s ease; z-index: var(--z-drawer);
  border-left:1px solid var(--ah-border)
}
.drawer.open{transform:none}
.drawer .d-head{height:var(--header-h); display:flex; align-items:center; padding:0 14px; border-bottom:1px solid var(--ah-border)}
.drawer .d-links{padding:10px}
.d-link{
  display:block; color:var(--ah-fg); text-decoration:none; padding:.7rem .8rem;
  border-radius:10px; margin-bottom:.2rem; transition: background .15s ease, color .15s ease;
}
.d-link:hover{background:var(--ah-hover); color:#fff;}             /* <-- hover metni beyaz */
.d-link.active{background:rgba(34,197,94,.16); color:#bbf7d0}
.d-section{margin:10px; padding:6px 8px; color:var(--ah-fg-dim); font-size:.8rem}

/* Backdrop */
.backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.45);
  opacity:0; pointer-events:none; transition:.2s; z-index: var(--z-backdrop);
}
.backdrop.open{opacity:1; pointer-events:auto}

/* Header’ın altında sticky kullananlar (ör. listeler.php’deki arama şeridi) */
.search-sticky{
  position: sticky;
  top: var(--header-h);
  z-index: calc(var(--z-header) - 10);
  background:#fff;
}

/* Responsive */
@media (max-width: 980px){
  .nav-links{display:none}
  .hamb{display:inline-flex; align-items:center; justify-content:center}
}
.tab-renklendir {border-top-right-radius: 0; border-bottom-right-radius:  0; background: #0d6efd; color:  #fff;}
.tab-renklendir:hover {background: #212529}
.modal-content {margin-top: 80px !important;}
.genel-izlenim {border: 1px solid #dee2e6; border-left: 5px solid #0d6efd; padding: 0.5rem; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border-radius: 0.5rem; background-color: #f8f9fa;}
.genel-diger-bilgiler {border: 1px solid #dee2e6; border-left: 5px solid #fd2e0d; padding: 0.5rem; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border-radius: 0.5rem; background-color: #f8f9fa;}