/* Mobile-first importer shared by every tenant's permitted CRM. */
#appShell .atlasImportBox{margin:0 0 18px}
#appShell .atlasImportPanel{
 margin-top:12px;background:#fff;border:1px solid #e0e8ed;
 border-radius:14px;padding:17px;display:grid;gap:12px;
 box-shadow:0 6px 18px rgba(22,38,52,.03);
}
#appShell .atlasImportPanel h3{margin:0;font-size:16px}
#appShell .atlasImportPanel>.muted{margin:0}
#appShell .atlasImportPanel .field{width:100%;min-width:0}
#appShell #atlasImportFile{width:100%;min-height:44px}
#appShell .atlasImportSummary{color:#476475;font-weight:700;font-size:12px}
#appShell .atlasImportPreview{
 max-height:370px;overflow-y:auto;overflow-x:hidden;
 border:1px solid #e4edf0;border-radius:12px;
}
#appShell .atlasImportSelectAll{padding:10px 12px;background:#f4f8f9;border-bottom:1px solid #e5ecee}
#appShell .atlasImportSelectAll label,
#appShell .atlasImportRow{display:flex;align-items:center;gap:12px;cursor:pointer}
#appShell .atlasImportRow{padding:10px 12px;border-bottom:1px solid #edf1f3}
#appShell .atlasImportRow:last-child{border:0}
#appShell .atlasImportRow>span:nth-of-type(1){flex:1;min-width:0;display:grid;gap:3px}
#appShell .atlasImportRow small{color:#789;overflow-wrap:anywhere}
#appShell .atlasImportPanel input[type="checkbox"]{width:18px;height:18px;min-width:18px}
#appShell .atlasImportRow .tag{flex:0 0 auto}
@media (max-width:740px){
 #appShell .atlasImportPanel{padding:13px}
 #appShell .atlasImportRow{align-items:flex-start}
 #appShell .atlasImportPanel>.opsActions{display:flex;flex-wrap:wrap}
 #appShell .atlasImportPanel>.opsActions>button{flex:1 1 140px}
}