.import-panel { color: #10111a; padding: 20px; border: 1px solid #dcddeb; border-radius: 18px; background: #fff; font: 15px/1.5 Arial, sans-serif; overflow-wrap: anywhere; }
.import-panel h2 { margin: 0 0 12px; font-size: 24px; letter-spacing: -.03em; }
.import-guide { color: #565969; }
.import-panel form { display: grid; gap: 12px; }
.import-drop { display: grid; gap: 8px; padding: 22px 16px; border: 2px dashed #a3a6eb; border-radius: 12px; background: #f5f5ff; }
.import-drop.is-dragging { background: #e4e5ff; border-color: #0509ca; }
.import-drop p { margin: 0; }
.import-picker-label { display: grid; gap: 8px; font-weight: bold; }
.import-picker-label input { width: 100%; min-width: 0; font: inherit; }
.import-picker-label input::file-selector-button { min-height: 44px; padding: 8px 12px; margin-right: 10px; border: 1px solid #0509ca; border-radius: 8px; background: #fff; color: #0509ca; cursor: pointer; }
.import-panel button { min-height: 44px; border: 0; border-radius: 10px; padding: 10px 16px; color: #fff; background: #0509ca; font: bold 15px Arial,sans-serif; cursor: pointer; }
.import-panel button:disabled { opacity: .55; cursor: wait; }
.import-panel :focus-visible { outline: 3px solid #f49538; outline-offset: 3px; }
.import-selection,.import-status { margin: 0; font-size: 14px; }
.import-replace { display: block; padding: 8px 0; }
.import-replace input { width: 20px; height: 20px; vertical-align: middle; }
.import-panel [hidden] { display: none !important; }
.import-jobs { display: grid; gap: 12px; margin-top: 16px; }
.import-job { border-top: 1px solid #dcddeb; padding-top: 14px; }
.import-job h3,.import-job p { margin: 0 0 8px; }
.import-job progress { width: 100%; accent-color: #0509ca; }
.import-received { color: #16633d; }.import-error { color: #a21c30; }.import-warning { color: #79521b; }
.import-result-links { display: flex; flex-wrap: wrap; gap: 8px; }
.import-result-links a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 12px; background: #eceeff; color: #0509ca; border-radius: 8px; font-weight: bold; text-decoration: none; }
@media(max-width:620px){.import-panel{padding:16px}.import-drop{padding:16px 12px}.import-panel h2{font-size:22px}}

.import-mode { display: grid; gap: 6px; font-weight: 600; }
.import-mode[hidden] { display: none; }
.import-mode select { width: 100%; min-width: 0; min-height: 44px; padding: 10px; border: 1px solid #dcddeb; border-radius: 10px; background: #f8f8fc; font: inherit; color: #10111a; }
.import-mode small { font-weight: 400; color: #53566b; }