/* =========================================
   HEADER - Header elementy
   ========================================= */
/* =========================================
   ZVÝRAZNĚNÍ TLAČÍTEK S CACHOVANÝMI DATY
   ========================================= */
.action-btn.has-data {
  border-color: var(--color-success, #27ae60);
  background: rgba(39, 174, 96, 0.06);
  position: relative;
}

.action-btn.has-data::after {
  content: '';
  position: absolute;
  top: 4px;
  right: 4px;
  width: 6px;
  height: 6px;
  background: var(--color-success, #27ae60);
  border-radius: 50%;
}

.person-action-btn.has-data {
  border-color: var(--color-success, #27ae60);
  background: rgba(39, 174, 96, 0.08);
  position: relative;
}

.person-action-btn.has-data::after {
  content: '';
  position: absolute;
  top: 3px;
  right: 3px;
  width: 5px;
  height: 5px;
  background: var(--color-success, #27ae60);
  border-radius: 50%;
}

/* =========================================
   HEADER - TLAČÍTKO DEMOGRAFIE
   ========================================= */
.btn-header-demo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--color-surface-2);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-sm);
  color: var(--color-text-muted);
  cursor: pointer;
  transition: var(--transition);
}

.btn-header-demo:hover {
  background: var(--color-hover);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

.btn-header-demo.active {
  background: var(--color-accent-glow);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

/* Admin tlačítko - stejný styl jako btn-header-demo, jen oranžová barva */
.btn-header-admin {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #FF9800, #FFB74D);
  border: 1px solid #FF9800;
  border-radius: var(--radius-sm);
  color: white;
  cursor: pointer;
  transition: var(--transition);
}

.btn-header-admin:hover {
  background: linear-gradient(135deg, #F57C00, #FF9800);
  border-color: #F57C00;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);
}