/* SITE_NAV_FIXED_20260930
   青ヘッダーの画面切替ボタンを全画面で同じ並び・同じ位置・同じ幅に固定する。
   1 段目 = 画面切替（全画面共通・どの画面でも同じ座標）、2 段目 = 画面名 + 日付など（画面ごとに違う）。
   各画面の CSS の後に読み込み、ヘッダーのボタン部分だけを上書きする。値の表示・計算には触れない。 */
body .topbar.has-site-nav{
  height:auto!important;min-height:0!important;
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;
  overflow:visible!important;row-gap:5px!important;
  position:sticky!important;top:0!important;z-index:40!important;
  padding:6px 16px!important;padding-top:calc(6px + env(safe-area-inset-top,0px))!important;
}
body .topbar.has-site-nav .site-nav{
  order:-1!important;flex:0 0 100%!important;width:100%!important;
  display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;
  gap:10px!important;margin:0!important;padding:0!important;min-width:0!important;
}
body .topbar.has-site-nav .nav-group{display:flex;align-items:center;gap:4px;flex:0 0 auto;min-width:0}
body .topbar.has-site-nav .nav-gl{font-size:11px;font-weight:800;color:rgba(255,255,255,.75);white-space:nowrap;min-width:5.4em;text-align:right;margin-right:2px}
body .topbar.has-site-nav .site-nav .nav-link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:64px!important;min-width:64px!important;height:30px!important;padding:0 4px!important;
  font-size:13px!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important;
  color:#fff!important;background:transparent!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:4px!important;
  text-decoration:none!important;box-sizing:border-box!important;flex:0 0 auto!important;
}
body .topbar.has-site-nav .site-nav .nav-link.active{background:#fff!important;color:#123b66!important;border-color:#fff!important}
body .topbar.has-site-nav .site-nav .nav-sep{width:1px;align-self:stretch;background:rgba(255,255,255,.3);flex:0 0 1px}

@media (max-width:640px){
  body .topbar.has-site-nav{padding:5px 6px!important;padding-top:calc(5px + env(safe-area-inset-top,0px))!important;row-gap:4px!important}
  body .topbar.has-site-nav .site-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  body .topbar.has-site-nav .site-nav .nav-sep{display:none}
  body .topbar.has-site-nav .nav-group{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:2px 3px}
  body .topbar.has-site-nav .nav-gl{grid-column:1/-1;text-align:center;min-width:0;margin:0;font-size:9px;line-height:1.1}
  body .topbar.has-site-nav .site-nav .nav-link{width:auto!important;min-width:0!important;height:28px!important;font-size:12px!important}
}

/* UI_DATE_NAV_MAIN_20261001: 日付欄の左右の「前の日 / 次の日」ボタン（全画面共通の見た目） */
.topbar .daynav{display:flex;align-items:center;gap:4px}
.topbar .daynav button{height:30px;min-width:38px;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;border-radius:4px;font-weight:800;cursor:pointer;font-size:14px}
.topbar .daynav input{height:30px}