/* ============================================================
   会社名の帯（2026-10-04）
   すべての画面のいちばん上に「株式会社 堀内トランスポート」を出す。
   ・どこの会社のページかが、開いた人にも、安全判定の機械にも分かるようにするため
     （Google の安全判定で「偽のサイト」と判定されたのがきっかけ）
   ・写した画面（完了報告・時間報告・画像報告・部材注文・画像回収・部材管理）にも同じ帯を足す。中身は変えない
   ・色は、ほかの見た目の決まりに頼らず、ここに直接書く（暗い背景の画面でも読めるように）
   ============================================================ */
.corp-bar {
  display: block; margin: 0; padding: 5px 10px;
  background: #0b3d91; color: #ffffff;
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 14px; font-weight: bold; line-height: 1.4; letter-spacing: 0.04em;
  text-align: center; white-space: nowrap;
  /* 画面の土台に余白がある画面（時間報告・画像報告など）でも、帯の色だけは左右の端まで届かせる。
     影で色を横へのばし、上下ははみ出さないように切る。横の大きさは変えないので、横にゆれない */
  box-shadow: 0 0 0 100vmax #0b3d91; clip-path: inset(0 -100vmax);
}
/* 土台の上にも余白がある画面（画像報告）では、帯を画面のいちばん上まで上げる */
.corp-bar.corp-bar-up { margin-top: -1rem; margin-bottom: 1rem; }
/* ログインの画面で、見出しの下に出す一言 */
.corp-lead { margin: 4px 0 12px; }
/* 紙に刷るときは出さない（写した画面の刷り上がりを変えない） */
@media print { .corp-bar { display: none; } }