/* Facility Settings > Import Members (import-settings.js; im- = import) */
.im-card { max-width: 900px; min-width: 0; width: 100%; box-sizing: border-box; }   /* min-width 0: a wide table must scroll inside the card, not stretch the page */
.im-note { margin: 12px 0 0; padding: 10px 14px; border-radius: 10px; background: #fffbeb; border: 1px solid #fde68a; font-size: 14px; color: #92400e; }
.im-steps { margin: 16px 0; padding-left: 20px; display: grid; gap: 6px; font-size: 14px; color: #374151; }
.im-scroll { min-width: 0; max-width: 100%; overflow-x: auto; border: 1px solid #e8eaee; border-radius: 10px; }
.im-table { width: 100%; border-collapse: collapse; font-size: 13px; color: #111827; }
.im-table th { text-align: left; white-space: nowrap; padding: 9px 12px; background: #f9fafb; font-size: 12px; font-weight: 600; color: #6b7280; }
.im-table td { padding: 9px 12px; border-top: 1px solid #f1f3f6; white-space: nowrap; }
.im-drop { display: grid; gap: 4px; justify-items: center; margin-top: 16px; padding: 26px 16px; border: 1.5px dashed #cbd5e1; border-radius: 12px; cursor: pointer; text-align: center; color: #111827; }
.im-drop:hover, .im-drop.over { border-color: #2a78d6; background: #f5f9ff; }
.im-drop.off { opacity: .5; cursor: not-allowed; }
.im-box { display: grid; gap: 10px; margin-top: 16px; padding: 16px; border: 1px solid #e8eaee; border-radius: 12px; background: #fff; color: #111827; font-size: 14px; }
.im-box p { margin: 0; }
.im-box.good { border-color: #bbf7d0; background: #f0fdf4; }
.im-box.bad { border-color: #fecaca; background: #fef2f2; }
.im-warn { padding: 10px 12px; border-radius: 10px; background: #fffbeb; border: 1px solid #fde68a; }
.im-list { margin: 6px 0 0; padding-left: 18px; display: grid; gap: 3px; font-size: 13px; }
.im-foot { margin-top: 16px; }

.im-bad { color: #b91c1c; font-weight: 600; }
.im-map { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.im-map-col { display: grid; gap: 8px; align-content: start; min-width: 0; }
.im-map-col h3 { margin: 0; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #6b7280; }
.im-map-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; font-size: 13px; color: #374151; }
.im-map-row select { min-height: 36px; padding: 0 8px; border: 1px solid #e8eaee; border-radius: 8px; background: #fff; font: inherit; font-size: 13px; color: #111827; max-width: 100%; }
.im-map-row em { min-height: 16px; font-style: normal; font-size: 12px; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 720px) { .im-map { grid-template-columns: minmax(0, 1fr); } }