.count-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}

.file-import-help-wrap{position:relative;display:inline-flex;align-items:center}
.file-import-help{position:absolute;z-index:30;right:0;bottom:calc(100% + 9px);width:max-content;max-width:min(390px,82vw);padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);box-shadow:0 8px 24px rgba(0,0,0,.18);color:var(--muted);font-size:.74rem;line-height:1.4;white-space:normal;opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}
.file-import-help::after{content:'';position:absolute;right:18px;top:100%;border:6px solid transparent;border-top-color:var(--line)}
.file-import-help-wrap:hover .file-import-help,.file-import-help-wrap:focus-within .file-import-help{opacity:1;visibility:visible;transform:translateY(0)}
textarea.field.file-import-drag{outline:2px dashed var(--gold);outline-offset:3px;border-color:transparent;background:color-mix(in srgb,var(--input-bg) 88%,var(--gold) 12%)}
.file-import-panel{margin:0 0 16px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel-2) 88%,var(--gold) 12%);font-size:.84rem}
.file-import-panel[hidden]{display:none!important}
.file-import-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.file-import-file{min-width:0}
.file-import-name{display:block;color:var(--cream);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-import-size{display:block;color:var(--muted);font-size:.74rem;margin-top:2px}
.file-import-close{flex:0 0 auto;background:none;border:0;color:var(--muted);font:inherit;font-size:1.15rem;line-height:1;cursor:pointer;padding:2px 4px}
.file-import-close:hover{color:var(--cream)}
.file-import-status{color:var(--muted);line-height:1.5;margin:0 0 10px}
.file-import-status.is-error{color:#ff9b9b}
.file-import-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.file-import-control label{display:block;color:var(--muted);font-size:.74rem;font-weight:600;margin:0 0 5px}
.file-import-control select{width:100%;min-height:38px;padding:7px 9px;border-radius:9px;border:1px solid var(--line);background:var(--input-bg);color:var(--cream);font:inherit}
.file-import-skip{display:flex;align-items:center;gap:8px;margin:8px 0 10px;color:var(--muted);font-size:.78rem}
.file-import-skip input{accent-color:var(--gold)}
.file-import-preview{margin:10px 0 12px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--input-bg)}
.file-import-summary{font-weight:650;color:var(--cream);margin-bottom:7px}
.file-import-meta-line{color:var(--muted);font-size:.74rem;margin-top:6px}
.file-import-preview-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.file-import-preview-list li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cream)}
.file-import-preview-list li::before{content:'•';color:var(--gold);margin-right:8px}
.file-import-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.file-import-actions .btn{min-height:38px;padding:8px 14px;font-size:.8rem}
.file-import-actions .btn.btn-ghost{margin:0}
@media(max-width:767px){
  .file-import-help-wrap{display:none}
}
@media(max-width:520px){
  .count-line{align-items:flex-start;gap:10px}
  .count-actions{gap:12px}
  .file-import-controls{grid-template-columns:1fr}
  .file-import-actions{justify-content:stretch}
  .file-import-actions .btn{flex:1}
}

/* Native select popup readability, especially on Windows/Chromium in dark mode. */
.file-import-control select{color-scheme:dark}
.file-import-control select option{background:#241542;color:#fbf7ef}
html.light .file-import-control select,.light .file-import-control select{color-scheme:light}
html.light .file-import-control select option,.light .file-import-control select option{background:#f2eefb;color:#241542}