/* Session-only, live status for the multi-file data import popup. */
#ax-modal .ax-modal:has([data-bulk-import-session-log]) {
  width: min(920px, 96vw);
  max-height: min(94vh, 1100px);
  overflow-y: auto;
}
#ax-modal .ax-import-session {
  margin-top: 20px;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 16px;
  background: rgba(15, 23, 42, .28);
}
#ax-modal .ax-import-session-head,
#ax-modal .ax-import-session-row,
#ax-modal .ax-import-session-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
#ax-modal .ax-import-session-head h3 { margin: 2px 0 0; font-size: 17px; }
#ax-modal .ax-import-session-kicker { font-size: 10px; font-weight: 800; letter-spacing: .12em; opacity: .65; }
#ax-modal .ax-import-session-live { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; color: #65d6ac; }
#ax-modal .ax-import-session-live i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(101, 214, 172, .12); }
#ax-modal .ax-import-session-summary { margin: 10px 0 15px; font-size: 12px; opacity: .72; }
#ax-modal .ax-import-session-items { display: grid; gap: 10px; max-height: 300px; overflow: auto; padding-right: 4px; }
#ax-modal .ax-import-session-item { padding: 12px 14px; border: 1px solid rgba(148, 163, 184, .17); border-radius: 12px; background: rgba(255, 255, 255, .035); }
#ax-modal .ax-import-session-title { display: grid; gap: 2px; min-width: 0; }
#ax-modal .ax-import-session-title strong { overflow-wrap: anywhere; font-size: 13px; }
#ax-modal .ax-import-session-title small { opacity: .62; overflow-wrap: anywhere; }
#ax-modal .ax-import-session-status { flex: none; font-size: 11px; font-weight: 750; color: #f3c577; }
#ax-modal .ax-import-session-item.running .ax-import-session-status { color: #7fb4ff; }
#ax-modal .ax-import-session-item.done .ax-import-session-status { color: #68d5ad; }
#ax-modal .ax-import-session-item.issue .ax-import-session-status { color: #f18484; }
#ax-modal .ax-import-session-meter { height: 5px; margin: 10px 0 7px; overflow: hidden; border-radius: 99px; background: rgba(148, 163, 184, .2); }
#ax-modal .ax-import-session-meter span { display: block; height: 100%; border-radius: inherit; background: #5894ee; transition: width .3s ease; }
#ax-modal .ax-import-session-detail { align-items: flex-start; font-size: 11px; opacity: .74; }
#ax-modal .ax-import-session-detail span { min-width: 0; overflow-wrap: anywhere; }
#ax-modal .ax-import-session-detail b { flex: none; font-variant-numeric: tabular-nums; }
#ax-modal .ax-import-session-events { display: grid; gap: 3px; margin: 9px 0 0; padding: 0; list-style: none; }
#ax-modal .ax-import-session-events li { display: flex; gap: 8px; color: inherit; opacity: .56; font-size: 10px; }
#ax-modal .ax-import-session-events time { flex: none; font-variant-numeric: tabular-nums; }
#ax-modal .ax-import-session-empty { padding: 18px; border: 1px dashed rgba(148, 163, 184, .26); border-radius: 10px; text-align: center; font-size: 12px; opacity: .65; }
@media (max-width: 620px) {
  #ax-modal .ax-import-session { padding: 13px; }
  #ax-modal .ax-import-session-row { align-items: flex-start; }
  #ax-modal .ax-import-session-status { text-align: right; }
}
