/* 「zip のファイル名の文字化けを直す」の画面。共通の部品と色・大きさの変数は、src/style.css。ここは、この道具だけの物。 */
.options { --opt-min: 17rem; }
.auto-note { margin: 0.2rem 0 0.4rem; }
/* 文字コードの候補: 名前と、その文字コードで読んだ見本 */
.enc { flex-wrap: wrap; gap: 0.1rem 0.5rem; }
.enc-name { font-weight: 700; }
.enc-sample { flex-basis: 100%; padding-left: 1.65rem; color: var(--muted); font-size: var(--fs-s); }
/* 読めない字(�)が残っている注意は、保存のボタンの直前 */
#bad-note-save { margin: 1.2rem 0 0; }
#bad-note-save + .actions { margin-top: 0.6rem; }

/* 直したファイル名の一覧 */
.table-wrap { border: 1px solid var(--line); border-radius: var(--r-m); background: var(--bg); }
table.names { border-collapse: collapse; width: 100%; font-size: var(--fs-s); }
table.names th, table.names td { text-align: left; padding: 0.4rem 0.6rem; border-bottom: 1px solid var(--line); vertical-align: middle; }
table.names tbody tr:last-child th, table.names tbody tr:last-child td { border-bottom: 0; }
table.names thead th { font-weight: 700; white-space: nowrap; }
table.names th.name { font-weight: 400; min-width: 9rem; }
table.names .num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
table.names td.note { font-size: var(--fs-xs); }