/* 新サイトで足した部品だけ(ほかは旧テーマの CSS) */
/* ヘッダーバー(ログイン後の画面の上に追従する。左にスタッフ向けのリンク、右に言語とログアウト) */
.oms-headerbar { position: sticky; top: 0; z-index: 1000; display: flex; justify-content: space-between; align-items: center; gap: 8px 24px; flex-wrap: wrap; box-sizing: border-box; width: 100%; min-height: 44px; padding: 10px 20px; background: #ffffff; border-bottom: 2px solid #e2041b; font-size: 13px; line-height: 1.5; color: #333333; }
.oms-headerbar-left, .oms-headerbar-right { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 20px; }
.oms-headerbar-right { margin-left: auto; }
.oms-headerbar a { color: inherit; text-decoration: underline !important; }   /* 一覧の画面の CSS がリンクの下線を消すので、バーの中だけは必ず出す */
.oms-headerbar .oms-lang a[aria-current] { font-weight: bold; text-decoration: none; }
/* 旧サイトの一覧の CSS(selection-2nd.css)は body の高さを画面の高さに固定している。そのままだと最初の 1 画面分しか追従しないので、バーのある画面では外す */
body:has(> .oms-headerbar) { height: auto; min-height: 100%; }
.oms-error { color: #c00; margin: 0 0 16px; line-height: 1.6; }
/* 期の一覧(新しい画面) */
body#sentei.list header .oms-period-name { margin-top: 12px; }
body#sentei.list header .oms-back { margin-top: 12px; font-size: 0.85em; }
body#sentei.list header .oms-back a { text-decoration: underline; }
body#sentei.periods article .oms-year + .oms-year { margin-top: 32px; }
body#sentei.periods article .oms-year h2 { font-size: 1.1em; margin-bottom: 8px; }
body#sentei.periods article .oms-year li { border-bottom: 1px solid #dddddd; }
body#sentei.periods article .oms-year li a { display: flex; justify-content: space-between; padding: 14px 4px; }
body#sentei.periods article .oms-period-count { color: #666666; white-space: nowrap; padding-left: 16px; }
/* 印刷: 上のヘッダーバーは出さない。色の付いた見出しは、ブラウザの「背景のグラフィック」がオフでも出す */
@media print {
  .oms-headerbar { display: none; }
  body#sentei.list article #senteilist ul li .point th,
  #sentei_print .corrected h3, #sentei_print .number { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}