/* ============================================================
   Component: action-bar (liste üstü başlık + araç çubuğu)
   ============================================================ */
.action-bar {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--space-3); margin-bottom: var(--space-4); flex-wrap: wrap;
}
.action-bar-title { font-size: var(--fs-lg); font-weight: 700; }
.action-bar-tools { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }

.ab-actions { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.ab-actions .btn { display: inline-flex; align-items: center; gap: 6px; }
.ab-actions .btn svg { width: 15px; height: 15px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Excel butonu — yeşil border (Excel olduğu belli olsun) */
.btn--excel { border-color: var(--green); color: var(--green); }
.btn--excel:hover { background: var(--green-soft); border-color: var(--green); color: var(--green); }