#modalForm:has([data-professional-import]) { width: min(520px, calc(100vw - 32px)); }
#modalForm:has([data-professional-import]) footer { justify-content: flex-end; }
#modalForm:has([data-professional-import]) footer .secondary[hidden] { display: none !important; }
.professional-import-upload { display: grid; gap: 20px; }
.professional-import-template-field { display: grid; gap: 6px; color: var(--text); font-size: 13px; font-weight: 500; }
.professional-import-template-field select { width: 100%; min-height: var(--field-h); }
.professional-import-drop[hidden] { display: none !important; }
.professional-import-help { display: grid; gap: 14px; color: var(--text); font-size: 13px; line-height: 1.45; }
.professional-import-help p { margin: 0; }
.professional-import-help .link-button { display: inline; min-height: 0; padding: 0; border: 0; background: transparent; color: #1677e8; font: inherit; font-weight: 600; }
.professional-import-help .link-button:hover { text-decoration: underline; }
.professional-import-drop { position: relative; min-height: 164px; display: grid; place-content: center; justify-items: center; gap: 7px; padding: 24px; border: 1px solid var(--line-strong, var(--line)); border-radius: 5px; background: var(--panel); color: var(--muted); text-align: center; cursor: pointer; transition: border-color .16s ease, background-color .16s ease; }
.professional-import-drop:hover,
.professional-import-drop.dragging { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 4%, var(--panel)); }
.professional-import-drop.has-file { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 7%, var(--panel)); }
.professional-import-drop > span strong { color: #1677e8; }
.professional-import-drop small { color: var(--muted); }
.professional-import-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.professional-import-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: var(--panel-2); color: #4f6680; box-shadow: 0 0 0 8px color-mix(in srgb, var(--panel-2) 58%, transparent); }
.professional-import-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
