.site-header { min-height:78px; padding:12px clamp(24px,4vw,64px); display:flex; align-items:center; justify-content:space-between; gap:24px; background:var(--paper); border-bottom:1px solid var(--line); }
.site-brand { display:flex; align-items:center; gap:12px; color:var(--ink); text-decoration:none; font-weight:760; letter-spacing:-.02em; }
.site-brand small { display:block; margin-top:2px; color:var(--muted); font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.site-brand-mark { width:38px; height:38px; display:grid; place-items:center; flex:0 0 auto; border-radius:11px 11px 11px 3px; color:white; background:var(--green); font-family:Georgia,"Times New Roman",serif; font-size:22px; }
.site-nav { display:flex; gap:5px; padding:4px; background:var(--canvas); border:1px solid var(--line); border-radius:10px; }
.site-nav-link { min-height:34px; padding:0 15px; display:inline-flex; align-items:center; justify-content:center; color:var(--muted); background:transparent; border-radius:7px; font-size:13px; font-weight:750; text-decoration:none; }
.site-nav-link:hover { color:var(--green-dark); background:var(--green-soft); }
.site-nav-link.active { color:white; background:var(--green); }
.site-actions { display:flex; align-items:center; gap:22px; }
.top-stats { display:flex; gap:26px; color:var(--muted); font-size:13px; }
.top-stats strong { color:var(--ink); font-size:15px; }
.sync-button { min-height:36px; padding:0 13px; color:var(--green-dark); background:var(--green-soft); border:1px solid #c6ded2; border-radius:8px; font-size:11px; font-weight:800; }
.sync-button[data-status="synced"] { color:var(--green-dark); }
.sync-button[data-status="offline"] { color:#704c0b; background:#fff4d6; border-color:#ecd99f; }
body.dark .site-header { background:var(--paper); }

@media (max-width:820px) {
  .site-header { padding:10px 14px; flex-wrap:wrap; gap:9px 12px; }
  .site-brand { order:1; }
  .site-brand small { display:none; }
  .site-actions { order:2; margin-left:auto; }
  .site-nav { order:3; width:100%; overflow-x:auto; scrollbar-width:thin; }
  .site-nav-link { min-width:0; padding:0 6px; flex:1 1 0; font-size:10px; white-space:nowrap; }
  .top-stats { display:none; }
  .sync-button { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}