/* «وارد کردن فایل صوتی» dialog on the meetings list (js/import.js). Builds on css/tokens.css and css/app-shell.css
   (.btn, .meter, .err); everything here is scoped to .imp-* so the list page keeps its own look. Logical properties only (RTL). */
.imp-scrim { position: fixed; inset: 0; z-index: var(--z-modal, 400); background: var(--d-scrim); display: grid; place-items: center; padding: 16px; }
.imp-dlg { inline-size: min(560px, 100%); max-block-size: calc(100dvh - 32px); display: flex; flex-direction: column; background: var(--d-float);
  border: 1px solid var(--d-glass-line); border-radius: var(--r-16, 16px); box-shadow: var(--d-shadow-menu, none); }
.imp-dlg:focus { outline: none; }
.imp-dlg > header { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-block-end: 1px solid var(--d-glass-line); }
.imp-dlg > header h2 { flex: 1; font-size: 16px; }
.imp-body { padding: 16px; overflow: auto; display: flex; flex-direction: column; gap: 14px; }
.imp-fld { display: flex; flex-direction: column; gap: 4px; min-inline-size: 0; }
.imp-fld > label { font-size: 12px; color: var(--d-dim); }
.imp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.imp-dlg input[type="text"], .imp-dlg select { inline-size: 100%; min-inline-size: 0; padding: 7px 10px; background: var(--d-side); color: var(--d-text);
  border: 1px solid var(--d-border-input); border-radius: var(--r-3); line-height: 1.6; font: inherit; }
.imp-dlg input:focus-visible, .imp-dlg select:focus-visible, .imp-pick:focus-within { outline: 2px solid var(--d-ring); outline-offset: 1px; }
.imp-dlg input:disabled, .imp-dlg select:disabled { opacity: .7; cursor: not-allowed; }
.imp-pick { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px dashed var(--d-border-input); border-radius: var(--r-3); background: var(--d-side); cursor: pointer; }
.imp-pick input[type="file"] { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; }
.imp-pick .grow { flex: 1; min-inline-size: 0; overflow-wrap: anywhere; }
.imp-hint { font-size: 12px; color: var(--d-faint); line-height: 1.8; margin: 0; }
.imp-prog { display: flex; flex-direction: column; gap: 6px; }
.imp-prog .meter { block-size: 6px; }
.imp-prog .meter i { transition: inline-size var(--dur-2, .2s); }
.imp-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
@media (prefers-reduced-motion: reduce) { .imp-prog .meter i { transition: none; } }