/* wanderdriven dashboard header: one band for every dashboard.
   Built by header.js. Brand-field blue in both themes (tokens.json: brandField = brightBlue). */
.wd-hd{position:sticky;top:0;z-index:30;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
  min-height:60px;padding:8px 20px;background:#2d479e;color:#fff;font-family:"Figtree",system-ui,sans-serif;line-height:1.3}
.wd-hd *{box-sizing:border-box}
.wd-hd :focus-visible{outline:2px solid #ffcb05;outline-offset:2px}
.wd-hd-id{display:flex;align-items:center;gap:14px;flex-shrink:0;min-width:0}
.wd-hd-brand{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none}
.wd-hd-word{font-size:15px;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.wd-hd-dot{width:7px;height:7px;border-radius:50%;background:#3ec0bf;flex-shrink:0}
.wd-hd-sep{width:1px;height:20px;background:rgba(255,255,255,.4);flex-shrink:0}
.wd-hd-ttl{margin:0;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fcf7f4;white-space:nowrap}
.wd-hd-right{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0}
.wd-hd-nav{display:flex;align-items:center;gap:2px}
.wd-hd-nav a{font-size:13px;font-weight:600;letter-spacing:.02em;padding:4px 11px;border-radius:9999px;white-space:nowrap;text-decoration:none;color:rgba(255,255,255,.8)}
.wd-hd-nav a:hover{color:#fff;background:rgba(255,255,255,.12)}
.wd-hd-nav a[aria-current="page"]{color:#1f2958;background:#ffcb05}
.wd-hd-fresh{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#fcf7f4;white-space:nowrap}
.wd-hd-fresh time{font-weight:400;color:rgba(252,247,244,.85)}
.wd-hd-sdot{width:8px;height:8px;border-radius:50%;background:#cbd0d8;flex-shrink:0}
.wd-hd-sdot.live{background:#aeca36}.wd-hd-sdot.stale{background:#ffcb05}.wd-hd-sdot.off{background:#f3765e}
.wd-hd-refresh{border:0;background:#ffcb05;color:#1f2958;font:inherit;font-size:13px;font-weight:600;border-radius:9999px;padding:6px 16px;cursor:pointer;white-space:nowrap}
.wd-hd-refresh:hover{background:#ffd73d}
.wd-hd-refresh:disabled{opacity:.7;cursor:progress}
.wd-hd-who{font-size:13px;font-weight:600;white-space:nowrap}
.wd-login{max-width:28rem;margin:15vh auto;padding:0 20px;font-family:"Figtree",system-ui,sans-serif;line-height:1.45}
.wd-login h1{font-size:1.6rem;margin:12px 0 8px}
.wd-login a.wd-hd-refresh{display:inline-block;text-decoration:none;margin-top:16px}
.wd-hd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.wd-hd-theme{display:inline-flex;border:1px solid rgba(255,255,255,.35);border-radius:9999px;padding:2px;gap:2px}
.wd-hd-theme button{border:0;background:transparent;color:rgba(255,255,255,.8);font:inherit;font-size:14px;line-height:1;width:28px;height:24px;border-radius:9999px;cursor:pointer;display:grid;place-items:center}
.wd-hd-theme button:hover{color:#fff;background:rgba(255,255,255,.12)}
.wd-hd-theme button[aria-pressed="true"]{background:#fcf7f4;color:#1f2958}
/* an armed two-step button (wdConfirmClick) */
button[data-armed="1"]{background:#f3765e !important;border-color:#f3765e !important;color:#1f2958 !important}
/* a chosen mode also sets the form-control scheme, even against the OS */
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}
.wd-hd-actions:empty{display:none}
@media (max-width:1040px){.wd-hd-right{margin-left:0;width:100%}}
@media (max-width:560px){.wd-hd{padding-inline:16px}.wd-hd-nav{width:100%}}