/* ============================================================================
   CAIA APP KIT — Filament アダプタ（caia-app.css の**後**に読み込む）
   ----------------------------------------------------------------------------
   骨格は filament/layout.blade.php が app-shell.html と同じ HTML を出すので、
   見た目は caia-app.css がそのまま担う。このファイルは Filament のページ部品が
   キットの枠と二重にならないようにする**最小限の調整だけ**。
   ここに色・サイズ・レイアウトを書かない（書きたくなったら caia-app.css 側を直す）。
   ============================================================================ */

/* ページ本体が持つ独自の余白・最大幅・中央寄せを外す（.content が担う） */
.caia-filament .fi-main {
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Filament ページの見出し帯（fi-header の h1）は、トップバーの h1 と二重になるので隠す。
   ヘッダー右側の操作ボタン（作成など）は残す。 */
.caia-filament .fi-header .fi-header-heading { display: none; }
.caia-filament .fi-header { margin-bottom: 14px; }

/* サイドバー・タブバーのアイコン: キットの .ic（18px 幅）に収める */
.caia-filament .nav .ic svg,
.caia-filament .tabbar .ic svg {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: -3px;
}

/* スマホ用ログアウト（form で包んでいるので、ボタンを .item と同じ見た目に） */
.caia-filament .nav form.only-sp { display: contents; }
.caia-filament .nav form.only-sp .item {
  width: 100%;
  background: none;
  border: 0;
  border-left: 3px solid transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}