/* src/public/css/file-metadata.css … 「ファイルのメタデータ確認」の見た目
   💡 ボタン・メッセージ・詳細オプション・折りたたみは、共通の calc-common.css・money.css を使います。ダークモードは theme-dark.css の末尾 */

/* ファイルを選ぶ枠（ドラッグ＆ドロップもできる） */
.fm-drop {
    border: 2px dashed #cbd5e1;
    border-radius: 12px;
    padding: 32px 16px;
    text-align: center;
    background: #f8fafc;
    transition: border-color 0.2s, background-color 0.2s;
}
.fm-drop.is-dragover { border-color: #f39c12; background: #fdf6e2; }
.fm-upload-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #1e3c72;
    color: #fff;
    padding: 12px 24px;
    border-radius: 999px;
    font-weight: bold;
    cursor: pointer;
}
.fm-upload-btn:hover { background: #2a5298; }
.fm-drop:focus-within .fm-upload-btn { outline: 3px solid #93c5fd; outline-offset: 2px; }
.fm-drop-tip { margin: 12px 0 0; font-size: 0.85rem; color: #475569; }

.fm-check { display: flex; align-items: flex-start; gap: 8px; font-weight: bold; cursor: pointer; }
.fm-check input { margin-top: 4px; flex: 0 0 auto; }

.mc-message.is-error { color: #b91c1c; }

/* 位置情報の注意 */
.fm-warning {
    margin: 0 0 18px;
    padding: 14px 16px;
    border: 1px solid #f59e0b;
    border-left-width: 6px;
    border-radius: 8px;
    background: #fffbeb;
    color: #78350f;
}
.fm-warning p { margin: 0 0 6px; line-height: 1.6; }
.fm-warning p:last-child { margin-bottom: 0; }
.fm-warning-title { font-weight: bold; font-size: 1rem; }
.fm-warning-title i { margin-right: 4px; }

/* 結果の表 */
.fm-section { margin: 0 0 18px; min-width: 0; }
.fm-section-title { margin: 0 0 8px; font-size: 1rem; color: #1e3c72; }
.fm-section-title i { width: 1.2em; text-align: center; }
.fm-table-wrap { max-width: 100%; overflow-x: auto; }
.fm-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; table-layout: fixed; }
.fm-table th,
.fm-table td {
    padding: 7px 10px;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.fm-table th { width: 36%; color: #475569; font-weight: normal; background: #f8fafc; }
.fm-table td { color: #1e293b; font-weight: bold; }

/* すべての項目（項目の名前は英語のまま。等幅で読みやすく） */
.fm-raw .fm-section-title { font-size: 0.92rem; }
.fm-raw .fm-table { font-size: 0.8rem; }
.fm-raw .fm-table th { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.fm-raw .fm-table td { font-weight: normal; }

/* 書き出し */
.fm-export { margin: 4px 0 18px; }
.fm-export .mc-actions { margin-bottom: 8px; }
.fm-copied { min-height: 1.2em; margin: 4px 0 0; font-size: 0.85rem; color: #15803d; font-weight: bold; }

@media (max-width: 480px) {
    .fm-table th { width: 40%; }
    .fm-table th, .fm-table td { padding: 6px 8px; }
}