/* Four-step import: fixed shell, plain-language checks, preserved upload fields. */
.healthcare-app #modal .import-flow-card{grid-template-rows:auto auto minmax(0,1fr) auto}
.healthcare-app #modal .import-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;padding:18px 26px 8px;margin:0}
.healthcare-app #modal .import-progress li{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;color:#6e87a5;font-size:12px;font-weight:600}
.healthcare-app #modal .import-progress li:not(:last-child)::after{content:"";position:absolute;height:1px;background:#b5cfe9;left:calc(50% + 20px);right:calc(-50% + 8px);top:15px}
.healthcare-app #modal .import-progress li>span{display:grid;place-items:center;width:30px;height:30px;background:#91accd;border-radius:50%;color:#fff;font-size:14px}
.healthcare-app #modal .import-progress [aria-current=step]{color:#075eff}
.healthcare-app #modal .import-progress [aria-current=step]>span{background:#075eff}
.healthcare-app #modal .import-progress .complete>span{background:#708daf}
.healthcare-app #modal .import-flow-body{padding:18px 26px;overflow:auto;min-height:0;overscroll-behavior:contain}
.healthcare-app #modal .import-flow-body h3{font-size:23px;line-height:1.3;text-align:center;color:#062956;margin:0 0 16px}
.healthcare-app #modal .import-flow-body p{font-size:14px;line-height:1.45}
.healthcare-app #modal .import-file-strip{padding:10px 14px;background:#edf6ff;border:1px solid #c8def3;border-radius:5px;font-size:13px;color:#254f7b;margin-bottom:12px;overflow-wrap:anywhere}
.healthcare-app #modal .import-drop{padding:22px 18px;border:1.5px dashed #075eff;border-radius:6px;background:linear-gradient(120deg,#f6fbff,#eaf5ff);text-align:center;cursor:pointer}
.healthcare-app #modal .import-drop svg{width:40px;height:40px;fill:none;stroke:#103b70;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;display:block;margin:0 auto 10px}
.healthcare-app #modal .import-drop strong{font-size:20px;display:block;color:#062956}
.healthcare-app #modal .import-drop p{margin:8px 0 14px;color:#51759c}
.healthcare-app #modal .import-drop .btn{min-height:40px;padding:9px 24px;border:1px solid #0756b7;border-radius:5px;background:#075eff;color:white;font-size:14px;display:inline-flex;position:relative;cursor:pointer}
.healthcare-app #modal .import-file{width:1px;height:1px;opacity:0;position:absolute}
.healthcare-app #modal .import-drop label:focus-within{outline:3px solid #8bb7ff;outline-offset:3px}
.healthcare-app #modal .import-requirements{text-align:center;font-size:12px;margin:10px 0;color:#51759c}
.healthcare-app #modal .import-options{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.healthcare-app #modal .import-options .btn{min-height:36px;border:1px solid #075eff;background:white;color:#075eff;padding:8px 16px;border-radius:5px}
.healthcare-app #modal .import-flow-card .text-btn{color:#075eff;font-size:13px;text-decoration:underline}
.healthcare-app #modal .import-flow-card>.import-footer{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 26px 22px;margin:0;border:0;background:transparent}
.healthcare-app #modal .import-flow-card>.import-footer .btn{justify-content:center;min-height:44px;padding:10px;border:1px solid #075eff;border-radius:5px;background:#fff;color:#075eff;font-size:14px}
.healthcare-app #modal .import-flow-card>.import-footer .btn.primary{background:#075eff;color:white}
.healthcare-app #modal .import-flow-card>.import-footer .btn:disabled{background:#b6d0ef;color:white;border-color:#b6d0ef;cursor:default;opacity:1}
.healthcare-app #modal .import-flow-card .import-error{margin:0 0 16px;padding:10px 12px;border:1px solid #e3a7b0;background:#fff0f3;color:#9e1e35;border-radius:5px;font-size:13px}
.healthcare-app #modal .import-layout-provider{border:1px solid #b9d8f4;border-radius:5px;overflow:hidden}
.healthcare-app #modal .import-layout-provider h4{margin:0;padding:8px 14px;background:#e3f1ff;color:#073b75;font-size:17px;line-height:24px}
.healthcare-app #modal .import-layout-fields{max-height:170px;overflow:auto;overscroll-behavior:contain}
.healthcare-app #modal .import-layout-fields>.import-table-scroll{border:0;border-radius:0;overflow:visible}
.healthcare-app #modal .import-table-scroll{border:1px solid #b9d8f4;border-radius:5px;overflow:auto}
.healthcare-app #modal .import-table-scroll table{border-collapse:collapse;min-width:520px;width:100%;font-size:13px}
.healthcare-app #modal .import-table-scroll th,.healthcare-app #modal .import-table-scroll td{border:0;border-right:1px solid #d4e5f5;border-bottom:1px solid #d4e5f5;border-radius:0;padding:10px 12px;text-align:left;font-size:13px;vertical-align:middle;overflow-wrap:anywhere;color:#062956}
.healthcare-app #modal .import-table-scroll th{background:#e5f2ff;font-weight:600;color:#104b89}
.healthcare-app #modal .import-table-scroll tr>:last-child{border-right:0}
.healthcare-app #modal .import-table-scroll tbody tr:last-child>*{border-bottom:0}
.healthcare-app #modal .import-table-scroll td small{display:block;margin-top:4px;font-size:11px;color:#627b98}
.healthcare-app #modal .import-layout-fields table{table-layout:fixed;min-width:0}
.healthcare-app #modal .import-layout-fields thead{display:none}
.healthcare-app #modal .import-layout-fields th{width:40%;background:#f0f7ff;font-weight:500}
.healthcare-app #modal .import-layout-fields td{background:#fff}
.healthcare-app #modal .import-layout-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 14px;background:#edf6ff;border-top:1px solid #c8def3;font-size:12px;color:#254f7b}
.healthcare-app #modal .import-layout-adjust{margin:8px 0;font-size:13px}
.healthcare-app #modal .import-layout-adjust summary,.healthcare-app #modal .import-mode-settings summary,.healthcare-app #modal .import-skipped summary{color:#075eff;cursor:pointer;font-size:13px}
.healthcare-app #modal .import-layout-adjust>.import-table-scroll{margin-top:12px;max-height:240px}
.healthcare-app #modal .import-layout-confirmation{margin:8px 0 0;font-size:13px;color:#456689}
.healthcare-app #modal .import-flow-card select{max-width:100%;min-height:38px;border:1px solid #b9d1eb;border-radius:5px;padding:8px;background:#fff;color:#062956;font:inherit}
.healthcare-app #modal .import-question-hint{text-align:center;margin:0 0 16px;color:#456689}
.healthcare-app #modal .import-question-options{display:grid;gap:10px}
.healthcare-app #modal .import-field-option{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #bdd6f2;border-radius:6px;cursor:pointer;background:#fff}
.healthcare-app #modal .import-field-option:has(input:checked){background:#e9f4ff;border-color:#075eff}
.healthcare-app #modal .import-field-option span{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.healthcare-app #modal .import-field-option strong{font-size:14px;color:#062956}
.healthcare-app #modal .import-field-option small{font-size:13px;color:#456689}
.healthcare-app #modal .import-flow-card input[type=radio]{accent-color:#075eff;flex-shrink:0}
.healthcare-app #modal .import-flow-body[data-import-view=question]>.text-btn{margin-top:16px}
.healthcare-app #modal .import-manual,.healthcare-app #modal .import-split-name{display:grid;gap:16px}
.healthcare-app #modal .import-manual label,.healthcare-app #modal .import-split-name label{display:grid;gap:7px;color:#104b89;font-size:14px}
.healthcare-app #modal .import-manual input,.healthcare-app #modal .import-fix-form input{box-sizing:border-box;width:100%;min-height:40px;padding:10px;border:1px solid #b7cfe9;border-radius:5px;background:#fff;color:#062956;font:inherit}
.healthcare-app #modal .import-counts{display:flex;gap:12px;margin:0 0 16px}
.healthcare-app #modal .import-counts>span{display:flex;justify-content:center;align-items:center;gap:10px;flex:1;padding:12px;border-radius:6px;background:#e1f5eb;color:#155c39;font-size:14px}
.healthcare-app #modal .import-counts>span:nth-child(2){background:#e3f2ff;color:#135b91}
.healthcare-app #modal .import-counts>span:nth-child(3){background:#fff3cf;color:#805900}
.healthcare-app #modal .import-counts strong{font-size:20px}
.healthcare-app #modal .import-mode-settings{margin:0 0 12px}
.healthcare-app #modal .import-mode{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}
.healthcare-app #modal .import-mode label{display:flex;gap:7px;align-items:center;font-size:13px}
.healthcare-app #modal .import-attention{display:block;width:100%;padding:12px 14px;margin-bottom:12px;text-align:left;border:1px solid #e8cc80;border-radius:5px;background:#fff7df;color:#715100;font:inherit;font-size:13px;cursor:pointer}
.healthcare-app #modal .import-action{display:inline-block;padding:5px 9px;border-radius:5px;background:#dff4e8;color:#155c39;white-space:nowrap}
.healthcare-app #modal .import-action.update{background:#e2f1ff;color:#135b91}
.healthcare-app #modal .import-action.skip{background:#fff1c6;color:#805600}
.healthcare-app #modal .import-table-scroll td:last-child .btn{min-height:30px;padding:5px 8px;margin:2px;border:1px solid #b2cced;border-radius:5px;background:#fff;color:#075eff;font-size:12px;white-space:nowrap}
.healthcare-app #modal .import-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;font-size:12px;color:#456689}
.healthcare-app #modal .import-pagination .btn{border:1px solid #b2cced;padding:7px 12px;background:#fff;color:#075eff;min-height:32px}
.healthcare-app #modal .import-fix-form{border:1px solid #bdd6f2;border-radius:5px;overflow:hidden}
.healthcare-app #modal .import-fix-form label{display:grid;grid-template-columns:40% 60%;align-items:center;border-bottom:1px solid #d4e5f5;font-size:14px}
.healthcare-app #modal .import-fix-form label:last-child{border:0}
.healthcare-app #modal .import-fix-form label>span{align-self:stretch;display:flex;align-items:center;padding:12px;background:#edf6ff;color:#104b89;overflow-wrap:anywhere}
.healthcare-app #modal .import-fix-form input{width:calc(100% - 20px);margin:10px}
.healthcare-app #modal .import-success{display:grid;place-items:center;width:44px;height:44px;margin:10px auto 14px;border-radius:50%;background:#2aaf65;color:white;font-size:28px}
.healthcare-app #modal .import-total{text-align:center;font-size:22px!important;font-weight:650;color:#062956;margin:0 0 18px}
.healthcare-app #modal .import-result-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:18px 0}
.healthcare-app #modal .import-screening-status{text-align:center;font-size:13px;color:#456689}
.healthcare-app #modal .import-skipped>.import-table-scroll{margin-top:12px}
.healthcare-app .pill.unchecked,.healthcare-app .status-banner.unchecked{background:#eef2f8;border-color:#d7e0ee;color:#526984}
.healthcare-app .uploaded-details pre{overflow:auto;padding:14px;background:#f4f7fc;font-size:11px}
@media(max-width:650px){
.healthcare-app #modal .import-progress{padding:14px 12px 8px;gap:6px}
.healthcare-app #modal .import-progress li{font-size:11px}
.healthcare-app #modal .import-progress li>span{width:26px;height:26px}
.healthcare-app #modal .import-progress li:not(:last-child)::after{top:13px}
.healthcare-app #modal .import-flow-body{padding:16px 12px}
.healthcare-app #modal .import-flow-body h3{font-size:20px}
.healthcare-app #modal .import-flow-card>.import-footer{padding:14px 12px;gap:8px}
.healthcare-app #modal .import-flow-card>.import-footer .btn{font-size:12px;white-space:normal}
.healthcare-app #modal .import-counts{gap:7px}
.healthcare-app #modal .import-counts>span{padding:10px 6px;gap:6px;font-size:12px}
.healthcare-app #modal .import-layout-meta{flex-wrap:wrap}
}

/* Compact the one-time check so its explanation remains above the footer. */
.healthcare-app #modal .import-layout-body{padding-top:14px;padding-bottom:14px}
.healthcare-app #modal .import-layout-body h3{font-size:22px;line-height:28px;margin-bottom:10px}
.healthcare-app #modal .import-layout-body .import-file-strip{padding-top:8px;padding-bottom:8px;margin-bottom:10px}
.healthcare-app #modal .import-layout-provider h4{padding-top:6px;padding-bottom:6px}
.healthcare-app #modal .import-layout-fields th,.healthcare-app #modal .import-layout-fields td{padding-top:8px;padding-bottom:8px;line-height:1.4}
.healthcare-app #modal .import-layout-meta{padding-top:6px;padding-bottom:6px}
.healthcare-app #modal .import-layout-adjust{margin-top:6px;margin-bottom:6px}
.healthcare-app #modal .import-layout-confirmation{margin-top:6px}

/* File requirements and template remain together in the upload view. */
.healthcare-app #modal .import-upload-meta{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:12px 0 0}
.healthcare-app #modal .import-upload-meta .import-requirements{margin:0}
.healthcare-app #modal .import-upload-meta .text-btn{padding:0;white-space:nowrap}
.healthcare-app #modal .import-fix-form label>.import-fix-control{display:block;align-self:stretch;padding:10px;background:#fff;color:#062956;min-width:0}
.healthcare-app #modal .import-fix-form .import-fix-control input{width:100%;margin:0}
.healthcare-app #modal .import-npi-help,.healthcare-app #modal .import-npi-error{display:block;font-size:12px;line-height:1.45;margin-top:7px}
.healthcare-app #modal .import-npi-help{color:#59718e}
.healthcare-app #modal .import-npi-error{color:#ac263d}
.healthcare-app #modal .import-npi-error[hidden]{display:none}
.healthcare-app #modal .import-fix-control input[aria-invalid=true]{border-color:#cf6b7d}