/* 导入弹窗独立控制密度，避免继承各工作台的大字号和表单间距。 */
#import-settings-modal { color-scheme: dark; --import-scroll-thumb: #46516a; }
[data-theme="light"] #import-settings-modal { color-scheme: light; --import-scroll-thumb: #bdc5d0; }
#import-settings-modal .modal-dialog { max-width: 720px; margin: 24px auto; }
#import-settings-modal .modal-content { background: var(--bg-primary); color: var(--text-primary); border: 1px solid var(--border-color); border-radius: 12px; font-size: 13px; overflow: hidden; }
#import-settings-modal .modal-header { padding: 14px 18px; background: var(--bg-secondary); border-color: var(--border-color); gap: 16px; }
#import-settings-modal .import-heading { min-width: 0; }
#import-settings-modal .modal-title { font-size: 16px; line-height: 1.4; font-weight: 600; margin: 0; }
#import-settings-filename { color: var(--text-secondary); font-size: 12px; line-height: 1.5; margin-top: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#import-settings-modal .btn-close { font-size: 11px; padding: 8px; margin: 0; flex-shrink: 0; }
[data-theme="dark"] #import-settings-modal .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
[data-theme="light"] #import-settings-modal .btn-close { filter: brightness(0); opacity: .55; }
#import-settings-modal .modal-body { padding: 16px 18px; }
#import-settings-modal .import-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin-bottom: 16px; }
#import-settings-modal .form-label { display: block; margin: 0 0 5px; font-size: 12px; font-weight: 500; line-height: 1.5; color: var(--text-secondary); }
#import-settings-modal .form-select { min-height: 34px; height: 34px; padding: 5px 30px 5px 10px; border-radius: 6px; font-size: 13px; line-height: 22px; background-color: var(--bg-secondary); color: var(--text-primary); border-color: var(--border-color); box-shadow: none; }
#import-settings-modal .form-select:focus { border-color: var(--accent-primary, #4d83ff); box-shadow: 0 0 0 2px rgb(77 131 255 / 14%); }
#import-settings-modal .import-header-option { grid-column: 1 / -1; }
#import-settings-modal .form-check { min-height: 18px; margin: 0; padding-left: 22px; }
#import-settings-modal .form-check-input { width: 14px; height: 14px; margin: 2px 0 0 -22px; }
#import-settings-modal .form-check-label { color: var(--text-primary); font-size: 13px; line-height: 18px; }
#import-settings-modal .import-preview-heading { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text-secondary); margin-bottom: 7px; }
#import-preview-count { font-size: 11px; opacity: .8; }
#import-preview-region { border: 1px solid var(--border-color); border-radius: 7px; overflow: hidden; }
#import-preview-scroll { max-height: 264px; overflow: auto; }
#import-preview-table { --bs-table-striped-bg: var(--bg-secondary); --bs-table-striped-color: var(--text-primary); color: var(--text-primary); font-size: 12px; line-height: 1.5; }
#import-settings-modal #import-preview-table th, #import-settings-modal #import-preview-table td { padding: 6px 10px; background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border-color); font-size: 12px; line-height: 1.5; font-variant-numeric: tabular-nums; }
#import-settings-modal #import-preview-table th { position: sticky; top: 0; z-index: 1; background-color: var(--bg-secondary); font-weight: 600; }
#import-settings-modal .alert { padding: 9px 11px; margin: 0 0 10px; font-size: 12px; border-radius: 6px; }
#import-settings-modal .modal-footer { padding: 10px 18px; gap: 8px; border-color: var(--border-color); background: var(--bg-secondary); }
#import-settings-modal .modal-footer .btn { margin: 0; padding: 6px 14px; min-height: 32px; font-size: 13px; line-height: 18px; border-radius: 6px; }
/* 同时覆盖弹窗与预览区域的横向、纵向滚动条。 */
#import-settings-modal, #import-settings-modal .modal-body, #import-preview-scroll { scrollbar-width: thin; scrollbar-color: var(--import-scroll-thumb) var(--bg-primary); }
#import-settings-modal ::-webkit-scrollbar, #import-settings-modal::-webkit-scrollbar { width: 7px; height: 7px; }
#import-settings-modal ::-webkit-scrollbar-track, #import-settings-modal::-webkit-scrollbar-track { background: var(--bg-primary); }
#import-settings-modal ::-webkit-scrollbar-thumb, #import-settings-modal::-webkit-scrollbar-thumb { background: var(--import-scroll-thumb); border: 2px solid var(--bg-primary); border-radius: 8px; }
#import-settings-modal ::-webkit-scrollbar-corner { background: var(--bg-primary); }
#import-settings-modal ::-webkit-scrollbar-button { display: none; }
/* 载入时展示表格骨架与移动光带，不显示说明段落。 */
#import-preview-loading { position: relative; padding: 18px 12px 10px; overflow: hidden; }
.import-loading-track { position: absolute; inset: 0 0 auto; height: 2px; background: var(--border-color); overflow: hidden; }
.import-loading-track span { display: block; width: 32%; height: 100%; background: var(--accent-primary, #4d83ff); animation: import-progress 1.6s ease-in-out infinite; }
.import-skeleton-row { display: grid; grid-template-columns: 1fr 1.3fr 1fr .7fr; gap: 24px; padding: 10px 0; }
.import-skeleton-row i { display: block; height: 8px; border-radius: 3px; background: var(--border-color); }
.import-skeleton-row:nth-child(even) i { width: 75%; }
.import-skeleton::after { content: ''; position: absolute; inset: 2px 0 0; background: linear-gradient(100deg, transparent 25%, rgb(145 163 196 / 12%) 50%, transparent 75%); animation: import-shimmer 1.6s ease-in-out infinite; }
#import-settings-modal [hidden] { display: none !important; }
@keyframes import-progress { from { transform: translateX(-110%); } to { transform: translateX(420%); } }
@keyframes import-shimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .import-loading-track span, .import-skeleton::after { animation: none; } .import-loading-track span { width: 100%; opacity: .6; } }
@media (max-width: 767px) { #import-settings-modal .modal-dialog { max-width: calc(100% - 24px); margin: 12px auto; } }
@media (max-width: 420px) { #import-settings-modal .modal-header, #import-settings-modal .modal-body, #import-settings-modal .modal-footer { padding-left: 12px; padding-right: 12px; } #import-settings-modal .import-options { gap: 10px; } }