/* assets/css/app-fixes.css — app.html 用の小さな直し（2026-10-26）
 *   index.css・u-components.css・app.html の <style> は、画面の実測記録（scripts/fixtures の browser 系門番）の
 *   指紋に入っている。少しの直しでも記録を測り直すことになるので、ここに分けて置く。 */

/* 上部タブ（#appTabs）は、モーダルを開いている間だけ前に出す。
   以前は常に z-index:100001（--z-nav）で、モーダルより上に置く R-NEW76 の設計だった。その結果、
   モーダル以外の重ね表示（ヘルプ＆サポートの引き出し 8950 など）を開くと、タブの帯がその上に被さっていた
   （社長の報告「サポートチャット開くとタブに引っかかってる、こういうのすごく多い」。手元の 820px で再現）。
   モーダル中（body.uls-modal-open）は今までどおり前に出して、タブから別画面へ移れるままにする。 */
body:not(.uls-modal-open) #appShell #appTabs,
body:not(.uls-modal-open) .compare-row.header{ z-index:190 !important; }

/* タブレット幅（〜1024px）で上の帯が詰まり、「ウルスタく／ん」「ログアウ／ト」と1文字だけ次の行に落ちていた（手元の 820px で確認）。
   短い名前は折り返さず、狭いときは時計を隠して場所を空ける（時計は画面の右下・ダッシュボードにも日付がある）。 */
.app-topbar-logo-text,.app-topbar-logo-sub,.app-topbar-logout,.app-topbar-support,.app-topbar-uname{ white-space:nowrap; }
@media (max-width: 1024px){ .app-topbar-clock{ display:none !important; } }

/* [2026-10-27] スマホ幅の自社情報設定で、免許番号の「（ 1 ）第」「123456」「号」が3行に割れていた（390px で確認）。
   1行に並べ、番号の欄だけが伸び縮みする。 */
@media (max-width: 640px){
  #view-admin div:has(> #ci-licenseNum){ flex-wrap:nowrap !important; }
  #view-admin #ci-licenseGen{ flex:0 0 56px !important; width:56px !important; min-width:0 !important; }
  #view-admin #ci-licenseNum{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; }
}

/* [2026-10-27] お問い合わせ画面のタブの帯（運営だけに出す）。スマホ幅の .admin-tabs{display:flex !important} が
   style="display:none" に勝って、お客様の画面に「お問い合わせ」1つだけの帯が出ていた。 */
#view-contact .admin-tabs.superadmin-only[style*="display:none"],
#view-contact .admin-tabs.superadmin-only[style*="display: none"]{ display:none !important; }