header.site-header {
  position: sticky; top: 0; z-index: 20;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border);
}

.site-header .container { width: min(1100px, 92%); margin: 0 auto; }
.site-header .nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: .85rem 0;
}
.site-header .brand { display: flex; align-items: center; gap: .75rem; text-decoration: none; }
.site-header .brand img { width: 32px; height: 32px; border-radius: 6px; }
.site-header .brand span { font-weight: 800; letter-spacing: .2px; }
.site-header .menu { display: flex; gap: .5rem; align-items: center; }
.site-header .btn { display: inline-flex; align-items: center; gap:.5rem; padding:.6rem .9rem; border-radius:.7rem; border:1px solid transparent; text-decoration:none; font-weight:600; }
.site-header .btn-outline { background:#fff; border-color: var(--border); }
.site-header .btn-primary { background: var(--green); color:#fff; box-shadow: 0 6px 18px rgba(47,177,114,.25); }
.site-header .btn:hover { transform: translateY(-1px); transition: transform .08s ease; }
.site-header .btn-login { display: inline-flex; }
.site-header .btn-logout { display: none; }

/* Active link state */
.site-header .menu a[aria-current="page"] { border-color: var(--green); }

/* Inline brand (réutilisable hors header) */
.inline-brand { display:flex; align-items:center; gap:10px; }
.inline-brand img { height:64px; width:auto; }
.inline-brand .app-name { font-weight:800; color: var(--dark); }

@media (max-width: 600px) {
  .inline-brand img { height:36px; }
}