.mapping-admin {
  --mapping-green: #08714b;
  --mapping-green-dark: #075b3e;
  --mapping-green-soft: #eff9f3;
  --mapping-border: #dce4df;
  --mapping-muted: #68766e;
  display: grid;
  gap: 22px;
  padding-bottom: 8px;
}

/* Mapping is an operational workspace and may use the full viewport width. */
body.page-account:has([data-account-panel="mapping"]:not([hidden])) main > .account-workspace {
  width: calc(100% - clamp(24px, 3vw, 56px)) !important;
  max-width: none !important;
}

body.page-account:has([data-account-panel="mapping"]:not([hidden])) .account-content,
body.page-account:has([data-account-panel="mapping"]:not([hidden])) [data-account-panel="mapping"],
.page-account [data-account-panel="mapping"] .mapping-admin,
.page-account [data-account-panel="mapping"] [data-mapping-content] {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
}

@media (min-width: 1680px) {
  body.page-account:has([data-account-panel="mapping"]:not([hidden])) main > .account-workspace {
    width: calc(100% - 64px) !important;
  }

  .mapping-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .monitor-schedules { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.mapping-admin > .section-head {
  margin: 0 0 4px;
  padding: 0;
}

.mapping-admin > .section-head h1 {
  margin: 5px 0 7px;
  letter-spacing: -.035em;
}

.mapping-admin > .section-head .help {
  margin: 0;
  line-height: 1.55;
}

.mapping-admin [data-mapping-content] {
  display: grid;
  gap: 18px;
}

.mapping-admin .panel {
  border-color: var(--mapping-border);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(11, 54, 39, .055);
}

.mapping-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.mapping-subjects {
  position: static;
  display: grid;
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 20px;
  align-items: center;
  padding: 18px;
}

.mapping-subjects > .eyebrow { grid-column: 1; grid-row: 1; margin-bottom: 2px; }

.mapping-subjects h2 {
  grid-column: 1;
  grid-row: 2;
  margin: 4px 0 0;
  font-size: 1.55rem;
}

.mapping-subjects .mapping-subject-list {
  grid-column: 2;
  grid-row: 1 / span 2;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.mapping-subject-list,
.mapping-detail-stack,
.approval-list {
  display: grid;
  gap: 10px;
}

.mapping-subject {
  position: relative;
  width: 100%;
  display: grid;
  gap: 5px;
  padding: 13px 14px;
  border: 1px solid var(--mapping-border);
  border-radius: 12px;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}

.mapping-subject:hover {
  transform: translateY(-1px);
  border-color: #86bca4;
  box-shadow: 0 7px 16px rgba(8, 71, 49, .08);
}

.mapping-subject.is-active {
  border-color: var(--mapping-green);
  background: linear-gradient(135deg, #f4fbf7, #fff);
  box-shadow: 0 0 0 3px rgba(8, 113, 75, .1);
}

.mapping-subject.is-active::before {
  position: absolute;
  inset: 11px auto 11px -1px;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: var(--mapping-green);
  content: "";
}

.mapping-subject small {
  color: var(--mapping-muted);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.mapping-count {
  display: inline-grid;
  place-items: center;
  min-width: 26px;
  height: 26px;
  margin-left: 5px;
  padding: 0 8px;
  border-radius: 999px;
  background: #f4b000;
  color: #163a2e;
  font-size: .78rem;
  vertical-align: 3px;
}

.approval-panel {
  padding: 22px 24px;
  border-color: #dfc778 !important;
  background: linear-gradient(135deg, #fffdf7 0%, #fff 68%);
}

.approval-panel .panel-heading {
  margin-bottom: 14px;
}

.approval-panel .panel-heading h2 {
  margin: 4px 0 5px;
}

.approval-panel .panel-heading .help {
  margin: 0;
}

.approval-card {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) minmax(220px, .8fr) auto;
  gap: 18px;
  align-items: center;
  padding: 16px;
  border: 1px solid #e5d9b7;
  border-radius: 13px;
  background: #fff;
}

.approval-card p { margin: 5px 0; }
.approval-card .status { margin-left: 7px; }
.approval-card details summary { color: var(--mapping-green-dark); font-weight: 800; cursor: pointer; }
.approval-data { display: grid; gap: 6px; margin-top: 10px; }
.approval-data pre { max-height: 170px; margin: 0; padding: 10px; overflow: auto; border-radius: 9px; background: #f4f7f5; font-size: .74rem; white-space: pre-wrap; }
.approval-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.approval-dashboard { overflow: hidden; }
.approval-reminder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 12px;
  border-color: #b9dcc9;
  background: linear-gradient(135deg, #f2fbf6, #fff);
}
.approval-reminder h3 { margin: 3px 0 6px; color: var(--mapping-green-dark); }
.approval-reminder .help { margin: 0; }
.approval-reminder .button { flex: 0 0 auto; }
.approval-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}
.approval-kpis > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #e5d9b7;
  border-radius: 11px;
  background: rgba(255, 255, 255, .88);
}
.approval-kpis span { color: var(--mapping-muted); font-size: .68rem; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; }
.approval-kpis strong { color: #113c2d; font-size: 1.08rem; overflow-wrap: anywhere; }
.approval-table-wrap {
  width: 100%;
  overflow: auto;
  border: 1px solid #e5d9b7;
  border-radius: 13px;
  background: #fff;
  scrollbar-gutter: stable;
}
.approval-table { width: 100%; min-width: 1240px; border-collapse: collapse; }
.approval-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 10px 11px;
  background: #f6f8f6;
  color: #607168;
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .035em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
.approval-table td { padding: 11px; border-top: 1px solid #edf0ed; vertical-align: top; }
.approval-table td > strong,
.approval-table td > small { display: block; }
.approval-table td > small { margin-top: 4px; color: var(--mapping-muted); font-size: .69rem; line-height: 1.4; }
.approval-table .is-number { font-variant-numeric: tabular-nums; font-weight: 800; white-space: nowrap; }
.approval-table .is-negative { color: #a32828; }
.approval-items summary { color: var(--mapping-green-dark); font-weight: 850; cursor: pointer; white-space: nowrap; }
.approval-items > div { display: grid; gap: 8px; min-width: 640px; margin-top: 9px; }
.approval-items article { display: grid; gap: 8px; padding: 10px; border: 1px solid var(--mapping-border); border-radius: 9px; background: #fbfdfb; }
.approval-items article small { display: block; margin-top: 2px; color: var(--mapping-muted); font-size: .67rem; }
.approval-items dl { display: grid; grid-template-columns: repeat(6, minmax(82px, 1fr)); gap: 7px; margin: 0; }
.approval-items dl div { min-width: 0; padding: 7px; border-radius: 7px; background: #f1f5f2; }
.approval-items dt { color: var(--mapping-muted); font-size: .59rem; font-weight: 850; text-transform: uppercase; }
.approval-items dd { margin: 3px 0 0; font-size: .7rem; font-weight: 800; overflow-wrap: anywhere; }
.approval-table-actions { display: grid; gap: 6px; min-width: 126px; }
.approval-table-actions .button { width: 100%; justify-content: center; white-space: nowrap; }
.approval-table-actions .button:disabled { cursor: not-allowed; opacity: .48; }
.approval-test-row td { padding: 0 11px 12px; background: #fbfdfb; }
.approval-test-row details { border: 1px solid #cbded3; border-radius: 10px; background: #fff; }
.approval-test-row summary { padding: 10px 12px; color: #194b39; font-size: .75rem; font-weight: 850; cursor: pointer; }
.approval-test-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 10px; padding: 0 11px 11px; }
.approval-test-grid section { min-width: 0; }
.approval-test-grid pre { min-height: 120px; max-height: 330px; margin: 6px 0 0; padding: 11px; overflow: auto; border-radius: 9px; background: #102d24; color: #dcf5e7; font-size: .68rem; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }

.mapping-all-clear {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 58px;
  padding: 12px 14px;
  border: 1px solid #b9dcc9;
  border-radius: 12px;
  background: #f2fbf6;
}

@media (max-width: 760px) {
  .approval-reminder { align-items: stretch; flex-direction: column; gap: 13px; }
  .approval-reminder .button { width: 100%; justify-content: center; }
}

.mapping-all-clear > span {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--mapping-green);
  color: #fff;
  font-weight: 900;
}

.mapping-all-clear p { margin: 2px 0 0; color: #385e50; }

.mapping-profile {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 22px;
  align-items: center;
  min-height: 112px;
  padding: 21px 24px;
}

.mapping-profile h2 { margin: 5px 0 7px; }
.mapping-profile .help { margin: 0; }
.mapping-profile-form { display: flex; gap: 10px; align-items: end; justify-content: flex-end; flex-wrap: wrap; }
.mapping-profile-form > label:not(.checkbox) { display: grid; gap: 5px; min-width: 118px; font-weight: 750; }
.mapping-profile-form .checkbox { min-height: 42px; align-items: center; }

.connector-card {
  padding: 22px 24px;
  overflow: hidden;
}

.connector-card .panel-heading {
  align-items: flex-start;
  margin-bottom: 18px;
}

.connector-card .panel-heading h2 { margin: 5px 0 6px; }
.connector-card .panel-heading .help { max-width: 900px; margin: 0; line-height: 1.5; }

.connector-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 13px 12px;
}

.connector-grid label {
  display: grid;
  grid-column: span 3;
  align-content: start;
  gap: 6px;
  min-width: 0;
  color: #183f32;
  font-size: .84rem;
  font-weight: 800;
}

.connector-grid .connector-confirm {
  grid-column: span 6;
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid #d6e4dc;
  border-radius: 9px;
  background: #f5faf7;
  font-size: .76rem;
  line-height: 1.35;
}
.connector-confirm input { flex: 0 0 auto; }

.connector-option {
  grid-column: 1 / -1;
  overflow: hidden;
  border: 1px solid #d8e4dd;
  border-radius: 11px;
  background: #f7faf8;
}

.connector-option > summary {
  padding: 12px 14px;
  color: #174b39;
  font-size: .84rem;
  font-weight: 850;
  cursor: pointer;
}

.connector-option[open] > summary { border-bottom: 1px solid #dfe8e2; background: #eef7f2; }
.connector-option-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 13px 12px; padding: 14px; }
.connector-order-option .connector-option-grid > label { grid-column: span 4; }
.connector-order-option .connector-option-grid > .connector-confirm { grid-column: 1 / -1; }

.connection-discovery { margin-top: 18px; padding: 18px; border: 1px solid #b9d8c9; border-radius: 14px; background: #f4faf7; }
.connection-discovery h3 { margin: 4px 0; }
.connection-discovery ul { margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 14px; list-style: none; }
.connection-discovery li { min-width: 0; padding: 8px 10px; border: 1px solid #dce9e2; border-radius: 8px; background: #fff; overflow-wrap: anywhere; }
.connection-analyses { margin-top: 20px; }
.connection-analysis { margin-top: 12px; padding: 14px; border: 1px solid #cde1d6; border-radius: 10px; background: #fff; }
.connection-analysis h4 { margin: 0 0 4px; }
.connection-analysis li { display: flex; justify-content: space-between; gap: 12px; }
.connection-analysis details { margin-top: 8px; padding: 9px 11px; border: 1px solid #dce9e2; border-radius: 8px; }
.connection-analysis summary { cursor: pointer; font-weight: 800; }
.connection-analysis details p { overflow-wrap: anywhere; }
.connection-sample { min-width: 0; margin-top: 12px; }
.connection-sample .table-scroll { width: 100%; max-width: 100%; margin-top: 7px; overflow-x: auto; border: 1px solid #dce9e2; border-radius: 9px; background: #fff; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; }
.connection-sample table { width: max-content; min-width: 100%; border-collapse: collapse; font-size: .78rem; line-height: 1.4; }
.connection-sample th,.connection-sample td { max-width: 280px; padding: 8px 10px; border-right: 1px solid #dce9e2; border-bottom: 1px solid #dce9e2; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.connection-sample th:last-child,.connection-sample td:last-child { border-right: 0; }
.connection-sample tbody tr:last-child td { border-bottom: 0; }
.connection-sample th { background: #eef7f2; }
.connection-analysis-choice { margin-top: 18px; padding: 14px; border: 1px solid #d4e4dc; border-radius: 10px; }
.connection-analysis-choice legend { padding: 0 7px; font-weight: 900; }
.connection-analysis-choice > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 12px 0; }
.connection-analysis-choice label { display: flex; align-items: flex-start; gap: 9px; padding: 10px; border: 1px solid #dce9e2; border-radius: 8px; background: #fff; }
.connection-analysis-choice label span { display: grid; gap: 2px; }
.connection-analysis-choice small { color: #7a5a00; }

.connector-grid label:has([name="connectorType"]) { grid-column: span 4; }
.connector-grid label:has([name="host"]) { grid-column: span 4; }
.connector-grid label:has([name="port"]) { grid-column: span 2; }
.connector-grid label:has([name="username"]),
.connector-grid label:has([name="password"]) { grid-column: span 6; }
.connector-grid label:has([name="remoteDirectory"]),
.connector-grid label:has([name="orderRemoteDirectory"]) { grid-column: span 4; }
.connector-grid label:has([name="filePattern"]) { grid-column: span 4; }
.connector-grid label:has([name="orderFormat"]),
.connector-grid label:has([name="orderSchemaVersion"]),
.connector-grid label:has([name="orderRootElement"]),
.connector-grid label:has([name="orderRecordElement"]) { grid-column: span 3; }
.connector-grid .connector-confirm { grid-column: 1 / -1; }

.connector-grid .field,
.connector-grid .field-select,
.connector-grid .field-textarea {
  width: 100%;
  min-width: 0;
}

.connector-grid .field,
.connector-grid .field-select { min-height: 43px; }
.connector-grid .field-textarea { min-height: 82px; resize: vertical; }
.connector-card .form-actions { gap: 9px; margin-top: 16px; }

.resource-tiles {
  display: grid;
  grid-template-columns: repeat(7, minmax(92px, 1fr));
  gap: 8px;
}

.resource-tile {
  position: relative;
  display: grid;
  align-content: center;
  gap: 3px;
  min-height: 82px;
  padding: 12px 13px;
  overflow: hidden;
  border: 1px solid var(--mapping-border);
  border-radius: 12px;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.resource-tile:hover { transform: translateY(-1px); border-color: #8dbda8; box-shadow: 0 7px 16px rgba(8, 71, 49, .07); }
.resource-tile.is-active { border-color: var(--mapping-green); background: var(--mapping-green-soft); box-shadow: inset 0 0 0 1px rgba(8, 113, 75, .08); }
.resource-tile.is-active::after { position: absolute; inset: auto 12px 0; height: 3px; border-radius: 5px 5px 0 0; background: var(--mapping-green); content: ""; }
.resource-tile span { font-size: .84rem; font-weight: 850; }
.resource-tile strong { color: var(--mapping-green); font-size: 1rem; }
.resource-tile small { color: var(--mapping-muted); font-size: .72rem; }

.mapping-fields { padding: 24px; }
.mapping-work-head { display: grid; grid-template-columns: minmax(0, 1fr) 230px; gap: 22px; align-items: end; }
.mapping-work-head h2 { margin: 5px 0 3px; letter-spacing: -.025em; }
.mapping-work-head .help { margin: 0; }
.mapping-progress { height: 8px; margin-bottom: 6px; overflow: hidden; border-radius: 99px; background: #e7eee9; }
.mapping-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--mapping-green), #23a66e); }

.mapping-toolbar {
  position: sticky;
  top: 10px;
  z-index: 3;
  display: flex;
  align-items: end;
  gap: 12px;
  margin: 18px 0 10px;
  padding: 12px;
  border: 1px solid #dfe7e2;
  border-radius: 12px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 7px 18px rgba(12, 45, 32, .055);
  backdrop-filter: blur(10px);
}

.mapping-toolbar > label:not(.checkbox) { display: grid; flex: 0 0 auto; gap: 5px; font-size: .76rem; font-weight: 800; }
.mapping-toolbar > .checkbox { flex: 0 0 auto; min-height: 42px; align-items: center; padding: 0 3px; }
.mapping-toolbar .field,
.mapping-toolbar .field-select { min-height: 42px; }
.mapping-toolbar .mapping-search { flex: 1 1 300px; min-width: 180px; }
.mapping-toolbar .mapping-search .field { width: 100%; }
.mapping-toolbar > .button { align-self: flex-end; flex: 0 0 auto; min-height: 42px; }

.mapping-column-head,
.mapping-row {
  display: grid;
  grid-template-columns: minmax(180px, .85fr) 38px minmax(220px, 1.35fr) 72px;
  gap: 10px;
  align-items: center;
}

.mapping-column-head {
  padding: 3px 14px 8px;
  color: #67756d;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.mapping-column-head span:nth-child(3) { padding-left: 2px; }
.mapping-groups { display: grid; gap: 8px; }

.mapping-group {
  overflow: hidden;
  border: 1px solid var(--mapping-border);
  border-radius: 12px;
  background: #fff;
}

.mapping-group > summary {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  background: #f7f9f8;
  color: #183f32;
  font-weight: 900;
  cursor: pointer;
  transition: background .16s ease, color .16s ease;
}

.mapping-group > summary:hover { background: #f1f7f3; }
.mapping-group[open] > summary { border-bottom: 1px solid #dfe7e2; background: #eef8f2; color: var(--mapping-green-dark); }
.mapping-group > div { display: grid; }

.mapping-row {
  min-height: 62px;
  padding: 9px 14px;
  border-bottom: 1px solid #edf1ee;
  transition: background .15s ease;
}

.mapping-row:last-child { border-bottom: 0; }
.mapping-row:hover { background: #fbfdfc; }
.mapping-side { display: grid; gap: 2px; min-width: 0; }
.mapping-side span { color: #143d2f; font-weight: 850; }
.mapping-side code { color: #718078; font-size: .68rem; overflow-wrap: anywhere; }

.mapping-arrow {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e7f5ec;
  color: var(--mapping-green);
  font-size: 1rem;
  font-weight: 900;
}

.mapping-row label { min-width: 0; }
.mapping-row .field { width: 100%; min-height: 40px; background: #fff; }
.mapping-row .field:focus { background: #fff; box-shadow: 0 0 0 3px rgba(8, 113, 75, .11); }
.mapping-required { justify-self: end; padding: 5px 8px; border-radius: 999px; background: #fff1c4; color: #715100; font-size: .64rem; font-weight: 900; text-align: center; }

.mapping-savebar {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  margin-top: 12px;
  padding-top: 14px;
  border-top: 1px solid #e2e8e4;
  color: var(--mapping-muted);
  font-size: .8rem;
}

.mapping-empty { min-height: 180px; padding: 28px; border-style: dashed !important; }
.mapping-detail { min-width: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.mapping-monitor { padding: 24px; }
.mapping-monitor > .panel-heading { align-items: flex-start; margin-bottom: 18px; }
.mapping-monitor > .panel-heading h2 { margin: 5px 0 6px; }
.mapping-monitor > .panel-heading .help { margin: 0; }
.monitor-schedules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.monitor-schedule { position: relative; display: grid; gap: 11px; padding: 14px; border: 1px solid var(--mapping-border); border-radius: 12px; background: #fbfcfb; }
.monitor-schedule::before { position: absolute; inset: 0 auto 0 0; width: 4px; border-radius: 12px 0 0 12px; background: #a9b5ae; content: ""; }
.monitor-schedule.is-success::before { background: #11945f; }
.monitor-schedule.is-error::before { background: #c94343; }
.monitor-schedule.is-running::before { background: #e2a100; }
.monitor-schedule > div:first-child { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.monitor-schedule dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 12px; margin: 0; }
.monitor-schedule dl div { min-width: 0; }
.monitor-schedule dt { color: var(--mapping-muted); font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.monitor-schedule dd { margin: 2px 0 0; font-size: .78rem; font-weight: 750; overflow-wrap: anywhere; }
.monitor-schedule > .button { justify-self: start; }
.monitor-error { max-height: 110px; margin: 0; padding: 9px 10px; overflow: auto; border: 1px solid #f0caca; border-radius: 8px; background: #fff5f5; color: #842f2f; font-size: .7rem; white-space: pre-wrap; }
.monitor-runs { margin-top: 22px; }
.monitor-runs > h3 { margin: 0 0 10px; }
.monitor-run { overflow: hidden; border: 1px solid var(--mapping-border); border-radius: 10px; background: #fff; }
.monitor-run + .monitor-run { margin-top: 7px; }
.monitor-run.is-error { border-color: #e7bcbc; }
.monitor-run > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto 145px; gap: 12px; align-items: center; padding: 11px 13px; background: #f8faf8; cursor: pointer; }
.monitor-run > summary:hover { background: #f1f7f3; }
.monitor-run > summary > span:first-child { display: grid; grid-template-columns: 115px minmax(0, 1fr); gap: 10px; min-width: 0; align-items: center; }
.monitor-run > summary code { color: #6b7971; font-size: .68rem; overflow-wrap: anywhere; }
.monitor-run > summary time { color: var(--mapping-muted); font-size: .75rem; text-align: right; }
.monitor-run-detail { padding: 14px; border-top: 1px solid var(--mapping-border); }
.monitor-run-detail > dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 14px; }
.monitor-run-detail > dl div { min-width: 0; padding: 9px; border-radius: 8px; background: #f6f8f6; }
.monitor-run-detail dt { color: var(--mapping-muted); font-size: .64rem; font-weight: 850; text-transform: uppercase; }
.monitor-run-detail dd { margin: 4px 0 0; font-size: .75rem; overflow-wrap: anywhere; }
.monitor-json-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.monitor-json-grid section { min-width: 0; }
.monitor-json-grid pre { min-height: 90px; max-height: 240px; margin: 6px 0 0; padding: 10px; overflow: auto; border-radius: 9px; background: #102d24; color: #d9f3e5; font-size: .69rem; white-space: pre-wrap; }

@media (max-width: 1680px) {
  .resource-tiles { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 1280px) {
  .connector-grid label,
  .connector-grid label:nth-child(n) { grid-column: span 6 !important; }
  .connector-grid .connector-confirm { grid-column: 1 / -1 !important; }
  .connector-option-grid > label { grid-column: span 6 !important; }
  .connector-option-grid > .connector-confirm { grid-column: 1 / -1 !important; }
}

@media (max-width: 1180px) {
  .approval-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mapping-layout { grid-template-columns: 1fr; }
  .mapping-subjects { position: static; }
  .mapping-subject-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .approval-card { grid-template-columns: 1fr 1fr; }
  .approval-actions { grid-column: 1 / -1; }
  .mapping-profile { grid-template-columns: 1fr; align-items: start; }
  .mapping-profile-form { justify-content: flex-start; }
  .mapping-work-head { grid-template-columns: 1fr 180px; }
  .mapping-column-head,
  .mapping-row { grid-template-columns: minmax(145px, .85fr) 34px minmax(170px, 1.2fr) 66px; }
  .monitor-schedules { grid-template-columns: 1fr; }
  .monitor-run-detail > dl { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
  .mapping-admin { gap: 16px; }
  .mapping-admin > .section-head h1 { font-size: clamp(1.65rem, 8vw, 2.15rem); }
  .approval-panel,
  .mapping-fields,
  .connector-card,
  .mapping-profile { padding: 18px; }
  .approval-reminder,
  .connector-card .panel-heading,
  .mapping-monitor > .panel-heading { align-items: flex-start; flex-direction: column; }
  .approval-reminder .button,
  .connector-card .panel-heading .status,
  .mapping-monitor > .panel-heading .button { align-self: flex-start; }
  .mapping-subjects { display: block; padding: 16px; }
  .mapping-subjects h2 { margin: 4px 0 12px; }
  .mapping-subject-list,
  .connector-grid { grid-template-columns: 1fr; }
  .mapping-subject-list { display: flex; margin: 0 -2px; padding: 2px 2px 8px; overflow-x: auto; scroll-snap-type: inline proximity; scrollbar-width: none; }
  .mapping-subject-list::-webkit-scrollbar { display: none; }
  .mapping-subject { flex: 0 0 min(82vw, 300px); scroll-snap-align: start; }
  .connector-grid label,
  .connector-grid label:nth-child(n) { grid-column: 1 / -1 !important; }
  .connector-option-grid { grid-template-columns: 1fr; }
  .connector-option-grid > label { grid-column: 1 / -1 !important; }
  .approval-card { grid-template-columns: 1fr; }
  .approval-kpis,
  .approval-test-grid { grid-template-columns: 1fr; }
  .mapping-toolbar { position: static; display: grid; grid-template-columns: 1fr 1fr; align-items: end; }
  .mapping-toolbar .mapping-search { grid-column: 1 / -1; min-width: 0; }
  .mapping-toolbar > .button { width: 100%; }
  .mapping-work-head { grid-template-columns: 1fr; gap: 12px; }
  .mapping-column-head { display: none; }
  .mapping-row { grid-template-columns: minmax(0, 1fr) 32px; gap: 7px; padding: 12px; }
  .mapping-row label { grid-column: 1 / -1; }
  .mapping-row .mapping-required { grid-column: 1 / -1; justify-self: start; }
  .mapping-savebar { align-items: stretch; flex-direction: column; }
  .mapping-savebar .button,
  .connector-card .form-actions .button { width: 100%; justify-content: center; }
  .connector-card .form-actions { display: grid; grid-template-columns: 1fr; }
  .connection-discovery { margin-top: 14px; padding: 14px; }
  .connection-discovery ul,
  .connection-analysis-choice > div { grid-template-columns: 1fr; }
  .connection-analysis { padding: 11px; }
  .connection-analysis li { align-items: flex-start; flex-direction: column; gap: 3px; }
  .connection-analysis details { padding: 9px; }
  .connection-sample .table-scroll { overflow: visible; border: 0; background: transparent; }
  .connection-sample table,
  .connection-sample tbody,
  .connection-sample tr,
  .connection-sample td { display: block; width: 100%; min-width: 0; }
  .connection-sample table { font-size: .8rem; }
  .connection-sample thead { display: none; }
  .connection-sample tbody { display: grid; gap: 9px; margin-top: 8px; }
  .connection-sample tr { overflow: hidden; border: 1px solid #dce9e2; border-radius: 9px; background: #fff; }
  .connection-sample td { display: grid; grid-template-columns: minmax(92px, .8fr) minmax(0, 1.2fr); gap: 10px; max-width: none; padding: 8px 10px; border: 0; border-bottom: 1px solid #edf2ef; }
  .connection-sample td:last-child { border-bottom: 0; }
  .connection-sample td::before { color: var(--mapping-muted); font-size: .68rem; font-weight: 850; line-height: 1.35; content: attr(data-label); }
  .mapping-monitor { padding: 18px; }
  .monitor-run > summary { grid-template-columns: 1fr auto; }
  .monitor-run > summary > span:first-child { grid-template-columns: 1fr; gap: 2px; }
  .monitor-run > summary time { grid-column: 1 / -1; text-align: left; }
  .monitor-run-detail > dl,
  .monitor-json-grid { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .approval-panel,
  .mapping-fields,
  .connector-card,
  .mapping-profile,
  .mapping-monitor { padding: 15px; border-radius: 13px !important; }
  .mapping-layout,
  .mapping-admin [data-mapping-content] { gap: 14px; }
  .connector-grid { gap: 11px; }
  .mapping-toolbar { grid-template-columns: 1fr; }
  .mapping-toolbar > label,
  .mapping-toolbar .mapping-search { grid-column: 1 / -1; width: 100%; }
  .mapping-row { grid-template-columns: 1fr; }
  .mapping-arrow { display: none; }
  .monitor-schedule dl { grid-template-columns: 1fr; }
}
.seller-import-identity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0}
.seller-import-identity>div,.seller-import-card{padding:1rem;border:1px solid var(--line,#d9e1dc);border-radius:12px;background:#f8fbf9}
.seller-import-identity dt{font-size:.75rem;color:var(--muted,#61736a);margin-bottom:.25rem}.seller-import-identity dd{margin:0;overflow-wrap:anywhere}
.seller-import-list{display:grid;gap:.75rem}.seller-import-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.seller-import-card>div:first-child{min-width:0}.seller-import-card code{overflow-wrap:anywhere}

.partner-price-rule form{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(190px,1fr) minmax(150px,.75fr) minmax(230px,1.15fr) auto;gap:12px;align-items:end}
.partner-price-rule form>label{display:grid;gap:6px;font-size:.78rem;font-weight:800}
.partner-price-rule [hidden]{display:none!important}
.partner-price-rule .input-suffix{position:relative;display:block}
.partner-price-rule .input-suffix .field{width:100%;padding-right:38px}
.partner-price-rule .input-suffix>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--mapping-muted)}
.partner-price-result{min-height:44px;display:grid;gap:2px;align-content:center;padding:8px 12px;border:1px solid var(--mapping-border);border-radius:10px;background:var(--mapping-soft)}
.partner-price-result span,.partner-price-result small{color:var(--mapping-muted);font-size:.72rem}
.partner-price-result strong{font-size:.88rem}
@media(max-width:980px){.partner-price-rule form{grid-template-columns:1fr 1fr}.partner-price-result{grid-column:1/-1}}
@media(max-width:560px){.partner-price-rule form{grid-template-columns:1fr}.partner-price-result{grid-column:auto}.partner-price-rule .button{width:100%}}
@media(max-width:760px){.seller-import-identity{grid-template-columns:1fr}.seller-import-card{display:block}.seller-import-card .form-actions{margin-top:1rem}}

/* 2026-08-12: Brack/Alltron safe five-product preview + layout polish */
.mapping-subject-count{
  grid-column:1;
  grid-row:2;
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-top:4px;
}
.mapping-subject-count strong{font-size:1.4rem;line-height:1;color:var(--mapping-text)}
.mapping-subject-count span{color:var(--mapping-muted);font-size:.78rem;font-weight:750}
.partner-price-rule{padding:24px}
.partner-price-rule>.panel-heading{margin-bottom:18px}
.partner-price-rule>.panel-heading h2{margin:5px 0 6px}
.partner-price-rule form{gap:16px}
.partner-price-rule form>label{min-width:0}
.partner-price-rule .button{min-height:44px;white-space:nowrap}
.monitor-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.button.button-live{border-color:#d7b56a;background:#fffaf0;color:#6f4d09}
.button.button-live:hover{border-color:#bc943e;background:#fff5df}
.mapping-run-safety{
  display:grid;
  gap:4px;
  margin:-2px 0 16px;
  padding:11px 13px;
  border:1px solid #cfe5d9;
  border-radius:10px;
  background:#f5fbf7;
}
.mapping-run-safety strong{font-size:.78rem}
.mapping-run-safety span{color:var(--mapping-muted);font-size:.73rem;line-height:1.45}
.mapping-test-preview{
  margin-top:18px;
  padding:16px;
  border:1px solid #b9dbc9;
  border-radius:12px;
  background:#f8fcfa;
}
.mapping-test-preview-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.mapping-test-preview-head h3{margin:3px 0 4px;font-size:.95rem;overflow-wrap:anywhere}
.mapping-test-preview-head .help{margin:0;max-width:850px}
.mapping-test-table{width:100%;border-collapse:collapse;background:#fff}
.mapping-test-table th,.mapping-test-table td{padding:9px 10px;border-bottom:1px solid var(--mapping-border);text-align:left;vertical-align:top;font-size:.72rem}
.mapping-test-table th{background:#f2f7f4;color:var(--mapping-muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.02em}
.mapping-test-table td strong,.mapping-test-table td small{display:block}
.mapping-test-table td small{margin-top:2px;color:var(--mapping-muted)}
.mapping-test-table td.is-negative{color:#9a2f2f;font-weight:800}
.mapping-test-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;color:var(--mapping-muted);font-size:.68rem}
.mapping-test-meta code{overflow-wrap:anywhere}
@media(max-width:980px){
  .partner-price-rule{padding:20px}
  .mapping-test-preview-head{display:grid}
  .mapping-test-preview-head .button{justify-self:start}
}
@media(max-width:560px){
  .partner-price-rule{padding:16px}
  .mapping-subject-count{margin-bottom:12px}
  .mapping-test-preview{padding:12px}
  .monitor-actions .button{width:100%}
}

/* 2026-08-12: staged admin product view + validation groups */
.mapping-optional-note{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid var(--mapping-border);
  border-radius:10px;
  background:var(--mapping-soft);
  color:var(--mapping-muted);
  font-size:.73rem;
  line-height:1.45;
}
.mapping-optional-note strong{color:var(--mapping-text)}
.mapping-test-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px}
.mapping-test-summary>span{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 10px;border:1px solid var(--mapping-border);border-radius:9px;background:#fff;font-size:.7rem;font-weight:750}
.mapping-test-summary>span strong{font-size:.95rem}
.mapping-test-summary>span.is-success{border-color:#b9dbc9;background:#f5fbf7}
.mapping-test-summary>span.is-warning{border-color:#ead29a;background:#fffaf0}
.mapping-test-explainer{margin:0 0 12px;padding:9px 11px;border-left:3px solid #d7b56a;background:#fffaf0;color:var(--mapping-muted);font-size:.72rem;line-height:1.45}
.mapping-test-explainer strong{color:var(--mapping-text)}
.mapping-test-open{margin-top:7px!important;width:max-content}
.mapping-test-issue{display:grid!important;gap:2px;margin-top:5px;padding:6px 7px;border-radius:7px;background:var(--mapping-soft);font-size:.66rem;line-height:1.35}
.mapping-test-issue strong{font-size:.62rem;text-transform:uppercase;letter-spacing:.02em}
.mapping-test-issue.is-warning{background:#fffaf0}
.mapping-test-issue.is-danger{background:#fff5f5}
.mapping-test-modal-backdrop{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px;background:rgba(7,24,18,.62);backdrop-filter:blur(2px)}
.mapping-test-product-modal{width:min(1120px,96vw);max-height:92vh;overflow:auto;border:1px solid var(--mapping-border);border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.mapping-test-product-modal>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--mapping-border);background:#fff}
.mapping-test-product-modal>header h2{margin:4px 0 5px;font-size:1.35rem;line-height:1.2}
.mapping-test-product-modal>header .help{margin:0;max-width:820px}
.mapping-test-product-modal>header>[data-close-test-product],.mapping-test-product-modal>header>[data-close-live-product]{min-width:42px;font-size:1.2rem;line-height:1}
.test-product-admin-grid{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.8fr);gap:20px;padding:20px 22px 24px}
.test-product-admin-grid>aside{position:relative;min-width:0}
.test-product-image-placeholder{min-height:250px;display:grid;place-content:center;gap:8px;padding:24px;border:1px dashed var(--mapping-border);border-radius:13px;background:var(--mapping-soft);text-align:center;color:var(--mapping-muted);font-size:.75rem;line-height:1.45}
.test-product-image-placeholder strong{color:var(--mapping-text);font-size:.85rem}
.test-product-image-list{display:grid;gap:7px;padding:10px;border:1px solid var(--mapping-border);border-radius:13px;background:var(--mapping-soft)}
.test-product-image-list>div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:start;padding:7px;border-radius:8px;background:#fff}
.test-product-image-list code{overflow-wrap:anywhere;font-size:.68rem}
.test-product-image-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;border:1px solid var(--mapping-border);border-radius:13px;background:var(--mapping-soft)}
.test-product-image-card{margin:0;display:grid;gap:6px;padding:7px;border-radius:10px;background:#fff;border:1px solid rgba(6,66,49,.08)}
.test-product-image-card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:8px;background:#f6f8f7}
.test-product-image-card figcaption{display:grid;gap:3px}
.test-product-image-card figcaption span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#073c2c;color:#fff;font-size:.68rem;font-weight:800}
.test-product-image-card figcaption small{overflow-wrap:anywhere;font-size:.66rem;color:var(--mapping-muted)}
.test-product-image-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px}
.test-product-image-stats>span{display:grid;gap:2px;padding:8px 9px;border:1px solid var(--mapping-border);border-radius:9px;background:#fff;font-size:.64rem;color:var(--mapping-muted)}
.test-product-image-stats strong{font-size:.9rem;color:var(--mapping-text)}
.test-product-image-stats .is-danger strong,.mapping-test-image-count .is-danger{color:#a12626}
.test-product-image-stats .is-success strong,.mapping-test-image-count .is-success{color:#08734f}
.test-product-image-errors{display:grid;gap:7px;margin-top:9px;padding:10px;border:1px solid rgba(161,38,38,.2);border-radius:10px;background:#fff7f7}
.test-product-image-errors>strong{font-size:.72rem;color:#8f2020}
.test-product-image-errors>div{display:grid;gap:3px;padding-top:7px;border-top:1px solid rgba(161,38,38,.12)}
.test-product-image-errors code{font-size:.65rem;overflow-wrap:anywhere}
.test-product-image-errors span{font-size:.66rem;color:#8f2020;overflow-wrap:anywhere}
.mapping-test-image-count{display:grid;gap:2px;min-width:82px}
.mapping-test-image-count strong{font-size:.82rem}
.mapping-test-image-count span,.mapping-test-image-count small{font-size:.64rem;color:var(--mapping-muted)}
.test-product-testbadge{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:999px;background:#073c2c;color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.08em}
.test-product-pricebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.test-product-pricebar>div{display:grid;gap:3px;padding:11px;border:1px solid var(--mapping-border);border-radius:10px;background:var(--mapping-soft)}
.test-product-pricebar small{color:var(--mapping-muted);font-size:.65rem;font-weight:800}
.test-product-pricebar strong{font-size:.9rem}
.test-product-pricebar strong.is-negative{color:#9a2f2f}
.test-product-section{padding:14px 0;border-top:1px solid var(--mapping-border)}
.test-product-section:first-of-type{border-top:0}
.test-product-section h3{margin:0 0 10px;font-size:.88rem}
.test-product-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.test-product-dl>div{min-width:0;padding:9px 10px;border:1px solid var(--mapping-border);border-radius:9px;background:#fff}
.test-product-dl dt{margin:0 0 3px;color:var(--mapping-muted);font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.test-product-dl dd{margin:0;overflow-wrap:anywhere;font-size:.76rem;font-weight:750}
.test-product-description{max-height:240px;overflow:auto;padding:11px 12px;border:1px solid var(--mapping-border);border-radius:9px;background:#fff;font-size:.76rem;line-height:1.55}
.test-product-validation{display:grid;gap:7px;align-items:start}
.test-product-validation>.status{justify-self:start}
@media(max-width:860px){
  .mapping-test-summary{grid-template-columns:1fr}
  .test-product-admin-grid{grid-template-columns:1fr}
  .test-product-image-placeholder{min-height:170px}
  .test-product-image-gallery{grid-template-columns:1fr}
  .test-product-pricebar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .mapping-test-modal-backdrop{padding:8px}
  .mapping-test-product-modal{width:100%;max-height:96vh;border-radius:12px}
  .mapping-test-product-modal>header,.test-product-admin-grid{padding:14px}
  .mapping-test-product-modal>header h2{font-size:1.08rem}
  .test-product-pricebar,.test-product-dl{grid-template-columns:1fr}
}


/* 2026-08-12: mobile hardening for complete dropshipping mapping workspace */
.mapping-test-preview .table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.mapping-test-table{min-width:980px}

@media(max-width:760px){
  body.page-account:has([data-account-panel="mapping"]:not([hidden])) main>.account-workspace{width:calc(100% - 20px)!important}
  .mapping-subjects{padding:14px}
  .mapping-profile-form>label:not(.checkbox),
  .mapping-profile-form>.button,
  .mapping-profile-form .button,
  .monitor-actions>.button,
  .approval-actions>.button,
  .monitor-schedule>.button{width:100%}
  .resource-tiles{display:flex;overflow-x:auto;gap:8px;padding:2px 2px 8px;scroll-snap-type:inline proximity;scrollbar-width:none}
  .resource-tiles::-webkit-scrollbar{display:none}
  .resource-tile{flex:0 0 min(78vw,220px);min-height:76px;scroll-snap-align:start}
  .mapping-work-head .status,
  .mapping-work-head .button,
  .mapping-work-head select,
  .mapping-work-head .field,
  .mapping-work-head .field-select{width:100%}
  .mapping-test-preview .table-scroll{overflow:visible;border:0;background:transparent}
  .mapping-test-table,
  .mapping-test-table tbody,
  .mapping-test-table tr,
  .mapping-test-table td{display:block;width:100%;min-width:0}
  .mapping-test-table{min-width:0;background:transparent}
  .mapping-test-table thead{display:none}
  .mapping-test-table tbody{display:grid;gap:10px}
  .mapping-test-table tr{overflow:hidden;border:1px solid var(--mapping-border);border-radius:10px;background:#fff}
  .mapping-test-table td{display:grid;grid-template-columns:minmax(102px,.78fr) minmax(0,1.22fr);gap:10px;padding:9px 10px;border-bottom:1px solid var(--mapping-border);text-align:left}
  .mapping-test-table td:last-child{border-bottom:0}
  .mapping-test-table td::before{content:attr(data-label);color:var(--mapping-muted);font-size:.68rem;font-weight:850;line-height:1.35}
  .mapping-test-table td>strong:first-child{margin-top:0}
  .mapping-test-open{width:100%}
  .mapping-test-image-count{min-width:0}
  .test-product-image-stats{grid-template-columns:1fr}
  .test-product-image-errors code{word-break:break-word}
}

@media(max-width:560px){
  body.page-account:has([data-account-panel="mapping"]:not([hidden])) main>.account-workspace{width:calc(100% - 12px)!important}
  .mapping-subject{flex-basis:min(88vw,300px)}
  .resource-tile{flex-basis:min(84vw,220px)}
  .mapping-profile-form{display:grid;grid-template-columns:1fr}
  .mapping-profile-form>.checkbox{min-height:unset}
  .mapping-profile-form>.button,
  .mapping-profile-form .button,
  .mapping-savebar>.button,
  .connector-card .form-actions .button,
  .monitor-actions>.button{width:100%;justify-content:center}
  .mapping-test-table td{grid-template-columns:1fr;gap:4px}
  .mapping-test-table td::before{margin-bottom:2px}
  .mapping-test-meta{display:grid;gap:8px}
  .mapping-test-image-count strong{font-size:.88rem}
}

/* 2026-08-12: compact resource monitor, all resources get a 5-item test action */
.monitor-primary-wrap{display:grid;gap:10px;margin-bottom:14px}
.monitor-primary,
.monitor-compact{position:relative;border:1px solid var(--mapping-border);border-radius:12px;background:#fff;overflow:hidden}
.monitor-primary::before,
.monitor-compact::before{position:absolute;inset:0 auto 0 0;width:4px;background:#a9b5ae;content:""}
.monitor-primary.is-success::before,.monitor-compact.is-success::before{background:#11945f}
.monitor-primary.is-error::before,.monitor-compact.is-error::before{background:#c94343}
.monitor-primary.is-running::before,.monitor-compact.is-running::before{background:#e2a100}
.monitor-primary{padding:15px 16px 13px}
.monitor-primary-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.monitor-primary-head>div:first-child{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.monitor-primary-head>div:first-child>strong{font-size:1rem}
.monitor-quick-meta{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;color:var(--mapping-muted);font-size:.7rem}
.monitor-quick-meta span{white-space:nowrap}
.monitor-quick-meta strong{color:var(--mapping-text)}
.monitor-primary>.monitor-actions{margin-top:12px}
.monitor-compact-group{display:grid;gap:7px;margin-top:14px}
.monitor-compact-group>h3{margin:0 0 2px;font-size:.82rem;color:var(--mapping-muted);text-transform:uppercase;letter-spacing:.035em}
.monitor-compact-main{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(210px,1fr) auto;gap:12px;align-items:center;padding:10px 12px 10px 16px}
.monitor-compact-name{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.monitor-compact-name>strong{font-size:.84rem}
.monitor-compact-meta{display:flex;align-items:center;gap:10px;min-width:0;color:var(--mapping-muted);font-size:.68rem}
.monitor-compact-meta>span{padding-right:10px;border-right:1px solid var(--mapping-border);white-space:nowrap}
.monitor-compact-meta>span:last-child{border-right:0;padding-right:0}
.monitor-compact-meta .is-success{color:#08734f;font-weight:800}
.monitor-compact-meta .is-error{color:#a12626;font-weight:800}
.monitor-compact .monitor-actions{justify-content:flex-end;flex-wrap:nowrap}
.monitor-compact .monitor-actions .button{min-height:34px;padding:7px 10px;white-space:nowrap}
.monitor-technical{border-top:1px solid transparent}
.monitor-technical[open]{border-top-color:var(--mapping-border);background:#fbfcfb}
.monitor-technical>summary{display:inline-flex;margin:0 12px 8px 16px;padding:6px 0;color:var(--mapping-muted);font-size:.68rem;font-weight:800;cursor:pointer}
.monitor-technical[open]>summary{margin-bottom:4px}
.monitor-technical>dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0 12px 12px 16px}
.monitor-primary .monitor-technical>dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.monitor-technical dl>div{min-width:0;padding:8px;border-radius:8px;background:#f3f6f4}
.monitor-technical dt{font-size:.61rem;font-weight:850;color:var(--mapping-muted);text-transform:uppercase}
.monitor-technical dd{margin:3px 0 0;font-size:.72rem;font-weight:750;overflow-wrap:anywhere}
.monitor-technical .monitor-error{margin:0 12px 12px 16px}

@media(max-width:900px){
  .monitor-primary-head{grid-template-columns:1fr}
  .monitor-quick-meta{justify-content:flex-start}
  .monitor-compact-main{grid-template-columns:minmax(125px,.65fr) minmax(0,1fr)}
  .monitor-compact .monitor-actions{grid-column:1/-1;justify-content:flex-start}
  .monitor-technical>dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:560px){
  .monitor-primary{padding:13px 12px 11px}
  .monitor-primary-head>div:first-child{justify-content:space-between}
  .monitor-quick-meta{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px}
  .monitor-quick-meta span{display:grid;gap:2px;padding:7px 8px;border:1px solid var(--mapping-border);border-radius:8px;background:#f8faf8;white-space:normal}
  .monitor-primary>.monitor-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .monitor-primary>.monitor-actions .button{width:100%;justify-content:center}
  .monitor-compact-group{gap:8px}
  .monitor-compact-main{grid-template-columns:1fr;gap:7px;padding:11px 10px 10px 14px}
  .monitor-compact-name{justify-content:space-between}
  .monitor-compact-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px}
  .monitor-compact-meta>span{padding:0;border:0;white-space:normal}
  .monitor-compact .monitor-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;width:100%}
  .monitor-compact .monitor-actions .button{width:100%;justify-content:center}
  .monitor-technical>summary{margin-left:14px}
  .monitor-technical>dl,
  .monitor-primary .monitor-technical>dl{grid-template-columns:1fr;padding-left:14px;padding-right:10px}
}

/* 2026-08-12: catalogue image eligibility counters */
.mapping-catalog-stats,
.monitor-catalog-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.mapping-catalog-stats>span,
.monitor-catalog-overview>div{display:grid;gap:3px;min-width:0;padding:10px 11px;border:1px solid var(--mapping-border);border-radius:9px;background:#fff}
.mapping-catalog-stats small,
.monitor-catalog-overview span{color:var(--mapping-muted);font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.02em}
.mapping-catalog-stats strong,
.monitor-catalog-overview strong{font-size:1rem;color:var(--mapping-text);overflow-wrap:anywhere}
.mapping-catalog-stats>.is-success,
.monitor-catalog-overview>.is-success{border-color:#b9dbc9;background:#f5fbf7}
.mapping-catalog-stats>.is-danger,
.monitor-catalog-overview>.is-danger{border-color:#efc4c4;background:#fff7f7}
.monitor-catalog-overview{margin:0 0 14px}
@media(max-width:760px){
  .mapping-catalog-stats,.monitor-catalog-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .mapping-catalog-stats,.monitor-catalog-overview{grid-template-columns:1fr}
}


/* 2026-08-12: unified product import — product file + image file, one control surface */
.mapping-monitor-unified .monitor-primary{padding:18px;border:1px solid var(--mapping-border);border-left:4px solid #a9b5ae;border-radius:12px;background:#fff}
.mapping-monitor-unified .monitor-primary.is-success{border-left-color:#11945f}
.mapping-monitor-unified .monitor-primary.is-error{border-left-color:#c94343}
.mapping-monitor-unified .monitor-primary.is-running{border-left-color:#e2a100}
.monitor-product-actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 12px}
.button.button-live-sample{border-color:#0b7452;background:#eef9f4;color:#07583f;font-weight:850}
.button.button-live-sample:hover{background:#e1f4ea}
.mapping-monitor-unified .mapping-run-safety{margin:0 0 12px}
.mapping-monitor-unified .monitor-catalog-overview{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 14px}
@media(max-width:760px){
  .monitor-product-actions{display:grid;grid-template-columns:1fr}
  .monitor-product-actions .button{width:100%;justify-content:center;white-space:normal;min-height:46px}
  .mapping-monitor-unified .monitor-catalog-overview{grid-template-columns:1fr}
  .mapping-monitor-unified .monitor-primary-head{display:grid;gap:10px}
  .mapping-monitor-unified .monitor-quick-meta{display:grid;grid-template-columns:1fr;gap:5px}
}

/* 2026-08-13: final mobile hardening for the full Mapping Dropshipping tab */
.mapping-admin,
.mapping-admin [data-mapping-content],
.mapping-admin .mapping-detail,
.mapping-admin .panel,
.mapping-admin form,
.mapping-admin fieldset,
.mapping-admin details,
.mapping-admin table,
.mapping-admin pre,
.mapping-admin code{min-width:0;max-width:100%}
.mapping-admin img{max-width:100%;height:auto}
.mapping-admin .field,
.mapping-admin .field-select,
.mapping-admin .field-textarea,
.mapping-admin input,
.mapping-admin select,
.mapping-admin textarea{max-width:100%}
.mapping-admin pre,.mapping-admin code{overflow-wrap:anywhere;word-break:break-word}

@media(max-width:760px){
  body.page-account:has([data-account-panel="mapping"]:not([hidden])) main>.account-workspace{
    width:calc(100% - 16px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .page-account [data-account-panel="mapping"] .mapping-admin,
  .page-account [data-account-panel="mapping"] [data-mapping-content]{overflow-x:hidden}
  .mapping-admin{gap:14px}
  .mapping-admin>.section-head{padding:0 2px}
  .mapping-admin>.section-head h1{font-size:clamp(1.55rem,7.5vw,2rem);line-height:1.08;overflow-wrap:anywhere}
  .mapping-admin>.section-head .help{font-size:.82rem;line-height:1.45}
  .mapping-admin .panel{border-radius:13px}
  .mapping-profile,
  .connector-card,
  .mapping-fields,
  .mapping-monitor,
  .approval-panel,
  .partner-price-rule{padding:14px}
  .panel-heading{gap:10px}
  .panel-heading>div{min-width:0}
  .panel-heading h2,.panel-heading h3{overflow-wrap:anywhere}
  .panel-heading>.status,.panel-heading>.button{max-width:100%}
  .mapping-subjects{padding:12px}
  .mapping-subject-list{gap:8px}
  .mapping-subject{flex-basis:min(88vw,310px);padding:11px 12px}
  .dropship-status-line{align-items:flex-start;gap:7px}
  .dropship-status-line .status{flex:0 0 auto}
  .connector-grid,
  .connector-option-grid{gap:10px}
  .connector-grid label,
  .connector-option-grid label{font-size:.8rem}
  .connector-grid .field,
  .connector-grid .field-select{min-height:44px}
  .connector-option>summary{padding:11px 12px;line-height:1.35}
  .connector-card .form-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .connector-card .form-actions .button{width:100%;justify-content:center;white-space:normal}
  .connection-discovery{padding:12px}
  .connection-analysis-choice{padding:11px}
  .partner-price-rule form{grid-template-columns:1fr!important;gap:10px}
  .partner-price-rule .partner-price-result{grid-column:auto!important}
  .partner-price-rule .button{width:100%;justify-content:center}
  .mapping-work-head{grid-template-columns:1fr!important;gap:10px}
  .mapping-toolbar{display:grid;grid-template-columns:1fr!important;gap:8px;padding:10px}
  .mapping-toolbar>*{grid-column:1/-1!important;width:100%;min-width:0!important}
  .mapping-toolbar>.checkbox{padding:8px 0;min-height:auto}
  .mapping-row{grid-template-columns:1fr!important;gap:7px;padding:11px}
  .mapping-arrow{display:none}
  .mapping-row label,.mapping-row .mapping-required{grid-column:1/-1!important}
  .mapping-row .mapping-required{justify-self:start}
  .mapping-group>summary{padding:11px 12px;gap:10px;align-items:flex-start}
  .mapping-savebar{display:grid;grid-template-columns:1fr;gap:9px;align-items:stretch}
  .mapping-savebar .button{width:100%;justify-content:center}
  .mapping-monitor-unified .monitor-primary{padding:13px 12px}
  .mapping-monitor-unified .monitor-primary-head{grid-template-columns:1fr!important}
  .mapping-monitor-unified .monitor-primary-head>div:first-child{align-items:flex-start}
  .mapping-monitor-unified .monitor-quick-meta{grid-template-columns:1fr!important;width:100%}
  .mapping-monitor-unified .monitor-quick-meta span{white-space:normal}
  .monitor-product-actions{grid-template-columns:1fr!important;width:100%;gap:8px}
  .monitor-product-actions .button{width:100%;min-height:46px;justify-content:center;white-space:normal;text-align:center}
  .mapping-monitor-unified .monitor-catalog-overview{grid-template-columns:1fr!important}
  .mapping-run-safety{padding:10px 11px}
  .mapping-test-preview{padding:11px}
  .mapping-test-preview-head{display:grid;grid-template-columns:1fr;gap:9px}
  .mapping-test-preview-head .button{width:100%;justify-content:center}
  .mapping-test-summary{grid-template-columns:1fr!important}
  .mapping-test-preview .table-scroll{overflow:visible}
  .mapping-test-table,
  .mapping-test-table tbody,
  .mapping-test-table tr,
  .mapping-test-table td{display:block;width:100%;min-width:0}
  .mapping-test-table{min-width:0;background:transparent}
  .mapping-test-table thead{display:none}
  .mapping-test-table tbody{display:grid;gap:9px}
  .mapping-test-table tr{overflow:hidden;border:1px solid var(--mapping-border);border-radius:10px;background:#fff}
  .mapping-test-table td{display:grid;grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr);gap:8px;padding:9px 10px;border-bottom:1px solid var(--mapping-border)}
  .mapping-test-table td:last-child{border-bottom:0}
  .mapping-test-table td::before{content:attr(data-label);color:var(--mapping-muted);font-size:.66rem;font-weight:850;line-height:1.35;text-transform:uppercase}
  .mapping-test-open{width:100%;justify-content:center}
  .mapping-test-meta{display:grid;grid-template-columns:1fr;gap:7px}
  .mapping-test-modal-backdrop{padding:6px;place-items:stretch center}
  .mapping-test-product-modal{width:100%;max-height:calc(100dvh - 12px);border-radius:11px}
  .mapping-test-product-modal>header{padding:12px 13px;gap:8px}
  .mapping-test-product-modal>header h2{font-size:1.05rem}
  .mapping-test-product-modal>header>[data-close-test-product]{min-width:40px;min-height:40px}
  .test-product-admin-grid{grid-template-columns:1fr;padding:12px 13px 16px;gap:13px}
  .test-product-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .test-product-image-stats,.test-product-pricebar,.test-product-dl{grid-template-columns:1fr!important}
  .test-product-description{max-height:none}
  .monitor-run>summary{grid-template-columns:1fr!important;gap:5px}
  .monitor-run>summary>span:first-child{grid-template-columns:1fr!important}
  .monitor-run>summary time{text-align:left}
  .monitor-run-detail>dl,.monitor-json-grid{grid-template-columns:1fr!important}
  .monitor-json-grid pre{max-height:210px}
}

@media(max-width:430px){
  body.page-account:has([data-account-panel="mapping"]:not([hidden])) main>.account-workspace{width:calc(100% - 8px)!important}
  .mapping-profile,.connector-card,.mapping-fields,.mapping-monitor,.approval-panel,.partner-price-rule{padding:11px}
  .mapping-subject{flex-basis:92vw}
  .mapping-test-table td{grid-template-columns:1fr;gap:4px}
  .mapping-test-table td::before{margin-bottom:2px}
  .test-product-image-gallery{grid-template-columns:1fr}
  .mapping-test-product-modal>header{position:sticky;top:0}
}

/* 2026-08-13: four catalogue counters + persistent LIVE failure diagnostics */
.mapping-monitor-unified .monitor-catalog-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.monitor-live-diagnostics{margin:14px 0 0;border:1px solid #efc4c4;border-radius:10px;background:#fffafa;overflow:hidden}
.monitor-live-diagnostics>summary{padding:10px 12px;color:#842f2f;font-size:.78rem;font-weight:900;cursor:pointer;list-style-position:inside}
.monitor-live-diagnostics[open]>summary{border-bottom:1px solid #f1d4d4}
.monitor-diagnostic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}
.monitor-diagnostic-grid>div{display:grid;gap:3px;min-width:0;padding:9px 10px;border:1px solid var(--mapping-border);border-radius:8px;background:#fff}
.monitor-diagnostic-grid>div.is-danger{border-color:#efc4c4;background:#fff4f4}
.monitor-diagnostic-grid span{color:var(--mapping-muted);font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.02em}
.monitor-diagnostic-grid strong{font-size:.95rem;color:var(--mapping-text);overflow-wrap:anywhere}
.monitor-visibility-grid{display:flex;flex-wrap:wrap;gap:7px;padding:0 12px 12px}
.monitor-visibility-grid>span{padding:6px 8px;border:1px solid var(--mapping-border);border-radius:999px;background:#fff;color:var(--mapping-muted);font-size:.68rem}
.monitor-visibility-grid strong{color:var(--mapping-text)}
.monitor-diagnostic-reasons{display:flex;flex-wrap:wrap;gap:7px;padding:0 12px 12px}
.monitor-diagnostic-reasons>span{display:inline-flex;gap:6px;align-items:center;padding:6px 8px;border-radius:8px;background:#fff0f0;color:#842f2f;font-size:.7rem}
.monitor-diagnostic-empty{display:grid;gap:3px;margin:0 12px 12px;padding:9px 10px}
.monitor-diagnostic-empty span{font-size:.7rem;line-height:1.4}
.monitor-diagnostic-code{display:flex;flex-wrap:wrap;gap:10px;padding:0 12px 10px;color:var(--mapping-muted);font-size:.7rem}
.monitor-live-diagnostics>.monitor-error{max-height:190px;margin:0 12px 12px}
.monitor-run-json{margin-top:2px}
.monitor-run-json>summary{color:var(--mapping-green-dark);font-size:.7rem;font-weight:850;cursor:pointer}
.monitor-run-json pre{max-height:240px;margin:8px 0 0;padding:9px;border-radius:8px;background:#f4f7f5;overflow:auto}
@media(max-width:900px){.monitor-diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mapping-monitor-unified .monitor-catalog-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.mapping-monitor-unified .monitor-catalog-overview,.monitor-diagnostic-grid{grid-template-columns:1fr}}

/* 2026-08-13: Dropshipping sub-tabs + polled LIVE product progress */
.mapping-detail-tabs{display:flex;gap:8px;padding:5px;border:1px solid var(--mapping-border);border-radius:12px;background:#f5f8f6;overflow-x:auto}
.mapping-detail-tabs button{appearance:none;border:0;border-radius:9px;background:transparent;padding:10px 15px;color:var(--mapping-muted);font:inherit;font-size:.78rem;font-weight:850;cursor:pointer;white-space:nowrap}
.mapping-detail-tabs button:hover{background:#fff;color:var(--mapping-text)}
.mapping-detail-tabs button.is-active{background:#fff;color:var(--mapping-green-dark);box-shadow:0 1px 3px rgba(18,50,36,.12)}
.mapping-live-job{display:grid;gap:11px;margin-top:14px;padding:13px;border:1px solid var(--mapping-border);border-radius:11px;background:#f8faf9}
.mapping-live-job.is-running{border-color:#a9c9ba;background:#f4fbf7}
.mapping-live-job.is-danger{border-color:#efc4c4;background:#fff8f8}
.mapping-live-job.is-success{border-color:#b8d8c7;background:#f6fbf8}
.mapping-live-job-head,.mapping-job-phase,.mapping-image-cache>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mapping-live-job-head h3{margin:1px 0 0;font-size:1rem}
.mapping-live-job progress,.mapping-image-cache progress{width:100%;height:9px;accent-color:var(--mapping-green-dark)}
.mapping-job-phase strong{font-size:.78rem}.mapping-job-phase span{color:var(--mapping-muted);font-size:.72rem;font-weight:800}
.mapping-job-current{display:grid;gap:3px;padding:10px 11px;border:1px solid var(--mapping-border);border-radius:9px;background:#fff}
.mapping-job-current small,.mapping-image-cache small{color:var(--mapping-muted);font-size:.68rem}.mapping-job-current strong{overflow-wrap:anywhere}.mapping-job-current code{font-size:.68rem;color:var(--mapping-muted);overflow-wrap:anywhere}
.mapping-job-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.mapping-job-metrics span{display:grid;gap:3px;padding:8px 9px;border:1px solid var(--mapping-border);border-radius:8px;background:#fff}.mapping-job-metrics small{color:var(--mapping-muted);font-size:.62rem;font-weight:800}.mapping-job-metrics strong{font-size:.9rem}
.mapping-image-cache{display:grid;gap:7px;padding-top:10px;border-top:1px solid var(--mapping-border)}.mapping-image-cache span{color:var(--mapping-muted);font-size:.7rem;font-weight:750}
@media(max-width:760px){.mapping-detail-tabs{position:sticky;top:0;z-index:4}.mapping-job-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-live-job-head,.mapping-job-phase,.mapping-image-cache>div{align-items:flex-start;flex-direction:column}}


/* 2026-08-13: seller mapping renderers + completed import feedback */
.seller-import-review .panel-heading,.seller-import-schema .panel-heading{margin-bottom:14px}
.seller-import-card .dropship-status-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.seller-import-card details{margin-top:10px}.seller-import-card pre{max-height:260px;overflow:auto}
.seller-schema-status{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.seller-schema-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.seller-schema-fields>div{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--mapping-border,#d9e1dc);border-radius:10px;background:var(--mapping-soft,#f8fbf9);min-width:0}.seller-schema-fields code{overflow-wrap:anywhere;font-size:.75rem}.seller-schema-fields span{color:var(--mapping-muted,#61736a);font-size:.75rem}
.mapping-live-job.is-success .mapping-job-current{background:#f2faf6}.mapping-live-job.is-success .mapping-job-current>strong{color:#0a5a3f}.mapping-job-current>small:last-child{display:block;margin-top:5px;color:var(--mapping-muted)}
@media(max-width:900px){.seller-schema-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.seller-schema-fields{grid-template-columns:1fr}}

/* 2026-08-13: partner activation + resilient import polling */
.partner-activation{display:grid;gap:14px;border-color:#d5e2db}.partner-activation.is-active{border-color:#b6d8c6;background:#f7fcf9}.partner-activation-form{display:grid;gap:10px}.partner-activation-form>.button{justify-self:start}.mapping-live-job-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.mapping-live-job-actions .button{min-height:34px;padding:6px 10px}.mapping-live-job>small{color:var(--mapping-muted)}
@media(max-width:760px){.mapping-live-job-actions{width:100%;justify-content:space-between}.mapping-live-job-actions .button{margin-left:auto}.partner-activation-form>.button{width:100%;justify-content:center}}


/* 2026-08-13: direct partner deactivation + LIVE production review */
.partner-activation-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px;border:1px solid #b6d8c6;border-radius:10px;background:#fff}
.partner-activation-actions>div{display:grid;gap:3px;min-width:0}.partner-activation-actions strong{font-size:.78rem}.partner-activation-actions span{color:var(--mapping-muted);font-size:.7rem;line-height:1.4}
.partner-activation-actions .button{flex:0 0 auto}
.mapping-live-review{border-color:#8fc7ab;background:#f4fbf7}
.mapping-live-review .mapping-test-preview-head{margin-bottom:10px}
.mapping-live-review-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.mapping-live-review-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:9px 10px;border:1px solid var(--mapping-border);border-radius:9px;background:#fff}
.mapping-live-review-nav strong{font-size:.72rem;text-align:center}
.mapping-live-review-loading{display:flex;align-items:center;gap:10px;min-height:74px;padding:15px;border:1px solid var(--mapping-border);border-radius:9px;background:#fff;font-size:.76rem}
.mapping-live-review-table{min-width:900px}
.test-product-livebadge{background:#0a7a53}
.live-product-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.monitor-run-actions{display:flex;justify-content:flex-end;margin:10px 0 4px}
@media(max-width:760px){
  .partner-activation-actions{align-items:stretch;flex-direction:column}.partner-activation-actions .button{width:100%;justify-content:center}
  .mapping-live-review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mapping-live-review-nav{align-items:stretch;flex-direction:column}.mapping-live-review-nav .button{width:100%;justify-content:center}
  .mapping-live-review-table{min-width:0}
  .live-product-actions{align-items:stretch;flex-direction:column}.live-product-actions .button{width:100%;justify-content:center}
}
@media(max-width:430px){.mapping-live-review-summary{grid-template-columns:1fr}}

/* 2026-08-13: partner activation spacing + stable submit control */
.partner-activation > .panel-heading{margin:0}
.partner-activation > .panel-heading h2{margin:5px 0 7px}
.partner-activation > .panel-heading .help{margin:0;line-height:1.5}
.partner-activation-form{gap:13px;margin-top:1px}
.partner-activation-form .checkbox{align-items:flex-start;gap:10px;line-height:1.45}
.partner-activation-form .checkbox input{margin-top:2px;flex:0 0 auto}
.partner-activation-form > .button{margin-top:3px;min-height:44px}
@media(max-width:760px){
  .partner-activation{gap:16px}
  .partner-activation > .panel-heading{gap:12px}
  .partner-activation-form{gap:14px}
  .partner-activation-form > .button{margin-top:2px}
}

/* Product-import technical details are operational status, not optional disclosure.
   Keep them permanently visible; there is intentionally no collapsible <details>. */
.monitor-technical-always-open{
  border-top:1px solid var(--mapping-border);
  background:#fbfcfb;
  padding:10px 12px 12px 16px;
}
.monitor-technical-always-open>h4{
  margin:0 0 8px;
  color:var(--mapping-muted);
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.02em;
}
.monitor-technical-always-open>dl{
  padding:0;
}

.mapping-catalog-eligibility-note {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin: -2px 0 12px;
  padding: 10px 12px;
  border: 1px solid #cfe1d5;
  border-radius: 10px;
  background: #f4faf6;
  color: var(--ink);
  font-size: .78rem;
  line-height: 1.45;
}

.mapping-catalog-eligibility-note strong {
  color: var(--brand-dark);
}

@media (max-width: 760px) {
  .mapping-catalog-eligibility-note {
    display: grid;
    gap: 6px;
  }
}

/* 2026-08-15: create additional dropshipping partners in Mapping */
.mapping-subjects .mapping-create-partner{
  grid-column:1;
  grid-row:3;
  justify-self:start;
  width:auto;
  margin-top:12px;
  white-space:nowrap;
}
.mapping-subjects .mapping-subject-list{
  grid-row:1 / span 3;
}
.mapping-new-partner{
  padding:24px;
}
.mapping-new-partner .panel-heading{
  margin-bottom:18px;
}
.mapping-new-partner-form{
  display:grid;
  gap:18px;
}
.mapping-new-partner-form .form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.mapping-new-partner-form label{
  display:grid;
  min-width:0;
  gap:6px;
  font-size:.8rem;
  font-weight:800;
}
.mapping-new-partner-form label small{
  color:var(--mapping-muted);
  font-size:.7rem;
  font-weight:600;
  line-height:1.4;
}
.mapping-new-partner-note{
  display:grid;
  gap:4px;
  padding:13px 14px;
  border:1px solid #cfe5d9;
  border-radius:11px;
  background:#f5fbf7;
}
.mapping-new-partner-note strong{
  color:var(--mapping-text);
  font-size:.8rem;
}
.mapping-new-partner-note span{
  color:var(--mapping-muted);
  font-size:.75rem;
  line-height:1.5;
}
@media(max-width:980px){
  .mapping-subjects{
    grid-template-columns:1fr;
  }
  .mapping-subjects>.eyebrow,
  .mapping-subject-count,
  .mapping-subjects .mapping-create-partner,
  .mapping-subjects .mapping-subject-list{
    grid-column:1;
    grid-row:auto;
  }
  .mapping-subjects .mapping-create-partner{
    margin:4px 0 12px;
  }
}
@media(max-width:680px){
  .mapping-new-partner{
    padding:16px;
  }
  .mapping-new-partner-form .form-grid{
    grid-template-columns:1fr;
  }
  .mapping-subjects .mapping-create-partner{
    width:100%;
    justify-content:center;
  }
}

/* 2026-08-15: clean partner creation, no example-data appearance */
.mapping-new-partner{
  width:100%;
  max-width:1040px;
  margin:0 auto;
  padding:clamp(20px,2.6vw,32px);
  overflow:hidden;
}
.mapping-new-partner .panel-heading{
  margin:0;
  padding:0 0 18px;
  border-bottom:1px solid var(--mapping-border,#dfe7e2);
}
.mapping-new-partner .panel-heading h2{
  margin-bottom:6px;
}
.mapping-new-partner .panel-heading .help{
  max-width:860px;
}
.mapping-new-partner-form{
  display:grid;
  gap:18px;
  padding-top:18px;
}
.mapping-new-partner-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.mapping-new-partner-fields>label{
  display:grid;
  min-width:0;
  align-content:start;
  gap:7px;
  padding:14px;
  border:1px solid var(--mapping-border,#dfe7e2);
  border-radius:13px;
  background:#fbfcfb;
  color:var(--mapping-text,#173d2f);
  font-size:.8rem;
  font-weight:800;
}
.mapping-new-partner-fields>label>span{
  line-height:1.35;
}
.mapping-new-partner-fields>label small{
  color:var(--mapping-muted,#68756f);
  font-size:.7rem;
  font-weight:600;
  line-height:1.45;
}
.mapping-new-partner-fields .field,
.mapping-new-partner-fields .field-select{
  width:100%;
  min-width:0;
  margin:0;
  background:#fff;
}
.mapping-new-partner-note{
  margin:0;
  padding:14px 16px;
  border-color:#c8dfd2;
  background:#f4faf6;
}
.mapping-new-partner-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  padding-top:2px;
}
.mapping-new-partner-actions .button{
  min-width:132px;
}
.mapping-subjects .mapping-create-partner{
  max-width:100%;
}
@media(max-width:760px){
  .mapping-new-partner{
    max-width:none;
    padding:16px;
    border-radius:14px;
  }
  .mapping-new-partner-fields{
    grid-template-columns:1fr;
    gap:10px;
  }
  .mapping-new-partner-fields>label{
    padding:12px;
  }
  .mapping-new-partner-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .mapping-new-partner-actions .button{
    width:100%;
    min-width:0;
  }
}

/* 2026-08-16: partner-specific dropshipping shipping rules */
.partner-shipping-rules{padding:24px}
.partner-shipping-rules>.panel-heading{margin-bottom:18px}
.partner-shipping-rules form{display:grid;gap:18px}
.shipping-rule-master{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:14px;align-items:start;padding:14px;border:1px solid var(--mapping-border);border-radius:12px;background:#f8fbf9}
.shipping-rule-master>label{display:grid;gap:6px}
.shipping-rule-master .checkbox{align-self:center}
.shipping-rule-master small{color:var(--mapping-muted);line-height:1.45}
.shipping-mapping-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.shipping-mapping-status>div{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--mapping-border);border-radius:11px;background:#fff}
.shipping-mapping-status strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mapping-muted)}
.shipping-mapping-status span{overflow-wrap:anywhere}
.shipping-mapping-status .is-ready{border-color:#b9ddca;background:#f4fbf7}
.shipping-mapping-status .is-missing{border-color:#efd5b0;background:#fffaf2}
.shipping-rule-versions{display:grid;gap:16px}
.shipping-rule-version{padding:16px;border:1px solid var(--mapping-border);border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(18,50,36,.04)}
.shipping-rule-version-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.shipping-rule-version-head>div{display:flex;align-items:center;gap:9px;min-width:0}
.shipping-rule-version-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shipping-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.shipping-rule-grid>label,.shipping-weight-rules-head>label,.shipping-weight-tier>label{display:grid;gap:6px;min-width:0;font-size:.78rem;font-weight:800}
.shipping-weight-rules{margin-top:16px;padding-top:15px;border-top:1px solid var(--mapping-border)}
.shipping-weight-rules-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}
.shipping-weight-rules-head>div{display:grid;gap:3px}
.shipping-weight-rules-head small{color:var(--mapping-muted);font-weight:400;line-height:1.45}
.shipping-weight-tier{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(120px,.8fr) minmax(140px,1fr) auto;gap:10px;align-items:end;margin-bottom:9px}
.shipping-weight-tier .button{min-width:40px;min-height:42px;justify-content:center}
.shipping-rule-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.shipping-rule-note{margin:0}
@media(max-width:1100px){.shipping-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.partner-shipping-rules{padding:16px}.shipping-rule-master,.shipping-mapping-status,.shipping-rule-grid{grid-template-columns:1fr}.shipping-weight-rules-head{align-items:stretch;flex-direction:column}.shipping-weight-tier{grid-template-columns:1fr 1fr}.shipping-weight-tier .button{grid-column:1/-1;width:100%}.shipping-rule-actions{display:grid;grid-template-columns:1fr}.shipping-rule-actions .button{width:100%;justify-content:center}.shipping-rule-version-head{align-items:flex-start;flex-direction:column}.shipping-rule-version-head .button{width:100%;justify-content:center}}
.shipping-group-rules{margin-top:16px;padding-top:15px;border-top:1px solid var(--mapping-border)}
.shipping-group-rule{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) minmax(140px,.8fr) auto;gap:10px;align-items:end;margin-bottom:9px}
.shipping-group-rule>label{display:grid;gap:6px;min-width:0;font-size:.78rem;font-weight:800}
.shipping-group-rule .button{min-width:40px;min-height:42px;justify-content:center}
@media(max-width:760px){.shipping-group-rule{grid-template-columns:1fr}.shipping-group-rule .button{width:100%;justify-content:center}}

/* Create partner button moved into dropship subtabs */
.mapping-detail-tabs{
  align-items:center;
  flex-wrap:wrap;
}
.mapping-detail-tabs .mapping-detail-create-partner{
  flex:0 0 auto;
  margin-right:10px;
  border-radius:10px;
  white-space:nowrap;
}
.mapping-detail-tabs .mapping-detail-create-partner:hover{
  color:#fff;
}
.mapping-detail-tabs .mapping-detail-create-partner:focus-visible{
  outline:2px solid rgba(11,92,57,.28);
  outline-offset:2px;
}
@media(max-width:760px){
  .mapping-detail-tabs .mapping-detail-create-partner{
    width:100%;
    margin-right:0;
    margin-bottom:4px;
  }
}

/* Per-dropshipping-integration public policy editor */
.mapping-policy-intro{display:grid;gap:16px}
.dropship-policy-form{display:grid;gap:14px;min-width:0}
.dropship-policy-form>label,.dropship-policy-form .seller-policy-settings>label{display:grid;gap:6px}
.dropship-policy-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dropship-policy-form .field-textarea{min-height:150px;resize:vertical}
.dropship-policy-form .checkbox-grid{display:flex;flex-wrap:wrap;gap:10px 18px}
@media(max-width:760px){.dropship-policy-form .form-grid{grid-template-columns:1fr}.dropship-policy-form .form-actions .button{width:100%;justify-content:center}}
/* Managed partner selection and OpenDeal-hosted upload access. */
.mapping-partner-select{display:grid;gap:.55rem}.mapping-partner-select>span{font-weight:750}.managed-sftp-card{border-color:rgba(27,132,100,.28);background:linear-gradient(145deg,rgba(234,251,245,.8),#fff)}.managed-sftp-card .seller-import-identity{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:stretch}.managed-sftp-card .seller-import-identity>div{min-width:0}.managed-sftp-card code{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;overflow-wrap:normal;word-break:normal;white-space:nowrap;scrollbar-width:thin}.managed-sftp-card .notice{margin-top:1rem}
.dropship-storefront-control{display:grid;gap:16px}.dropship-storefront-control>.panel-heading{margin:0}.dropship-storefront-name-form{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end}.dropship-storefront-name-form label{display:grid;gap:6px;font-size:.78rem;font-weight:800}.dropship-storefront-name-form .button{align-self:end;min-height:43px}.dropship-storefront-decision{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid var(--mapping-border);border-radius:11px;background:#f8fbf9}.dropship-storefront-decision>div{display:grid;gap:4px;min-width:0}.dropship-storefront-decision span{color:var(--mapping-muted);font-size:.78rem;line-height:1.45}.dropship-storefront-decision>.button{flex:0 0 auto}
.connector-grid .is-managed-sftp-field .field{border-color:rgba(8,113,75,.3);background:#eff9f3;color:#063f2d;font-weight:700;cursor:default}.connector-grid .is-managed-sftp-field:after{content:"OpenDeal Managed SFTP";display:block;margin-top:.25rem;color:#08714b;font-size:.7rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.managed-sftp-card .managed-sftp-server-path{grid-column:1/-1;background:#f3f7f4}.managed-sftp-card .managed-sftp-server-path code{font-size:.84rem}.managed-sftp-password-note{margin:14px 0 0;padding:10px 12px;border-left:3px solid #d2a641;background:#fffaf0}
.sftp-diagnostics{display:grid;gap:14px;margin-top:18px;padding:16px;border:1px solid rgba(8,113,75,.2);border-radius:12px;background:#fff}.sftp-diagnostics .panel-heading{margin:0}.sftp-diagnostic-issues{margin:0;padding:12px 12px 12px 34px;border:1px solid #efc1ba;border-radius:10px;background:#fff4f2;color:#842d24;font-weight:700}.sftp-diagnostic-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sftp-diagnostic-summary>span{padding:10px;border:1px solid var(--mapping-border);border-radius:9px;background:#f8fbf9}.sftp-diagnostics details{border:1px solid var(--mapping-border);border-radius:10px;overflow:hidden}.sftp-diagnostics summary{padding:11px 13px;background:#f5f9f7;font-weight:800;cursor:pointer}.sftp-diagnostic-paths,.sftp-login-events{display:grid;gap:6px;padding:10px}.sftp-diagnostic-paths>div{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:10px;align-items:center;padding:8px;border-radius:7px}.sftp-diagnostic-paths .is-safe{background:#eff9f3}.sftp-diagnostic-paths .is-unsafe{background:#fff1ef;color:#8b2e25}.sftp-login-events>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:9px;padding:8px;border-left:4px solid #a8b8b1;background:#f7f9f8}.sftp-login-events>div.is-success{border-color:#13845b;background:#eff9f3}.sftp-login-events>div.is-failure{border-color:#b33a2f;background:#fff1ef}.sftp-login-events>div>span{text-transform:uppercase;font-size:.7rem;font-weight:800}.sftp-login-events code{white-space:pre-wrap;overflow-wrap:anywhere}.sftp-login-events>p{margin:0;padding:8px;color:var(--mapping-muted)}.sftp-event-pagination{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;gap:10px;align-items:center;padding:10px;border-top:1px solid var(--mapping-border);background:#fbfdfc}.sftp-event-pagination span{text-align:center;color:var(--mapping-muted);font-size:.78rem}.sftp-event-pagination strong{color:var(--mapping-text)}
@media(max-width:760px){.sftp-diagnostic-summary{grid-template-columns:1fr}.sftp-diagnostic-paths>div{grid-template-columns:1fr 24px}.sftp-diagnostic-paths>div>span{grid-column:1/-1}.sftp-login-events>div{grid-template-columns:1fr}.sftp-event-pagination{grid-template-columns:1fr 1fr}.sftp-event-pagination span{grid-column:1/-1;grid-row:1}.sftp-event-pagination .button{justify-content:center}}
@media(max-width:760px){.dropship-storefront-name-form{grid-template-columns:1fr}.dropship-storefront-name-form .button{width:100%;justify-content:center}.dropship-storefront-decision{align-items:stretch;flex-direction:column}.dropship-storefront-decision>.button{width:100%;justify-content:center}}
.partner-contact-card{display:grid;gap:18px}.partner-contact-form,.partner-user-management,.partner-user-create form{display:grid;gap:14px}.partner-contact-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.partner-contact-fields label,.partner-user-search-form label,.partner-user-assign-form label{display:grid;gap:6px;font-size:.78rem;font-weight:800;min-width:0}.partner-user-management{padding-top:18px;border-top:1px solid var(--mapping-border)}.partner-user-management h3{margin:0}.partner-user-current{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--mapping-border);border-radius:11px;background:#f8fbf9}.partner-user-current>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 10px;min-width:0}.partner-user-current>div>span:last-child{grid-column:2;color:var(--mapping-muted);font-size:.78rem;overflow-wrap:anywhere}.partner-user-search-form,.partner-user-assign-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end}.partner-user-search-form .button,.partner-user-assign-form .button{min-height:43px}.partner-user-create{border:1px solid var(--mapping-border);border-radius:11px;overflow:hidden}.partner-user-create>summary{padding:13px 15px;background:#f5f9f7;font-weight:800;cursor:pointer}.partner-user-create>form{padding:15px}.partner-user-consent{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #dfc071;border-radius:9px;background:#fffaf0;font-size:.82rem;line-height:1.45}.partner-user-consent input{margin-top:3px;flex:0 0 auto}
.sftp-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sftp-health-grid>div{display:grid;gap:6px;padding:12px;border:1px solid var(--mapping-border);border-radius:10px;background:#f8fbf9}.sftp-health-grid span{color:var(--mapping-muted);font-size:.74rem;font-weight:750}.sftp-health-grid strong{font-size:1rem;overflow-wrap:anywhere}.sftp-source-section{display:grid;gap:9px;padding:14px;border:1px solid rgba(8,113,75,.2);border-radius:10px;background:#f4faf7}.sftp-source-section h4{margin:0}.sftp-ip-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.sftp-ip-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 9px;align-items:center;padding:10px;border:1px solid var(--mapping-border);border-radius:9px;background:#fff}.sftp-ip-list code{font-size:.92rem;font-weight:800}.sftp-ip-list small{grid-column:1/-1;color:var(--mapping-muted)}.sftp-login-events{gap:10px}.sftp-login-events>.sftp-event-card{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;border:1px solid var(--mapping-border);border-left:5px solid #a8b8b1;border-radius:9px;background:#f8faf9}.sftp-login-events>.sftp-event-card.is-success{border-left-color:#13845b;background:#eff9f3}.sftp-login-events>.sftp-event-card.is-failure{border-left-color:#b33a2f;background:#fff1ef}.sftp-event-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sftp-event-card header>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sftp-event-card time{font-weight:800}.sftp-event-card header small{color:var(--mapping-muted)}.sftp-source-ip{padding:7px 9px;border-radius:8px;background:#063f2d;color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.sftp-event-card dl{display:flex;flex-wrap:wrap;gap:8px;margin:0}.sftp-event-card dl>div{display:grid;gap:3px;padding:8px 10px;border:1px solid var(--mapping-border);border-radius:8px;background:#fff}.sftp-event-card dt{color:var(--mapping-muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.sftp-event-card dd{margin:0}.sftp-event-card details{border:0;border-radius:7px;background:rgba(255,255,255,.72)}.sftp-event-card details summary{padding:8px 10px;background:transparent;font-size:.76rem}.sftp-event-card details>code{padding:0 10px 10px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--mapping-muted)}
.sftp-runtime-section{display:grid;gap:10px;padding:14px;border:1px solid rgba(8,113,75,.2);border-radius:10px;background:#f7fbf9}.sftp-runtime-section h4,.sftp-runtime-section p{margin:0}.sftp-runtime-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sftp-runtime-grid>div{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid var(--mapping-border);border-radius:9px;background:#fff}.sftp-runtime-grid>div.is-ok{border-left:4px solid #13845b}.sftp-runtime-grid>div.is-error{border-left:4px solid #b33a2f;background:#fff4f2}.sftp-runtime-grid span,.sftp-runtime-grid small{color:var(--mapping-muted);font-size:.72rem}.sftp-runtime-grid strong{overflow-wrap:anywhere}.sftp-diagnostic-warnings{margin:0;padding:12px 12px 12px 34px;border:1px solid #e2bd62;border-radius:10px;background:#fff8e7;color:#684d00;font-weight:700}
@media(max-width:1100px){.partner-contact-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sftp-health-grid,.sftp-runtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.partner-contact-fields,.partner-user-search-form,.partner-user-assign-form,.sftp-health-grid,.sftp-runtime-grid{grid-template-columns:1fr}.partner-user-current,.sftp-event-card header{align-items:stretch;flex-direction:column}.partner-user-current>.button,.partner-user-search-form .button,.partner-user-assign-form .button{width:100%;justify-content:center}.partner-user-current>div{grid-template-columns:1fr}.partner-user-current>div>span:last-child{grid-column:1}.sftp-source-ip{align-self:flex-start}.sftp-event-card dl{display:grid;grid-template-columns:1fr}}
.sftp-login-events-toolbar{display:flex;justify-content:flex-end;padding:10px 10px 0}.sftp-login-events-toolbar .button{min-height:38px}@media(max-width:760px){.sftp-login-events-toolbar .button{width:100%;justify-content:center}}