/*
 * Admin header and navigation bar stylesheet.
 *
 * Responsibilities:
 * - Style the top header (logo/title) and navigation tabs.
 * - Define active/inactive tab states, hover/focus effects and badges
 *   (e.g. pending count).
 * - Handle header alignment and spacing relative to the main layout.
 *
 * Used by:
 * - /admin/pubcal_admin.php
 * - /admin/integrations.php
 *
 * Notes:
 * - Keep header-specific colors and typography here so the header
 *   can be reused across admin pages.
 */


/* /app/admin/ui/css/header.css */
.cm-left { display:flex; gap:10px; align-items:center; }
.tabs { display:flex; gap:6px; }
.tab-link { background:#121a27; color:#c8d6e5; border:1px solid #22314a; border-radius:10px; padding:8px 12px; cursor:pointer; }
.tab-link.active { border-color:#3b82f6; box-shadow: 0 0 0 2px rgba(59,130,246,.25) inset; }
/* --- LayerBar v headerju --- */
.cm-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  row-gap: 12px;
  align-items: center;
}
.cm-header .brand { margin-right: 6px; }
.cm-center.layerbar--header {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  opacity: .95;
}
.layerbar--header .layer {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  padding: 4px 8px;
  background: #101827;
  border: 1px solid #22314a;
  border-radius: 10px;
  font-size: 14px;
}
.layerbar--header input[type="checkbox"] {
  accent-color: #ef7d3b; /* topel oranžen kljuk */
}
/* --- Integrations gear button --- */
.btn.btn-icon.small {
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:32px; padding: gap:12px; margin-left:.5rem;
  border-radius:10px; border:1px solid var(--btn-border, #2b2f3a);
  background: var(--btn-bg, #0f1117);

  box-shadow: 0 0 0 1px rgba(255,255,255,0.04) inset;
  cursor:pointer; user-select:none;
}
.btn.btn-icon.small:hover { filter: brightness(1.15); }
.btn.btn-icon.small .icon { font-size:18px; line-height:1; }
@media (max-width: 640px){
  .btn.btn-icon.small { width:30px; height:30px; }
  .btn.btn-icon.small .icon { font-size:16px; }
}
/* Dark varianta headerja */
body.adm-shell.theme-dark .adm-header {
  background: #020f14;          /* enak ton kot body */
  color: #e5e7eb;
  border-bottom: 1px solid #1e293b;
}

body.adm-shell.theme-dark .adm-header .hdr-left h1,
body.adm-shell.theme-dark .adm-header a,
body.adm-shell.theme-dark .adm-header label,
body.adm-shell.theme-dark .adm-header span {
  color: #e5e7eb;
}