/* --- Sticky header --- */
.top-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;

  background: var(--surface);
  color: var(--text);
  /* padding: 0.7rem 1rem; */

  display: flex;
  justify-content: space-between;
  align-items: center;

  border-bottom: 1px solid #222;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Spazio contenuti */
body {
  padding-top: 70px;
}

@media (min-width: 600px) {
  body { padding-top: 80px; }
}
/* 
/* --- Logo area --- */
/* .logo-area {
  display: flex;
  align-items: center;
  gap: 0.6rem;
} */

/* Testo RefertoFutura */
/* .logo-text {
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--accent);
} */

/* --- SVG LOGO --- */
/* .rf-logo {
  stroke-width: 5;
  stroke-linecap: round;
} */

/* Cerchio esterno */
/* .rf-logo .outer-ring {
  fill: none;
  stroke: var(--accent);
  opacity: 0.35;
  animation: ringPulse 3s ease-in-out infinite;
} */

/* Linea ECG */
/* .rf-logo .ecg {
  fill: none;
  stroke: var(--accent-2);
  stroke-width: 5;
  stroke-linejoin: round;
  animation: ecgPulse 2s ease-in-out infinite;
} */

/* --- Animazioni --- */
/* @keyframes ecgPulse {
  0%   { stroke-opacity: 1; transform: translateY(0px); }
  50%  { stroke-opacity: 0.55; transform: translateY(-1.5px); }
  100% { stroke-opacity: 1; transform: translateY(0px); }
}

@keyframes ringPulse {
  0%   { opacity: 0.25; transform: scale(1); }
  50%  { opacity: 0.45; transform: scale(1.03); }
  100% { opacity: 0.25; transform: scale(1); }
} */ 

/* Nav links */
.top-header nav a {
  color: var(--text);
  font-weight: 600;
  text-decoration: none;
}
.top-header nav a:hover { color: var(--accent); }

/* Logout button (ghost) */
.top-header .btn-ghost {
  background: transparent;
  border: 1px solid #333;
  padding: .4rem .75rem;
  border-radius: var(--radius);
  color: var(--muted);
}
.top-header .btn-ghost:hover {
  border-color: var(--accent);
  color: var(--accent);
}