.ofd-import-monitor { max-width: 1520px; margin-inline: auto; color: #19232e; }
.sales-import-source { display: flex; align-items: center; gap: 12px; max-width: 1520px; margin: 16px auto; }
.sales-import-source select { width: 160px; max-width: 100%; }
.sales-import-source[hidden] { display: none; }
.ofd-monitor-heading, .ofd-monitor-controls, .ofd-monitor-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.ofd-monitor-heading { margin-bottom: 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.ofd-monitor-heading h2 { font-size: 22px; margin: 0; }
.ofd-monitor-controls { justify-content: flex-start; margin-bottom: 16px; }
.ofd-monitor-controls label { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; }
.ofd-monitor-controls select { width: auto; max-width: 100%; }
.ofd-monitor-controls input[type="search"] { min-width: 0; width: 260px; max-width: 100%; }
.ofd-monitor-controls input[type="checkbox"] { width: 18px; height: 18px; flex: 0 0 auto; }
.ofd-monitor-status { padding: 12px; margin-bottom: 12px; background: #edf4f7; border-left: 3px solid #147384; }
.ofd-monitor-status[data-error="true"] { background: #fff4e6; border-color: #a94c12; }
.ofd-monitor-exchange { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; border-left: 4px solid #177d53; background: #f0faf4; padding: 16px; }
.ofd-monitor-exchange[data-state="disabled"], .ofd-monitor-exchange[data-state="paused"] { border-color: #956214; background: #fff9ed; }
.ofd-monitor-exchange[data-state="blocked"], .ofd-monitor-exchange[data-state="retry"] { border-color: #ae3030; background: #fff2f2; }
.ofd-monitor-exchange p { margin: 6px 0 0; font-size: 14px; }
.ofd-monitor-exchange dl, .ofd-monitor-totals, .ofd-monitor-technical { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ofd-import-monitor dt { color: #657180; font-size: 13px; font-weight: 400; }
.ofd-import-monitor dd { margin: 3px 0 0; overflow-wrap: anywhere; }
.ofd-monitor-totals { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; padding-block: 20px; border-bottom: 1px solid #dce3e7; margin-bottom: 24px; }
.ofd-monitor-totals > div { padding: 0 16px; border-left: 1px solid #dce3e7; }
.ofd-monitor-totals > div:first-child { padding-left: 0; border-left: 0; }
.ofd-monitor-totals dd { font-size: 26px; font-weight: 700; }
.ofd-monitor-section-heading { margin-bottom: 12px; }
.ofd-monitor-section-heading h3 { font-size: 18px; margin: 0; }
.ofd-monitor-section-heading > span { color: #657180; font-size: 14px; }
.ofd-monitor-table-head, .ofd-monitor-register > summary { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, .8fr); align-items: center; gap: 16px; padding: 14px 12px; }
.ofd-monitor-table-head { color: #657180; background: #f1f5f7; font-size: 13px; }
.ofd-monitor-register { border-bottom: 1px solid #dce3e7; }
.ofd-monitor-register summary, .ofd-monitor-job summary, .ofd-monitor-jobs > summary, .ofd-monitor-meta > summary { cursor: pointer; }
.ofd-monitor-register > summary, .ofd-monitor-job > summary { position: relative; padding-right: 36px; }
.ofd-monitor-register > summary::after, .ofd-monitor-job > summary::after { content: '\2304'; position: absolute; right: 10px; top: 18px; font-size: 18px; }
.ofd-monitor-register[open] > summary::after, .ofd-monitor-job[open] > summary::after { transform: rotate(180deg); }
.ofd-monitor-register > summary:hover, .ofd-monitor-job > summary:hover { background: #f3f7f8; }
.ofd-monitor-register > summary > span, .ofd-monitor-job > summary > span { min-width: 0; overflow-wrap: anywhere; }
.ofd-monitor-register small, .ofd-monitor-job small { display: block; color: #657180; font-size: 13px; margin-top: 5px; }
.ofd-monitor-checked { font-size: 14px; }
.ofd-monitor-checked small { display: none; }
.ofd-monitor-badge { font-size: 13px; color: #92370f; background: #fff3de; padding: 3px 7px; display: inline-block; border-radius: 4px; }
.ofd-monitor-badge[data-ok="true"] { color: #17633c; background: #eaf7ee; }
.ofd-monitor-detail-body { padding: 16px; background: #f7f9fa; }
.ofd-monitor-day-scroll { max-height: 300px; overflow: auto; overscroll-behavior: contain; margin-top: 14px; }
.ofd-monitor-day-scroll table { width: 100%; font-size: 14px; border-collapse: collapse; }
.ofd-monitor-day-scroll th, .ofd-monitor-day-scroll td { padding: 10px 8px; border-bottom: 1px solid #dce3e7; }
.ofd-monitor-day-scroll th { position: sticky; top: 0; background: #edf2f5; }
.ofd-monitor-day-scroll th:last-child, .ofd-monitor-day-scroll td:last-child { text-align: right; }
.ofd-monitor-day-scroll td:first-child { white-space: nowrap; }
.ofd-monitor-empty { padding: 22px 0; color: #657180; margin: 0; }
.ofd-monitor-jobs { margin-top: 24px; border-top: 1px solid #dce3e7; }
.ofd-monitor-jobs > summary, .ofd-monitor-meta > summary { padding: 16px 0; font-weight: 600; }
.ofd-monitor-jobs > summary span { color: #657180; font-weight: 400; margin-left: 10px; }
.ofd-monitor-job > summary { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 12px; padding: 14px 36px 14px 12px; border-bottom: 1px solid #dce3e7; font-size: 14px; }
.ofd-monitor-job-error { color: #9c2727; }
.ofd-monitor-job-pager { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 12px 0; font-size: 14px; }
.ofd-monitor-code, .ofd-monitor-detail-body p { overflow-wrap: anywhere; }
.ofd-monitor-technical { font-size: 14px; margin-bottom: 14px; }
.ofd-monitor-unassigned { border-left: 3px solid #a66412; padding-left: 12px; margin-bottom: 16px; }
.ofd-monitor-unassigned > strong { display: block; margin-bottom: 12px; }
.ofd-monitor-unassigned .ofd-command { display: inline-flex; white-space: normal; max-width: 100%; }
.ofd-import-monitor :focus-visible { outline: 2px solid #147384; outline-offset: 3px; }
@media (max-width: 767px) {
  .ofd-monitor-heading h2 { font-size: 18px; }
  .ofd-monitor-exchange { grid-template-columns: minmax(0, 1fr); }
  .ofd-monitor-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
  .ofd-monitor-totals > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .ofd-monitor-table-head { display: none; }
  .ofd-monitor-register > summary { grid-template-columns: minmax(0, 1fr); gap: 8px; padding-left: 0; padding-right: 30px; }
  .ofd-monitor-register > summary > span:nth-child(2) { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
  .ofd-monitor-checked { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; color: #657180; }
  .ofd-monitor-checked small { display: inline; }
  .ofd-monitor-controls { align-items: stretch; }
  .ofd-monitor-controls label, .ofd-monitor-controls input[type="search"] { width: 100%; }
  .ofd-monitor-controls label > select { flex: 1; min-width: 0; }
  .ofd-monitor-technical, .ofd-monitor-job > summary { grid-template-columns: minmax(0, 1fr); }
  .ofd-monitor-detail-body { padding: 12px; }
  .ofd-monitor-exchange dl { gap: 16px; }
}