/* Only CSV dialog content; approved mock dimensions remain unchanged. */
.csv-dialog p,.csv-dialog li{overflow-wrap:anywhere}
/* ★ 依頼書「CSVの確認ダイアログを横長に・はみ出す文字列は省略」（2026-09-11）。
   汎用dialog{}は縦長のカード用（max-width:460px・高さ指定なし）なので、
   列プレビュー表（min-width:800px）が窮屈で、かつ内容に応じて際限なく
   縦へ伸びていた。#pay-dialog と同じ考え方（幅を広げ、高さは90vhで打ち切って
   中でスクロール）に寄せる。 */
.csv-dialog{max-width:720px;max-height:90vh;overflow:auto}

#freee-account-dialog{width:min(680px,calc(100vw - 32px));max-height:90vh;overflow:auto}
#freee-account-dialog form{display:flex;gap:12px;align-items:end;margin:16px 0}
#freee-account-dialog form label{flex:1;min-width:0}
#freee-account-dialog input,#freee-account-dialog select{display:block;width:100%;margin-top:6px}
@media(max-width:600px){#freee-account-dialog form{flex-wrap:wrap}#freee-account-dialog form label{flex-basis:100%}}
/* CSVの確認：「閉じる」「取り込み」を、内容が長くてもダイアログの下端に固定して常に見えるようにする（実ブラウザの通し確認）。
   ダイアログの下の余白は0にして固定バーが端に付く。固定バーに隠れないよう、フォーカスの移動にもバーの高さぶんの余白を持たせる。 */
.csv-dialog{padding-bottom:0;scroll-padding-bottom:88px}
.csv-dialog [data-csv-content]>.actions:last-child{position:sticky;bottom:0;z-index:2;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;gap:8px;background:var(--surface,#fff);padding:12px 0 16px;margin:0;border-top:1px solid var(--line,#e5e7eb)}
.csv-dialog [data-csv-content]>.actions:last-child button{flex:0 1 auto}
/* スマホ幅のカード表示：確認する日付・摘要・金額の項目を、先頭に並べる */
@media(max-width:768px){.pay-table.csv-preview tr{display:flex;flex-direction:column}.pay-table.csv-preview td.csv-key{order:-1}}