/* ============================================================
   案件固有のレイアウト調整
   簡易Webデジタルサイネージ（名古屋経営会計専門学校）

   共通デザインシステム（data/ui/）は変更しない。
   この案件でだけ必要な調整を、理由つきでここに集約する。
   design-system.css / application-shell.css の後に読み込む。
   ============================================================ */

/* ------------------------------------------------------------
   1. トップバー右端の退避スペース

   design-system.js が挿入するテーマ切替ボタン（.theme-toggle）は
   position: fixed; top:16px; right:16px; 44px角 / z-index:9999 で、
   トップバーの右端に重なる。保存ボタンや会社名が隠れるため、
   その幅ぶんを空ける。
   ------------------------------------------------------------ */
.app-topbar {
  padding-inline-end: 76px;
}

@media (max-width: 768px) {
  .app-topbar { padding-inline-end: 68px; }
}

/* ------------------------------------------------------------
   2. トップバーの操作群が詰まったときの折り返し

   画面名が長い端末（例：「スケジュール設定 — 校舎外 大型モニター」）で
   ボタンが押し出されないようにする。
   ------------------------------------------------------------ */
.app-topbar__actions {
  flex: none;
  gap: 8px;
}

.app-topbar__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ------------------------------------------------------------
   3. 2カラムのフォーム行

   .form-row は既定で1カラム。2つ並べる箇所に --2col を付けるが、
   狭い画面では1カラムに戻す。
   ------------------------------------------------------------ */
@media (max-width: 900px) {
  .form-row--2col { grid-template-columns: minmax(0, 1fr); }
}

/* ------------------------------------------------------------
   4. テーブル内の操作ボタン

   1セルに複数ボタンが入る行で、折り返し時に詰まらないようにする。
   ------------------------------------------------------------ */
.table td .btn + .btn {
  margin-left: 4px;
}

.table td:last-child {
  white-space: nowrap;
}