/* Shared top-right navigation: QR Pay, Key Buy, Home and Activate. */
.layout-transfer :is(#panel-qr,#panel-keybuy,#panel-home,#panel-redeem,#panel-opt) .panel-header :is(#qr-pill-switcher,#keybuy-pill-switcher,#home-pill-switcher,.redeem-header-tabs,#opt-pill-switcher) {
  display:flex; align-items:center; box-sizing:border-box; height:38px; min-height:38px;
  padding:3px; gap:4px; border:1px solid var(--border); border-radius:12px;
  background:var(--surface2); box-shadow:none;
}
.layout-transfer :is(#panel-qr,#panel-keybuy,#panel-home,#panel-redeem,#panel-opt) .panel-header :is(#qr-pill-switcher,#keybuy-pill-switcher,#home-pill-switcher,.redeem-header-tabs,#opt-pill-switcher) .pill-btn {
  display:flex; align-items:center; justify-content:center; gap:5px;
  height:30px; min-height:30px; padding:0 8px; margin:0; border:0; border-radius:8px;
  font-family:inherit; font-size:12px; font-weight:600; line-height:1; color:var(--text2);
  background:transparent; box-shadow:none; transform:none;
}
.layout-transfer :is(#panel-qr,#panel-keybuy,#panel-home,#panel-redeem,#panel-opt) .panel-header :is(#qr-pill-switcher,#keybuy-pill-switcher,#home-pill-switcher,.redeem-header-tabs,#opt-pill-switcher) .pill-btn.active {
  background:#345f83; color:#fff;
}
.layout-transfer :is(#panel-qr,#panel-keybuy,#panel-home,#panel-redeem,#panel-opt) .panel-header .pill-btn:focus-visible {
  outline:2px solid var(--accent); outline-offset:-2px;
}
@media(max-width:768px) {
 .layout-transfer :is(#panel-qr,#panel-keybuy,#panel-home,#panel-redeem,#panel-opt) .panel-header :is(#qr-pill-switcher,#keybuy-pill-switcher,#home-pill-switcher,.redeem-header-tabs,#opt-pill-switcher) { height:36px; min-height:36px; }
 .layout-transfer :is(#panel-qr,#panel-keybuy,#panel-home,#panel-redeem,#panel-opt) .panel-header :is(#qr-pill-switcher,#keybuy-pill-switcher,#home-pill-switcher,.redeem-header-tabs,#opt-pill-switcher) .pill-btn { height:28px; min-height:28px; font-size:11px; padding:0 4px; }
}

/* Schedule navigation shares the top-right header position. */
.layout-transfer #panel-schedule > .panel-header { flex-wrap:wrap; min-height:72px; box-sizing:border-box; }
.layout-transfer #panel-schedule > .panel-header .staff-workspace-tabs { margin:0 0 0 auto; padding:3px; display:flex; flex-wrap:nowrap; align-items:center; gap:4px; height:38px; min-height:38px; box-sizing:border-box; width:max-content; max-width:100%; border:1px solid var(--border); border-radius:12px; background:var(--surface2); }
.layout-transfer #panel-schedule > .panel-header .staff-workspace-tabs button { flex:none; display:inline-flex; align-items:center; justify-content:center; gap:5px; height:30px; min-height:30px; margin:0; padding:0 8px!important; border:0!important; border-radius:8px!important; font-size:12px!important; font-weight:600; line-height:1; }
.layout-transfer #panel-opt > .panel-header { border-bottom:0; }
@media(max-width:900px) {
 .layout-transfer #panel-schedule > .panel-header .staff-workspace-tabs { overflow-x:auto; width:100%; justify-content:flex-start; }
}