#import-dialog { width: min(1120px, 96vw); max-width: 96vw; padding: 0; }
#import-dialog .dialog-heading { padding: 20px 24px 0; }
#import-dialog .dialog-scroll { max-height: 72vh; overflow: auto; padding: 16px 24px; }
#import-dialog .dialog-footer { gap: 10px; flex-wrap: wrap; padding: 16px 24px; }
#import-dialog .form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px 20px; }
#import-dialog .field { display: flex; gap: 6px; margin: 8px 0; }
#import-dialog .field select { max-width: 100%; }
#import-dialog .field:has(input[type=checkbox]) { flex-direction: row; align-items: flex-start; }
#import-dialog input[type=checkbox] { width: auto; margin-top: 5px; }
#import-dialog details { padding: 12px 0; border-bottom: 1px solid var(--border, #ddd); }
#import-dialog summary { cursor: pointer; font-weight: 600; }
#import-dialog details p { overflow-wrap: anywhere; }
#import-dialog details select { max-width: 100%; margin: 6px 8px 6px 0; }
#import-dialog .table-wrap { max-height: 360px; margin: 12px 0; }
#import-dialog td { max-width: 300px; white-space: normal; overflow-wrap: anywhere; vertical-align: top; padding: 8px; }
#import-dialog th { position: sticky; top: 0; background: var(--cream, #fafafa); padding: 8px; }
#import-dialog #import-report { margin-top: 16px; }
@media(max-width: 600px) { #import-dialog .dialog-scroll { padding: 12px; } #import-dialog .dialog-footer { padding: 12px; } #import-dialog .dialog-footer button { width: 100%; } }

#import-dialog #import-progress-area { flex: 0 0 auto; padding: 8px 24px 12px; border-bottom: 1px solid var(--border, #d5c39e); background: var(--cream, #fafafa); }
#import-dialog #import-progress-area[hidden] { display: none; }
#import-dialog .import-progress-caption { display: flex; gap: 12px; justify-content: space-between; font-size: 13px; margin-bottom: 6px; }
#import-dialog #import-progress-percent { flex-shrink: 0; font-weight: 700; }
#import-dialog progress { display: block; width: 100%; height: 12px; accent-color: var(--gold, #b48b42); }
#import-dialog progress[hidden] { display: none; }
#import-dialog progress::-webkit-progress-bar { background: #e4dccb; border-radius: 8px; }
#import-dialog progress::-webkit-progress-value { background: var(--gold, #b48b42); border-radius: 8px; }
#import-dialog progress::-moz-progress-bar { background: var(--gold, #b48b42); border-radius: 8px; }
#import-dialog .import-local-table { width: max-content; min-width: 100%; }
#import-dialog .import-local-table th, #import-dialog .import-local-table td { font-size: 12px; line-height: 1.4; padding: 8px 10px; }
#import-dialog .import-local-table td { max-width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#import-dialog .import-local-table td:first-child { min-width: 48px; }
#import-dialog .import-local-table td.import-check { min-width: 210px; max-width: 320px; white-space: normal; }
#import-dialog .import-check details { margin: 0; padding: 0; border: 0; }
#import-dialog .import-check summary { font-size: 12px; color: #7b581f; }
#import-dialog .import-issues summary { color: #923b2c; }
#import-dialog .import-check ul { width: 300px; max-width: 100%; white-space: normal; margin: 8px 0 0; padding-left: 18px; }
@media(max-width: 600px) { #import-dialog #import-progress-area { padding: 8px 12px; } }