/* Mi comisión reutiliza los tokens de Sofi Bodega y mantiene su alcance aislado. */
.commission-module {
  --com-ink: var(--ink, #172026);
  --com-muted: var(--muted, #65727d);
  --com-line: var(--line, #d9e0e5);
  --com-panel: var(--panel, #fff);
  --com-brand: var(--brand, #184e3d);
  --com-green: var(--green, #12805c);
  --com-green-soft: var(--green-soft, #dff5eb);
  --com-red: var(--red, #c93c37);
  --com-red-soft: var(--red-soft, #ffe1df);
  --com-blue: var(--blue, #2364aa);
  --com-blue-soft: var(--blue-soft, #e3effd);
  --com-yellow: var(--yellow, #b7791f);
  --com-yellow-soft: var(--yellow-soft, #fff4cf);
  min-width: 0;
  color: var(--com-ink);
}

.commission-module *,
.commission-module *::before,
.commission-module *::after { box-sizing: border-box; }

.commission-module button,
.commission-module input,
.commission-module select,
.commission-module textarea { font: inherit; }

.commission-module input,
.commission-module select,
.commission-module textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--com-line);
  border-radius: 8px;
  padding: 9px 12px;
  color: var(--com-ink);
  background: #fff;
}

.commission-module textarea { min-height: 84px; resize: vertical; }

.commission-module input:focus-visible,
.commission-module select:focus-visible,
.commission-module textarea:focus-visible,
.commission-module button:focus-visible,
.commission-module a:focus-visible {
  outline: 3px solid rgba(35, 100, 170, .22);
  outline-offset: 2px;
}

.commission-module label {
  display: block;
  margin: 0 0 6px;
  color: var(--com-muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.commission-module .com-shell { display: grid; gap: 16px; }

.commission-module .com-banner {
  min-height: 96px;
  padding: 18px 20px;
  border: 1px solid #b8ead4;
  border-radius: 10px;
  background: linear-gradient(135deg, #f4fcf8, #e2f6ed);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.commission-module .com-banner h2 { margin: 0 0 5px; font-size: 21px; }
.commission-module .com-banner p { margin: 0; color: #49635a; }
.commission-module .com-banner-side { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
.commission-module .com-identity { display: grid; justify-items: end; }
.commission-module .com-identity span { color: #49635a; font-size: 12px; }

.commission-module .com-panel,
.commission-module .com-card {
  min-width: 0;
  border: 1px solid var(--com-line);
  border-radius: 8px;
  background: var(--com-panel);
  box-shadow: 0 12px 30px rgba(23, 32, 38, .06);
}

.commission-module .com-panel-head {
  min-height: 58px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--com-line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.commission-module .com-panel-head h2,
.commission-module .com-panel-head h3 { margin: 0; font-size: 17px; }
.commission-module .com-panel-head p { margin: 3px 0 0; color: var(--com-muted); font-size: 12px; }
.commission-module .com-panel-body { padding: 16px; }

.commission-module .com-toolbar {
  display: grid;
  grid-template-columns: minmax(170px, 220px) minmax(210px, 300px) auto auto auto;
  align-items: end;
  justify-content: start;
  gap: 10px;
}

.commission-module .com-toolbar > [hidden] { display: none; }

.commission-module .com-btn {
  min-height: 42px;
  border: 1px solid var(--com-line);
  border-radius: 8px;
  padding: 0 14px;
  color: var(--com-ink);
  background: #fff;
  font-weight: 900;
  white-space: nowrap;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.commission-module .com-btn:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(23, 32, 38, .1); }
.commission-module .com-btn:disabled { cursor: not-allowed; opacity: .56; }
.commission-module .com-btn.primary { color: #fff; border-color: var(--com-brand); background: var(--com-brand); }
.commission-module .com-btn.info { color: var(--com-blue); border-color: #b8d4f7; background: var(--com-blue-soft); }
.commission-module .com-btn.danger { color: var(--com-red); border-color: #efb7b2; background: #fff7f6; }
.commission-module .com-btn.success { color: var(--com-green); border-color: #b8ead4; background: #f4fcf8; }
.commission-module .com-btn.ghost { color: #30414b; border-color: #cfd8de; background: #f6f8f9; }
.commission-module .com-btn.compact { min-height: 34px; padding: 0 10px; font-size: 12px; }

.commission-module .com-status {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.commission-module .com-status.green { color: var(--com-green); background: var(--com-green-soft); }
.commission-module .com-status.red { color: var(--com-red); background: var(--com-red-soft); }
.commission-module .com-status.blue { color: var(--com-blue); background: var(--com-blue-soft); }
.commission-module .com-status.yellow { color: var(--com-yellow); background: var(--com-yellow-soft); }
.commission-module .com-status.gray { color: #54636c; background: #edf2f4; }

.commission-module .com-alert {
  padding: 12px;
  border: 1px solid var(--com-line);
  border-radius: 8px;
  color: var(--com-muted);
  background: #fff;
}

.commission-module .com-alert.info { color: var(--com-blue); border-color: #b8d4f7; background: var(--com-blue-soft); }
.commission-module .com-alert.warn { color: #7b5400; border-color: #f1d98a; background: var(--com-yellow-soft); }
.commission-module .com-alert.err { color: var(--com-red); border-color: #efb7b2; background: var(--com-red-soft); font-weight: 800; }
.commission-module .com-alert.ok { color: var(--com-green); border-color: #b8ead4; background: var(--com-green-soft); }

.commission-module .com-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.commission-module .com-card { min-height: 118px; padding: 16px; display: grid; align-content: space-between; gap: 8px; }
.commission-module .com-card > span { color: var(--com-muted); font-size: 13px; font-weight: 700; }
.commission-module .com-card > strong { font-size: clamp(24px, 2.3vw, 31px); line-height: 1; overflow-wrap: anywhere; }
.commission-module .com-card > small { color: var(--com-muted); }
.commission-module .com-card.success { border-color: #b8ead4; background: #fbfffd; }
.commission-module .com-card.danger { border-color: #efb7b2; background: #fffafa; }
.commission-module .com-card.attention { border-color: #f1d98a; background: #fffdf7; }

.commission-module .com-grid-aside {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(360px, 1.25fr);
  align-items: start;
  gap: 16px;
}

.commission-module .com-progress {
  width: 100%;
  height: 14px;
  overflow: hidden;
  border-radius: 999px;
  background: #e6edef;
}
.commission-module .com-progress > span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--com-green), #35b887); transition: width .3s ease; }
.commission-module .com-muted { color: var(--com-muted); font-size: 12px; }

.commission-module .com-formula { display: grid; gap: 8px; }
.commission-module .com-formula-row { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--com-line); }
.commission-module .com-formula-row.negative strong { color: var(--com-red); }
.commission-module .com-formula-row.result { margin-top: 2px; padding: 11px; border: 1px solid #b8ead4; border-radius: 8px; color: var(--com-green); background: var(--com-green-soft); }
.commission-module .com-formula-pending { display: flex; justify-content: space-between; gap: 10px; padding: 10px 11px; border: 1px solid #f1d98a; border-radius: 8px; color: #7b5400; background: var(--com-yellow-soft); }
.commission-module .com-formula p { margin: 2px 0; color: var(--com-muted); }
.commission-module .com-formula small { color: var(--com-muted); }

.commission-module .com-rules { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.commission-module .com-rule-card { min-width: 0; padding: 14px; border: 1px solid var(--com-line); border-radius: 9px; background: #f9fbfb; display: grid; gap: 10px; }
.commission-module .com-rule-head { display: flex; align-items: center; gap: 9px; }
.commission-module .com-rule-head h3 { margin: 0; font-size: 15px; }
.commission-module .com-rule-icon { width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--com-brand); font-weight: 950; }
.commission-module .com-rule-card p { min-height: 54px; margin: 0; color: var(--com-muted); font-size: 13px; }
.commission-module .com-rule-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.commission-module .com-rule-metrics > span { padding: 9px; border: 1px solid var(--com-line); border-radius: 8px; background: #fff; }
.commission-module .com-rule-metrics small,
.commission-module .com-rule-metrics strong,
.commission-module .com-rule-metrics em { display: block; }
.commission-module .com-rule-metrics small { color: var(--com-muted); }
.commission-module .com-rule-metrics strong { margin: 3px 0; font-size: 20px; }
.commission-module .com-rule-metrics em { color: var(--com-muted); font-size: 11px; font-style: normal; overflow-wrap: anywhere; }

.commission-module .com-case-list { display: grid; gap: 12px; }
.commission-module .com-case-card { min-width: 0; padding: 14px; border: 1px solid var(--com-line); border-left: 5px solid var(--com-yellow); border-radius: 9px; background: #fffdf8; display: grid; gap: 11px; }
.commission-module .com-case-card.is-history { border-left-color: var(--com-green); background: #fbfffd; }
.commission-module .com-case-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.commission-module .com-case-head h3 { margin: 3px 0 0; font-size: 16px; }
.commission-module .com-case-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.commission-module .com-case-meta > span { min-width: 0; padding: 8px 10px; border-radius: 8px; background: #f3f6f7; }
.commission-module .com-case-meta small,
.commission-module .com-case-meta strong { display: block; overflow-wrap: anywhere; }
.commission-module .com-case-meta small { color: var(--com-muted); font-size: 11px; }
.commission-module .com-case-detail { margin: 0; color: #43535c; overflow-wrap: anywhere; }

.commission-module .com-evidence-list { display: flex; flex-wrap: wrap; gap: 7px; }
.commission-module .com-evidence-list a,
.commission-module .com-evidence-disabled { max-width: 100%; padding: 6px 9px; border: 1px solid #b8d4f7; border-radius: 999px; color: var(--com-blue); background: var(--com-blue-soft); font-size: 12px; font-weight: 800; overflow-wrap: anywhere; text-decoration: none; }
.commission-module .com-evidence-disabled { color: var(--com-muted); border-color: var(--com-line); background: #f3f6f7; }
.commission-module .com-evidence-empty { color: var(--com-muted); font-size: 12px; }

.commission-module .com-case-history { border-top: 1px solid var(--com-line); padding-top: 8px; }
.commission-module .com-case-history summary { cursor: pointer; color: var(--com-blue); font-weight: 900; }
.commission-module .com-case-history > div { margin-top: 8px; display: grid; gap: 7px; }
.commission-module .com-case-history span { padding: 8px 10px; border-radius: 7px; background: #f3f6f7; }
.commission-module .com-case-history small { display: block; margin-top: 3px; color: var(--com-muted); }
.commission-module .com-case-review { padding-top: 10px; border-top: 1px solid var(--com-line); display: grid; gap: 9px; }
.commission-module .com-case-actions { display: flex; flex-wrap: wrap; gap: 8px; }

.commission-module .com-weekly-scheduled {
  min-height: 150px;
  padding: 24px;
  border: 1px dashed #d7bd69;
  border-radius: 10px;
  background: linear-gradient(135deg, #fffdf7, var(--com-yellow-soft));
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 9px;
}
.commission-module .com-weekly-scheduled > strong { font-size: 20px; }
.commission-module .com-weekly-scheduled p { max-width: 760px; margin: 0; color: var(--com-muted); }
.commission-module .com-weekly-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.commission-module .com-weekly-card {
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--com-line);
  border-left: 5px solid var(--com-blue);
  border-radius: 10px;
  background: #fff;
  display: grid;
  align-content: start;
  gap: 12px;
}
.commission-module .com-weekly-card h3 { margin: 3px 0 0; font-size: 16px; overflow-wrap: anywhere; }
.commission-module .com-weekly-product { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 12px; }
.commission-module .com-weekly-product img,
.commission-module .com-weekly-image { width: 72px; height: 72px; border: 1px solid var(--com-line); border-radius: 9px; object-fit: contain; background: #f4f7f8; }
.commission-module .com-weekly-image { display: grid; place-items: center; color: var(--com-muted); font-size: 22px; font-weight: 950; }
.commission-module .com-weekly-product > div { min-width: 0; display: grid; gap: 4px; }
.commission-module .com-weekly-product strong,
.commission-module .com-weekly-product span { overflow-wrap: anywhere; }
.commission-module .com-weekly-product > div > span,
.commission-module .com-weekly-product small { color: var(--com-muted); font-size: 12px; }
.commission-module .com-weekly-locations { display: flex; flex-wrap: wrap; gap: 5px; }
.commission-module .com-weekly-locations span { padding: 4px 7px; border-radius: 999px; color: var(--com-blue); background: var(--com-blue-soft); font-size: 11px; font-weight: 850; }
.commission-module .com-weekly-action { padding-top: 11px; border-top: 1px solid var(--com-line); display: grid; gap: 8px; }
.commission-module .com-weekly-action input { min-height: 44px; }
.commission-module .com-weekly-action .com-btn { justify-self: start; }
.commission-module .com-weekly-result { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.commission-module .com-weekly-result span { padding: 10px; border: 1px solid var(--com-line); border-radius: 8px; background: #f6f8f9; }
.commission-module .com-weekly-result small,
.commission-module .com-weekly-result strong { display: block; }
.commission-module .com-weekly-result small { color: var(--com-muted); }
.commission-module .com-weekly-result.red strong { color: var(--com-red); }
.commission-module .com-weekly-result.green strong { color: var(--com-green); }
.commission-module .com-weekly-result.blue strong { color: var(--com-blue); }
.commission-module .com-alert small { display: block; margin-top: 5px; }
.commission-module .com-alert .com-btn { margin-top: 9px; }

.commission-module .com-location-toolbar { padding-bottom: 10px; display: grid; grid-template-columns: minmax(260px, 1fr) auto auto auto; gap: 8px; align-items: end; }
.commission-module .com-location-toolbar label { min-width: 0; }
.commission-module .com-location-toolbar input { width: 100%; }
.commission-module #commissionLocationAlertsMessage .com-alert { margin: 0 16px 12px; }
.commission-module .com-location-list { padding-top: 0; display: grid; gap: 10px; }
.commission-module .com-location-card { min-width: 0; padding: 14px; border: 1px solid var(--com-line); border-left: 4px solid var(--com-yellow); border-radius: 9px; background: #fff; display: grid; gap: 12px; }
.commission-module .com-location-card h3 { margin: 3px 0 0; overflow-wrap: anywhere; }
.commission-module .com-location-meta { display: grid; grid-template-columns: minmax(150px, .7fr) minmax(190px, 1fr) minmax(190px, 1fr) minmax(180px, 1fr); gap: 8px; }
.commission-module .com-location-meta > span { min-width: 0; padding: 10px; border: 1px solid var(--com-line); border-radius: 8px; background: #f7faf9; }
.commission-module .com-location-meta small,
.commission-module .com-location-meta strong,
.commission-module .com-location-meta em { display: block; overflow-wrap: anywhere; }
.commission-module .com-location-meta small { color: var(--com-muted); font-size: 11px; font-style: normal; text-transform: uppercase; letter-spacing: .03em; }
.commission-module .com-location-meta strong { margin-top: 3px; }
.commission-module .com-location-meta em { margin-top: 3px; color: var(--com-muted); font-size: 12px; font-style: normal; }
.commission-module .com-location-note { display: grid; gap: 5px; }
.commission-module .com-location-note textarea { width: 100%; min-height: 74px; }
.commission-module .com-location-actions { display: flex; flex-wrap: wrap; gap: 8px; }

.commission-module .com-empty { min-height: 126px; padding: 22px; display: grid; place-items: center; color: var(--com-muted); text-align: center; }
.commission-module .com-empty strong { display: block; margin-bottom: 5px; color: var(--com-ink); }
.commission-module .com-empty .com-btn { margin-top: 10px; }

.commission-module .com-toast-region { position: fixed; right: 18px; bottom: 18px; z-index: 120; width: min(380px, calc(100vw - 36px)); display: grid; gap: 8px; }
.commission-module .com-toast { padding: 12px 14px; border: 1px solid #b8ead4; border-left: 5px solid var(--com-green); border-radius: 8px; background: #fff; box-shadow: 0 14px 40px rgba(23, 32, 38, .18); font-weight: 800; }
.commission-module .com-toast.err { border-color: #efb7b2; border-left-color: var(--com-red); }

.commission-module .com-connection { position: fixed; inset: 0 0 auto; z-index: 150; display: none; padding: 9px 16px; color: #fff; background: var(--com-red); text-align: center; font-weight: 900; box-shadow: 0 6px 18px rgba(0, 0, 0, .2); }
.commission-module .com-connection.show { display: block; }

.commission-module .com-case-filters { padding-top: 12px; padding-bottom: 0; display: flex; flex-wrap: wrap; gap: 7px; }
.commission-module .com-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.commission-module .com-review-lane,
.commission-module .com-review-resolution { min-width: 0; padding: 10px; border: 1px solid var(--com-line); border-radius: 8px; background: #f6f8f9; display: grid; gap: 4px; }
.commission-module .com-review-lane small,
.commission-module .com-review-resolution small { color: var(--com-muted); font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .03em; }
.commission-module .com-review-lane span,
.commission-module .com-review-resolution span { color: var(--com-muted); font-size: 12px; }
.commission-module .com-review-lane p,
.commission-module .com-review-resolution p { margin: 2px 0 0; overflow-wrap: anywhere; }
.commission-module .com-review-lane.is-confirm { border-color: #efb7b2; background: var(--com-red-soft); }
.commission-module .com-review-lane.is-exonerate { border-color: #b8ead4; background: var(--com-green-soft); }
.commission-module .com-review-lane.is-pending { border-style: dashed; }
.commission-module .com-review-resolution { grid-column: 1 / -1; border-color: #b9d8f7; background: var(--com-blue-soft); }

.commission-module .com-barcode-evidence { padding: 11px; border: 1px solid #b9d8f7; border-radius: 9px; background: #f7fbff; display: grid; gap: 10px; }
.commission-module .com-evidence-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.commission-module .com-evidence-kpis span { min-width: 0; padding: 8px; border-radius: 7px; background: #fff; }
.commission-module .com-evidence-kpis small,
.commission-module .com-evidence-kpis strong { display: block; overflow-wrap: anywhere; }
.commission-module .com-evidence-kpis small { color: var(--com-muted); font-size: 11px; }
.commission-module .com-forced-note { margin: 0; }
.commission-module .com-missing-items { display: grid; gap: 6px; }
.commission-module .com-missing-items > span { padding: 8px; border-left: 3px solid var(--com-yellow); border-radius: 5px; background: #fff; }
.commission-module .com-missing-items b,
.commission-module .com-missing-items small { display: block; overflow-wrap: anywhere; }
.commission-module .com-missing-items small { margin-top: 3px; color: var(--com-muted); }

.commission-module .com-packing-audit-explainer { margin: 12px 16px 0; }
.commission-module .com-audit-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.commission-module .com-audit-filter { min-width: 0; padding: 10px; border: 1px solid var(--com-line); border-radius: 8px; color: var(--com-ink); background: #f6f8f9; text-align: left; cursor: pointer; }
.commission-module .com-audit-filter.active { border-color: var(--com-blue); box-shadow: inset 0 0 0 1px var(--com-blue); background: var(--com-blue-soft); }
.commission-module .com-audit-filter small,
.commission-module .com-audit-filter strong { display: block; }
.commission-module .com-audit-filter small { min-height: 30px; color: var(--com-muted); }
.commission-module .com-audit-filter strong { margin-top: 4px; font-size: 20px; }
.commission-module .com-packing-audit-list { padding-top: 0; display: grid; gap: 8px; }
.commission-module .com-packing-audit-row { padding: 11px; border: 1px solid var(--com-line); border-left: 4px solid var(--com-blue); border-radius: 8px; background: #fff; display: grid; grid-template-columns: minmax(200px, 1.5fr) minmax(220px, 1.4fr) minmax(100px, .6fr) minmax(150px, .8fr); gap: 10px; align-items: center; }
.commission-module .com-packing-audit-main,
.commission-module .com-packing-audit-people,
.commission-module .com-packing-audit-qty,
.commission-module .com-packing-audit-result { min-width: 0; display: grid; gap: 3px; }
.commission-module .com-packing-audit-main span,
.commission-module .com-packing-audit-main small,
.commission-module .com-packing-audit-qty small,
.commission-module .com-packing-audit-qty span,
.commission-module .com-packing-audit-result small { color: var(--com-muted); font-size: 12px; overflow-wrap: anywhere; }
.commission-module .com-packing-audit-main strong,
.commission-module .com-packing-audit-people strong { overflow-wrap: anywhere; }
.commission-module .com-packing-audit-people { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.commission-module .com-packing-audit-people small,
.commission-module .com-packing-audit-people strong { display: block; }
.commission-module .com-packing-audit-people small { color: var(--com-muted); font-size: 11px; }
.commission-module .com-packing-audit-qty strong { font-size: 18px; }
.commission-module .com-packing-audit-note { grid-column: 1 / -1; margin: 0; padding-top: 8px; border-top: 1px solid var(--com-line); color: var(--com-muted); overflow-wrap: anywhere; }
.commission-module .com-packing-audit-items { grid-column: 1 / -1; padding-top: 8px; border-top: 1px solid var(--com-line); }
.commission-module .com-packing-audit-items summary { color: var(--com-blue); cursor: pointer; font-weight: 850; }
.commission-module .com-packing-audit-items > div { margin-top: 8px; display: grid; gap: 6px; }
.commission-module .com-packing-audit-items span { padding: 8px; border-radius: 6px; background: #f6f8f9; }
.commission-module .com-packing-audit-items strong,
.commission-module .com-packing-audit-items small { display: block; overflow-wrap: anywhere; }
.commission-module .com-packing-audit-items small { margin-top: 3px; color: var(--com-muted); }
.commission-module .com-audit-footer { padding-top: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--com-muted); }

.commission-module .com-dispatch-rank-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-bottom: 12px; }
.commission-module .com-dispatch-rank-summary > span { min-width: 0; padding: 12px; border: 1px solid var(--com-line); border-radius: 8px; background: #f7faf9; }
.commission-module .com-dispatch-rank-summary small,
.commission-module .com-dispatch-rank-summary strong { display: block; overflow-wrap: anywhere; }
.commission-module .com-dispatch-rank-summary small { color: var(--com-muted); }
.commission-module .com-dispatch-rank-summary strong { margin-top: 4px; font-size: 22px; }
.commission-module .com-dispatch-ranking-table { width: 100%; margin: 12px 0; overflow-x: auto; }
.commission-module .com-dispatch-ranking-table table { width: 100%; min-width: 680px; border-collapse: collapse; }
.commission-module .com-dispatch-ranking-table th,
.commission-module .com-dispatch-ranking-table td { padding: 10px; border-bottom: 1px solid var(--com-line); text-align: left; }
.commission-module .com-dispatch-ranking-table th { color: var(--com-muted); font-size: 11px; text-transform: uppercase; }
.commission-module .com-dispatch-ranking-table tr.is-selected { background: var(--com-blue-soft); }
.commission-module .com-dispatch-relation-form { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(220px, 1fr); gap: 12px; align-items: end; }
.commission-module .com-dispatch-relation-form label { min-width: 0; }
.commission-module .com-dispatch-relation-form input,
.commission-module .com-dispatch-relation-form select,
.commission-module .com-dispatch-relation-form textarea { width: 100%; }
.commission-module .com-dispatch-relation-detail,
.commission-module .com-dispatch-relation-form .com-inline-actions,
.commission-module #commissionDispatchRelationMessage { grid-column: 1 / -1; }
.commission-module .com-dispatch-relation-form textarea { min-height: 92px; }

@media (max-width: 1100px) {
  .commission-module .com-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commission-module .com-grid-aside { grid-template-columns: 1fr; }
  .commission-module .com-rules { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commission-module .com-weekly-grid { grid-template-columns: 1fr; }
  .commission-module .com-toolbar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .commission-module .com-case-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commission-module .com-audit-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commission-module .com-packing-audit-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commission-module .com-dispatch-rank-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commission-module .com-location-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .commission-module .com-banner { display: grid; }
  .commission-module .com-banner-side { display: grid; justify-content: stretch; }
  .commission-module .com-identity { justify-items: start; }
  .commission-module .com-toolbar,
  .commission-module .com-kpis,
  .commission-module .com-rules,
  .commission-module .com-case-meta { grid-template-columns: 1fr; }
  .commission-module .com-toolbar .com-btn { width: 100%; }
  .commission-module .com-card { min-height: 100px; }
  .commission-module .com-panel-head,
  .commission-module .com-case-head { align-items: flex-start; display: grid; }
  .commission-module .com-formula-row,
  .commission-module .com-formula-pending { display: grid; }
  .commission-module .com-case-actions { display: grid; }
  .commission-module .com-case-actions .com-btn { width: 100%; }
  .commission-module .com-weekly-action .com-btn { width: 100%; justify-self: stretch; }
  .commission-module .com-weekly-result { grid-template-columns: 1fr; }
  .commission-module .com-review-grid,
  .commission-module .com-evidence-kpis,
  .commission-module .com-audit-summary,
  .commission-module .com-packing-audit-row { grid-template-columns: 1fr; }
  .commission-module .com-packing-audit-people { grid-template-columns: 1fr; }
  .commission-module .com-rule-card p { min-height: 0; }
  .commission-module .com-dispatch-rank-summary,
  .commission-module .com-dispatch-relation-form { grid-template-columns: 1fr; }
  .commission-module .com-dispatch-relation-detail,
  .commission-module .com-dispatch-relation-form .com-inline-actions,
  .commission-module #commissionDispatchRelationMessage { grid-column: auto; }
  .commission-module .com-location-toolbar,
  .commission-module .com-location-meta { grid-template-columns: 1fr; }
  .commission-module .com-location-toolbar .com-btn,
  .commission-module .com-location-actions .com-btn { width: 100%; }
}

@media (max-width: 420px) {
  .commission-module .com-banner,
  .commission-module .com-panel-body,
  .commission-module .com-card,
  .commission-module .com-case-card { padding: 12px; }
  .commission-module .com-rule-metrics { grid-template-columns: 1fr; }
  .commission-module .com-status { white-space: normal; }
}

@media print {
  .commission-module .com-toolbar,
  .commission-module .com-case-review,
  .commission-module .com-connection,
  .commission-module .com-toast-region { display: none !important; }
  .commission-module .com-panel,
  .commission-module .com-card,
  .commission-module .com-case-card { box-shadow: none; break-inside: avoid; }
}