/* touo-device-tiers.css — PC/iPad/iPhone 適応の土台(Option C / 2026-06-02)
   media query 主体(FOUC無し)。.is-* クラスは JS 連携用。
   phone <=767 / tablet 768-1023 / pc >=1024 */

/* 端末別 表示/非表示ユーティリティ(adaptive component のトグル用) */
@media (max-width:767px){ .touo-tablet-only,.touo-pc-only{display:none !important} }
@media (min-width:768px) and (max-width:1023px){ .touo-phone-only,.touo-pc-only{display:none !important} }
@media (min-width:1024px){ .touo-phone-only,.touo-tablet-only{display:none !important} }

/* iPadティア(768-1023)= 現状の谷間。各アプリがここに最適化を足す土台。
   既定では安全に「広いスマホ」相当(壊さない最小限)。具体調整はループが画面ごとに追加。 */
@media (min-width:768px) and (max-width:1023px){
  /* 例: コンテンツ最大幅を絞って間延び防止(各アプリで上書き可) */
}

/* 2026-06-02→06-03: PWA案内バナー(#touo-pwa-banner, fixed bottom:0 z-index:99998)。
   旧#2はナビを覆う問題に対しバナーをナビ上へ逃がしていたが、2026-06-03 ユーザー指示で
   「自動ポップアップ自体が邪魔(iPhoneで3秒後に必ずカードを覆う)」として非表示に変更。
   PWA機能本体(manifest.json display:standalone + apple-mobile-web-app-capable + sw.js v12)は維持。
   → iPhoneは Safari共有→「ホーム画面に追加」で従来通りアプリ化(全画面standalone起動)可能。
   再びバナーを出したい場合はこの display:none を削除すれば復活する。 */
#touo-pwa-banner { display: none !important; }

/* 2026-06-03 深層精査#7: #tp-inbox-badge は taskpanel タブ削除リファクタの「互換維持」孤児バッジ
   (視覚的ホスト無し・page-taskpanel.php で display:none)。JS(refreshShootInboxBadge)が件数>0で
   display:block に上書きし、#tp-app 直下に受信箱件数「12」が全幅ブロックで居座る不具合(全幅で再現)。
   受信箱件数は下部ナビのバッジで表示するため、この孤児バッジは常に非表示を強制(JSのinlineを!importantで上書き)。 */
#tp-inbox-badge { display: none !important; }

/* 2026-06-03 taskpanel ナビ統一は別アプローチで再実装予定:
   .tp-app(position:fixed;inset:0;z-index:9999)が全画面を覆い、全体ナビ(.touo-bnav z800)が
   その裏に隠れる構造。上記の「tp-bottom-nav を上へ移動」では下部ナビが消えるため一旦取消。
   正攻法: app-bottom-nav の出力位置を .tp-app 内側へ移すか、.tp-app を bottom:56px にして全体ナビの場所を空ける。 */