/* Hotwire Native 専用スタイルシート * * Propshaft の :app で自動バンドルされるため、常に読み込まれる。 * サーバーがを出力するため、 * CSS で [data-platform~=native] をスコープに使う（fizzy パターン）。 * * Bridge Component の非表示は [data-bridge-components] で制御する。 * Bridge 未登録の古いクライアントでは HTML 版が表示される（プログレッシブ強化）。 */ /* ネイティブアプリで不要な要素を非表示 */ [data-platform~="native"] .native-hide { display: none !important; } /* ButtonComponent: ナビバー右ボタンに置き換え */ [data-bridge-components~="button"] [data-controller~="bridge--button"] { display: none !important; } /* FloatingButtonComponent: タブバー右上の FAB に置き換え */ [data-bridge-components~="floating-button"] [data-controller~="bridge--floating-button"] { display: none !important; } /* ProfileButtonComponent: ナビバー右のマイページボタンに置き換え */ [data-bridge-components~="profile-button"] [data-controller~="bridge--profile-button"] { display: none !important; } /* NotificationTokenComponent: 通知許可トリガー（非表示の空要素） */ [data-bridge-components~="notification-token"] [data-controller~="bridge--notification-token"] { display: none !important; }