/**
 * Topbar küresel arama butonu (Ctrl+K paletini açar).
 *
 * 2026-07-15: base.html'de inline <style> + style="" attribute karışımı
 * olarak duruyordu (KURALLAR §3). Görsel davranış birebir korunarak taşındı;
 * :hover ve dark kuralları zaten burada olduğu için !important'lar artık
 * gereksiz — inline attribute'u ezmek için konmuşlardı, kaldırıldı.
 */

.topbar-search-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 12.5px;
  color: #64748b;
  margin-left: auto;
  margin-right: 14px;
  min-width: 220px;
  max-width: 340px;
  flex: 1;
  transition: background .15s, border-color .15s;
}

.topbar-search-btn:hover {
  background: #eef2ff;
  border-color: #c7d2fe;
}

.topbar-search-btn .topbar-search-icon { color: #94a3b8; }

.topbar-search-btn .topbar-search-kbd {
  margin-left: auto;
  font-size: 10px;
  background: #fff;
  border: 1px solid #cbd5e1;
  padding: 1px 6px;
  border-radius: 3px;
  color: #475569;
}

[data-theme="dark"] .topbar-search-btn {
  background: #1e293b;
  border-color: #334155;
  color: #cbd5e1;
}

[data-theme="dark"] .topbar-search-btn:hover {
  background: #312e81;
  border-color: #4338ca;
}

@media (max-width: 720px) {
  .topbar-search-btn { display: none; }
}

/* ── GLOBAL YIL SEÇİCİ (üst bar) ─────────────────────────────────────────────
   Yıl bazlı program: yıl seçimi tüm ekranlarda aynı yerde olsun diye
   arama kutusunun soluna kondu. Stil, komşusu .topbar-search-btn ile
   uyumlu tutuldu (aynı yükseklik, aynı kenarlık dili). */
.topbar-year-picker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 10px;
  padding: 0 10px 0 12px;
  height: 34px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  flex: 0 0 auto;
}

.topbar-year-picker:hover {
  background: #eef2ff;
  border-color: #c7d2fe;
}

.topbar-year-icon {
  font-size: 12px;
  color: #6366f1;
}

.topbar-year-select {
  border: 0;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  cursor: pointer;
  padding: 0 2px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  padding-right: 14px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L2 4h8z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0 center;
}

.topbar-year-select:focus-visible {
  outline: 2px solid #6366f1;
  outline-offset: 2px;
  border-radius: 3px;
}

[data-theme="dark"] .topbar-year-picker {
  background: #1e293b;
  border-color: #334155;
}

[data-theme="dark"] .topbar-year-picker:hover {
  background: #312e81;
  border-color: #4338ca;
}

[data-theme="dark"] .topbar-year-select {
  color: #cbd5e1;
}

/* Dar ekranda ikon gizlenir, seçici kalır — yıl seçimi mobilde de erişilebilir
   olmalı (arama butonu gizlenebilir ama bu işlevsel bir kontrol). */
@media (max-width: 720px) {
  .topbar-year-picker { margin-right: 6px; padding: 0 6px 0 8px; }
  .topbar-year-icon { display: none; }
}