/* Accounts processed requisition reports */
.page-accounts-reports {
  display: grid;
  gap: 1.25rem;
}

.page-accounts-reports .reports-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.35rem 1.45rem;
  border: 1px solid color-mix(in srgb, var(--vs-accent) 18%, var(--vs-border));
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--vs-accent) 12%, transparent), transparent 55%),
    linear-gradient(135deg, var(--vs-bg-card), color-mix(in srgb, var(--vs-accent-soft) 40%, var(--vs-bg-card)));
  box-shadow: var(--vs-shadow-sm);
}

.page-accounts-reports .reports-hero__eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-filters {
  padding: 1.15rem 1.25rem;
  border: 1px solid var(--vs-border);
  border-radius: 16px;
  background: var(--vs-bg-card);
  box-shadow: var(--vs-shadow-sm);
}

.page-accounts-reports .reports-filters__modes {
  display: inline-flex;
  gap: 0.4rem;
  margin-bottom: 0.95rem;
  padding: 0.25rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vs-bg-secondary) 80%, transparent);
  border: 1px solid var(--vs-border);
}

.page-accounts-reports .reports-filters__mode {
  border: none;
  background: transparent;
  color: var(--vs-text-muted);
  border-radius: 999px;
  padding: 0.4rem 0.9rem;
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
}

.page-accounts-reports .reports-filters__mode.is-active {
  background: var(--vs-accent-soft);
  color: var(--vs-accent);
}

.page-accounts-reports .reports-filters__fields {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 0.85rem;
}

.page-accounts-reports .reports-field {
  display: grid;
  gap: 0.35rem;
  min-width: 10rem;
}

.page-accounts-reports .reports-field span {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-field .vs-input,
.page-accounts-reports .reports-field input[type="date"] {
  min-height: 2.4rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid var(--vs-border);
  border-radius: 10px;
  background: var(--vs-bg-card);
  color: var(--vs-text);
}

.page-accounts-reports .reports-type-filter {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--vs-border);
}

.page-accounts-reports .reports-type-filter__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.page-accounts-reports .reports-type-filter__label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-type-filter__actions {
  display: inline-flex;
  gap: 0.65rem;
}

.page-accounts-reports .reports-type-filter__link {
  border: none;
  background: transparent;
  padding: 0;
  color: var(--vs-accent);
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
}

.page-accounts-reports .reports-type-filter__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.page-accounts-reports .reports-type-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-secondary);
  color: var(--vs-text-muted);
  padding: 0.42rem 0.85rem;
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.page-accounts-reports .reports-type-chip.is-selected {
  border-color: color-mix(in srgb, var(--vs-accent) 45%, var(--vs-border));
  background: var(--vs-accent-soft);
  color: var(--vs-accent);
}

.page-accounts-reports .reports-type-chip__code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.65rem;
  height: 1.65rem;
  border-radius: 999px;
  background: color-mix(in srgb, currentColor 12%, transparent);
  font-size: 0.72rem;
  font-weight: 800;
}

.page-accounts-reports .reports-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 0.95rem 1.1rem;
  border: 1px solid var(--vs-border);
  border-radius: 14px;
  background: var(--vs-bg-card);
  box-shadow: var(--vs-shadow-sm);
}

.page-accounts-reports .reports-toolbar__summary {
  display: none;
}

.page-accounts-reports .reports-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.page-accounts-reports .reports-toolbar__actions--only,
.page-accounts-reports .re-report-toolbar__actions-only {
  width: 100%;
  justify-content: flex-end;
}

.page-route-eta-report .re-report-toolbar__actions-only .re-report-toolbar__search {
  flex: 1 1 16rem;
  min-width: 0;
  max-width: 28rem;
}

.page-accounts-reports .reports-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.85rem;
}

.page-accounts-reports .reports-section__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}

.page-accounts-reports .reports-section__meta {
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.65rem;
  margin-bottom: 0.5rem;
}

.page-accounts-reports .reports-total-card {
  border: 1px solid var(--vs-border);
  border-radius: 10px;
  background: var(--vs-bg-card);
  padding: 0.7rem 0.85rem;
}

.page-accounts-reports .reports-total-card h4 {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-total-card__empty {
  margin: 0.35rem 0 0;
  color: var(--vs-text-muted);
  font-size: 0.72rem;
}

.page-accounts-reports .reports-total-card__list {
  list-style: none;
  margin: 0.35rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.3rem;
}

.page-accounts-reports .reports-total-card__list li {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.4rem;
  align-items: baseline;
  font-size: 0.78rem;
}

.page-accounts-reports .reports-total-card__list strong {
  text-align: right;
  font-size: 0.95rem;
  font-variant-numeric: tabular-nums;
}

.page-accounts-reports .reports-total-card__list small {
  color: var(--vs-text-muted);
  font-size: 0.72rem;
}

.page-accounts-reports .reports-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--vs-border);
  border-radius: 14px;
  background: var(--vs-bg-card);
}

.page-accounts-reports .reports-detail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.85rem;
}

.page-accounts-reports .reports-detail-head__count {
  font-size: 0.86rem;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-page-size {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.82rem;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-page-size select {
  min-width: 4.5rem;
  min-height: 2.1rem;
  padding: 0.35rem 0.55rem;
  border: 1px solid var(--vs-border);
  border-radius: 8px;
  background: var(--vs-bg-card);
  color: var(--vs-text);
}

.page-accounts-reports .reports-card-list {
  display: grid;
  gap: 0.85rem;
}

.page-accounts-reports .reports-req-card {
  border: 1px solid var(--vs-border);
  border-radius: 16px;
  background: var(--vs-bg-card);
  box-shadow: var(--vs-shadow-sm);
  overflow: hidden;
}

.page-accounts-reports .reports-req-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid var(--vs-border);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--vs-accent-soft) 35%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-accounts-reports .reports-req-card[data-type="BR"] .reports-req-card__head {
  background: linear-gradient(135deg, color-mix(in srgb, #3B82F6 10%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-accounts-reports .reports-req-card[data-type="AR"] .reports-req-card__head {
  background: linear-gradient(135deg, color-mix(in srgb, #EF4444 10%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-accounts-reports .reports-req-card[data-type="TR"] .reports-req-card__head {
  background: linear-gradient(135deg, color-mix(in srgb, #10B981 10%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-accounts-reports .reports-req-card[data-type="TE"] .reports-req-card__head {
  background: linear-gradient(135deg, color-mix(in srgb, #8B5CF6 10%, var(--vs-bg-card)), var(--vs-bg-card));
}

.page-accounts-reports .reports-req-card__identity {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.page-accounts-reports .reports-req-card__code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.35rem;
  height: 2.35rem;
  border-radius: 12px;
  background: var(--vs-accent-soft);
  color: var(--vs-accent);
  font-size: 0.78rem;
  font-weight: 800;
}

.page-accounts-reports .reports-req-card__title {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 700;
}

.page-accounts-reports .reports-req-card__subtitle {
  margin: 0.15rem 0 0;
  font-size: 0.82rem;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-req-card__amount {
  display: grid;
  gap: 0.15rem;
  text-align: right;
}

.page-accounts-reports .reports-req-card__amount span {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-req-card__amount strong {
  font-size: 1.05rem;
  font-variant-numeric: tabular-nums;
}

.page-accounts-reports .reports-req-card__workflow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 0.75rem;
  padding: 0.95rem 1.1rem;
  border-bottom: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg-secondary) 45%, transparent);
}

.page-accounts-reports .reports-workflow-step {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.page-accounts-reports .reports-workflow-step--divider {
  width: 1px;
  background: var(--vs-border);
  align-self: stretch;
}

.page-accounts-reports .reports-workflow-step__label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-workflow-step strong {
  font-size: 0.88rem;
  word-break: break-word;
}

.page-accounts-reports .reports-workflow-step small {
  font-size: 0.78rem;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-req-card__details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  margin: 0;
  padding: 0.95rem 1.1rem 1.05rem;
}

.page-accounts-reports .reports-detail-item {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.page-accounts-reports .reports-detail-item dt {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-detail-item dd {
  margin: 0;
  font-size: 0.86rem;
  word-break: break-word;
}

.page-accounts-reports .reports-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  margin-top: 0.35rem;
  padding: 0.75rem;
  border: 1px solid var(--vs-border);
  border-radius: 12px;
  background: var(--vs-bg-card);
}

.page-accounts-reports .reports-pagination__btn {
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-secondary);
  color: var(--vs-text);
  padding: 0.42rem 0.95rem;
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
}

.page-accounts-reports .reports-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.page-accounts-reports .reports-pagination__status {
  font-size: 0.86rem;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-table {
  min-width: 860px;
}

.page-accounts-reports .reports-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--vs-bg-secondary) 55%, transparent);
}

.page-accounts-reports .reports-table__amount {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.page-accounts-reports .reports-type-pill {
  display: inline-flex;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  background: var(--vs-accent-soft);
  color: var(--vs-accent);
  font-size: 0.74rem;
  font-weight: 700;
}

.page-accounts-reports .reports-empty,
.page-accounts-reports .reports-loading {
  margin: 0;
  padding: 2rem 1rem;
  text-align: center;
  color: var(--vs-text-muted);
  border: 1px dashed var(--vs-border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--vs-bg-secondary) 50%, transparent);
}

.page-accounts-reports .reports-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.page-accounts-reports .reports-loading__spinner {
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--vs-accent) 22%, var(--vs-border));
  border-top-color: var(--vs-accent);
  animation: vs-req-spin 0.75s linear infinite;
}

@media (max-width: 1100px) {
  .page-accounts-reports .reports-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .page-accounts-reports .reports-req-card__workflow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-accounts-reports .reports-workflow-step--divider {
    display: none;
  }
}

@media (max-width: 640px) {
  .page-accounts-reports .reports-summary-grid {
    grid-template-columns: 1fr;
  }

  .page-accounts-reports .reports-req-card__head {
    flex-direction: column;
  }

  .page-accounts-reports .reports-req-card__amount {
    text-align: left;
  }

  .page-accounts-reports .reports-req-card__workflow {
    grid-template-columns: 1fr;
  }

  .page-accounts-reports .reports-workflow-step--divider {
    display: none;
  }

  .page-accounts-reports .reports-req-card__details {
    grid-template-columns: 1fr;
  }

  .page-accounts-reports .reports-toolbar {
    align-items: stretch;
  }

  .page-accounts-reports .reports-toolbar__actions {
    width: 100%;
  }

  .page-accounts-reports .reports-toolbar__actions .vs-btn {
    flex: 1;
  }
}

.page-accounts-reports .reports-processed-table__stack {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.page-accounts-reports .reports-processed-table__stack strong {
  font-size: 0.9rem;
  color: var(--vs-text);
}

.page-accounts-reports .reports-processed-table__stack span {
  font-size: 0.78rem;
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-processed-table__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.page-manager-processed-reports .reports-req-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  padding: 0 1.1rem 1.1rem;
}

/* Trip status updates report — tracking controller */
.page-trip-status-updates-report {
  gap: 1rem;
}

.page-trip-status-updates-report .ts-report-workflow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border: 1px solid color-mix(in srgb, #0ea5e9 18%, var(--vs-border));
  border-radius: 0.9rem;
  background: color-mix(in srgb, #0ea5e9 5%, var(--vs-bg-card));
}

.page-trip-status-updates-report .ts-report-workflow__item {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-trip-status-updates-report .ts-report-workflow__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, #0ea5e9 14%, transparent);
  color: #0284c7;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.page-trip-status-updates-report .ts-report-filters {
  border-color: color-mix(in srgb, #0ea5e9 16%, var(--vs-border));
}

.page-trip-status-updates-report .ts-report-filters__head {
  margin-bottom: 0.95rem;
}

.page-trip-status-updates-report .ts-report-filters__head h3 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
}

.page-trip-status-updates-report .ts-report-filters__head p {
  margin: 0;
  color: var(--vs-text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.page-trip-status-updates-report .ts-report-filters__run {
  min-width: 8.5rem;
}

.page-trip-status-updates-report .ts-report-loading {
  border: 1px solid var(--vs-border);
  border-radius: 14px;
  background: var(--vs-bg-card);
}

.page-trip-status-updates-report .ts-report-empty {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  padding: 2.25rem 1.5rem;
  text-align: center;
}

.page-trip-status-updates-report .ts-report-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  background: color-mix(in srgb, #0ea5e9 12%, transparent);
  color: #0284c7;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.page-trip-status-updates-report .ts-report-empty h3 {
  margin: 0;
  font-size: 1.05rem;
}

.page-trip-status-updates-report .ts-report-empty p {
  margin: 0;
  max-width: 30rem;
  color: var(--vs-text-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.page-trip-status-updates-report .ts-report-toolbar {
  border-color: color-mix(in srgb, #0ea5e9 14%, var(--vs-border));
}

.page-trip-status-updates-report .ts-report-panel {
  overflow: hidden;
}

.page-trip-status-updates-report .ts-report-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border-bottom: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 45%, transparent);
}

.page-trip-status-updates-report .ts-report-panel__head h3 {
  margin: 0;
  font-size: 0.98rem;
}

.page-trip-status-updates-report .ts-report-panel__meta {
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-trip-status-updates-report .ts-report-status-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.58rem;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

.page-trip-status-updates-report .ts-report-status-pill.is-enroute {
  background: color-mix(in srgb, #059669 14%, var(--vs-bg-muted));
  color: #047857;
}

.page-trip-status-updates-report .ts-report-status-pill.is-parked {
  background: color-mix(in srgb, #d97706 14%, var(--vs-bg-muted));
  color: #b45309;
}

.page-trip-status-updates-report .ts-report-status-pill.is-neutral {
  background: color-mix(in srgb, var(--vs-accent) 10%, var(--vs-bg-muted));
  color: var(--vs-text-muted);
}

.page-trip-status-updates-report .ts-report-location {
  max-width: 14rem;
}

.page-trip-status-updates-report .ts-report-remarks {
  max-width: 16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-trip-status-updates-report .ts-report-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 1rem;
  padding: 0.95rem 1.25rem;
  border-top: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
}

.page-trip-status-updates-report .mgr-reports-pagination__btn {
  padding: 0.45rem 0.95rem;
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-card);
  color: var(--vs-text);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.page-trip-status-updates-report .mgr-reports-pagination__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, #0ea5e9 40%, var(--vs-border));
  background: color-mix(in srgb, #0ea5e9 6%, var(--vs-bg-card));
}

.page-trip-status-updates-report .mgr-reports-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.page-trip-status-updates-report .mgr-reports-pagination__status {
  font-size: 0.86rem;
  color: var(--vs-text-muted);
}

@media (max-width: 720px) {
  .page-trip-status-updates-report .mgr-tc-hero__actions {
    width: 100%;
  }

  .page-trip-status-updates-report .mgr-tc-hero__actions .vs-btn {
    flex: 1;
  }
}

/* POD handovers report — tracking controller */
.page-pod-handovers-report {
  gap: 1rem;
}

.page-pod-handovers-report .pod-report-workflow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border: 1px solid color-mix(in srgb, #6366f1 18%, var(--vs-border));
  border-radius: 0.9rem;
  background: color-mix(in srgb, #6366f1 5%, var(--vs-bg-card));
}

.page-pod-handovers-report .pod-report-workflow__item {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-pod-handovers-report .pod-report-workflow__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, #6366f1 14%, transparent);
  color: #4f46e5;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.page-pod-handovers-report .pod-report-filters {
  border-color: color-mix(in srgb, #6366f1 16%, var(--vs-border));
}

.page-pod-handovers-report .pod-report-filters__head {
  margin-bottom: 0.95rem;
}

.page-pod-handovers-report .pod-report-filters__head h3 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
}

.page-pod-handovers-report .pod-report-filters__head p {
  margin: 0;
  color: var(--vs-text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.page-pod-handovers-report .pod-report-filters__run {
  min-width: 8.5rem;
}

.page-pod-handovers-report .pod-report-loading {
  border: 1px solid var(--vs-border);
  border-radius: 14px;
  background: var(--vs-bg-card);
}

.page-pod-handovers-report .pod-report-empty {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  padding: 2.25rem 1.5rem;
  text-align: center;
}

.page-pod-handovers-report .pod-report-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  background: color-mix(in srgb, #6366f1 12%, transparent);
  color: #4f46e5;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.page-pod-handovers-report .pod-report-empty h3 {
  margin: 0;
  font-size: 1.05rem;
}

.page-pod-handovers-report .pod-report-empty p {
  margin: 0;
  max-width: 30rem;
  color: var(--vs-text-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.page-pod-handovers-report .pod-report-toolbar {
  border-color: color-mix(in srgb, #6366f1 14%, var(--vs-border));
}

.page-pod-handovers-report .pod-report-panel {
  overflow: hidden;
}

.page-pod-handovers-report .pod-report-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border-bottom: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 45%, transparent);
}

.page-pod-handovers-report .pod-report-panel__head h3 {
  margin: 0;
  font-size: 0.98rem;
}

.page-pod-handovers-report .pod-report-panel__meta {
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-pod-handovers-report .pod-report-delivered-to {
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-pod-handovers-report .pod-report-flag {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.58rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

.page-pod-handovers-report .pod-report-flag.is-yes {
  background: color-mix(in srgb, #059669 14%, var(--vs-bg-muted));
  color: #047857;
}

.page-pod-handovers-report .pod-report-flag.is-no {
  background: color-mix(in srgb, var(--vs-text-muted) 12%, var(--vs-bg-muted));
  color: var(--vs-text-muted);
}

.page-pod-handovers-report .pod-report-status-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.58rem;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

.page-pod-handovers-report .pod-report-status-pill.is-completed {
  background: color-mix(in srgb, #059669 14%, var(--vs-bg-muted));
  color: #047857;
}

.page-pod-handovers-report .pod-report-status-pill.is-pending {
  background: color-mix(in srgb, #d97706 14%, var(--vs-bg-muted));
  color: #b45309;
}

.page-pod-handovers-report .pod-report-status-pill.is-neutral {
  background: color-mix(in srgb, var(--vs-accent) 10%, var(--vs-bg-muted));
  color: var(--vs-text-muted);
}

.page-accounts-reports .reports-field--checkbox {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: auto;
  padding-top: 1.35rem;
}

.page-accounts-reports .reports-field--checkbox span {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
}

.page-pod-handovers-report .pod-report-table__action-col {
  width: 8.5rem;
  text-align: right;
  white-space: nowrap;
}

.page-pod-handovers-report .pod-report-row-export {
  padding: 0.3rem 0.7rem;
  font-size: 0.8rem;
}

.page-pod-handovers-report .pod-report-details {
  display: grid;
  gap: 1.15rem;
  padding: 1rem 1.15rem 1.25rem;
}

.page-pod-handovers-report .pod-report-detail {
  --pod-detail-accent: var(--vs-accent);
  display: grid;
  gap: 1rem;
  padding: 1.15rem 1.2rem 1.25rem;
  border: 1px solid color-mix(in srgb, var(--pod-detail-accent) 22%, var(--vs-border));
  border-radius: 1.1rem;
  background:
    radial-gradient(ellipse 110% 80% at 100% 0%, color-mix(in srgb, var(--pod-detail-accent) 12%, transparent), transparent 55%),
    linear-gradient(145deg, color-mix(in srgb, var(--pod-detail-accent) 4%, var(--vs-bg-card)), var(--vs-bg-card));
  box-shadow: var(--vs-shadow);
}

.page-pod-handovers-report .pod-report-detail__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.9rem 1.1rem;
}

.page-pod-handovers-report .pod-report-detail__head-main {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  min-width: 0;
  flex: 1 1 16rem;
}

.page-pod-handovers-report .pod-report-detail__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.85rem;
  height: 2.85rem;
  flex-shrink: 0;
  border-radius: 0.85rem;
  border: 1px solid color-mix(in srgb, var(--pod-detail-accent) 28%, var(--vs-border));
  background: color-mix(in srgb, var(--pod-detail-accent) 12%, var(--vs-surface));
  color: var(--pod-detail-accent);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.page-pod-handovers-report .pod-report-detail__head-copy {
  min-width: 0;
}

.page-pod-handovers-report .pod-report-detail__eyebrow {
  margin: 0;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pod-detail-accent);
}

.page-pod-handovers-report .pod-report-detail__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.65rem;
  margin-top: 0.2rem;
}

.page-pod-handovers-report .pod-report-detail__title {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.2;
}

.page-pod-handovers-report .pod-report-detail__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.35rem;
  margin: 0.4rem 0 0;
  color: var(--vs-text-muted);
  font-size: 0.88rem;
  line-height: 1.4;
}

.page-pod-handovers-report .pod-report-detail__meta-sep {
  opacity: 0.55;
}

.page-pod-handovers-report .pod-report-detail__route {
  font-weight: 650;
  color: var(--vs-text);
}

.page-pod-handovers-report .pod-report-detail__export {
  flex-shrink: 0;
}

.page-pod-handovers-report .pod-report-detail__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
}

.page-pod-handovers-report .pod-report-detail__summary-item {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
  padding: 0.7rem 0.8rem;
  border: 1px solid color-mix(in srgb, var(--pod-detail-accent) 16%, var(--vs-border));
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--pod-detail-accent) 5%, var(--vs-surface));
}

.page-pod-handovers-report .pod-report-detail__summary-label {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--vs-text-muted);
}

.page-pod-handovers-report .pod-report-detail__summary-value {
  font-size: 0.9rem;
  color: var(--vs-text);
  word-break: break-word;
}

.page-pod-handovers-report .pod-report-detail__grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-pod-handovers-report .pod-report-detail__section {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  min-width: 0;
  padding: 0.9rem 0.95rem 1rem;
  border: 1px solid color-mix(in srgb, var(--vs-border) 80%, transparent);
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
}

.page-pod-handovers-report .pod-report-detail__section-head {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.page-pod-handovers-report .pod-report-detail__section-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 0.55rem;
  background: color-mix(in srgb, var(--pod-detail-accent) 12%, transparent);
  color: var(--pod-detail-accent);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.page-pod-handovers-report .pod-report-detail__section h4 {
  margin: 0;
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--vs-text-muted);
}

.page-pod-handovers-report .pod-report-detail__section dl {
  margin: 0;
  display: grid;
  gap: 0;
}

.page-pod-handovers-report .pod-report-detail__field {
  display: grid;
  grid-template-columns: minmax(7.5rem, 40%) 1fr;
  gap: 0.45rem 0.75rem;
  align-items: start;
  padding: 0.55rem 0;
  border-top: 1px solid color-mix(in srgb, var(--vs-border) 70%, transparent);
}

.page-pod-handovers-report .pod-report-detail__field:first-child {
  border-top: none;
  padding-top: 0;
}

.page-pod-handovers-report .pod-report-detail__field dt {
  color: var(--vs-text-muted);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.page-pod-handovers-report .pod-report-detail__field dd {
  margin: 0;
  font-size: 0.9rem;
  color: var(--vs-text);
  word-break: break-word;
}

.page-pod-handovers-report .pod-report-seal {
  display: inline-flex;
  align-items: center;
  padding: 0.16rem 0.55rem;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 700;
}

.page-pod-handovers-report .pod-report-seal.is-intact {
  background: color-mix(in srgb, #059669 14%, var(--vs-bg-muted));
  color: #047857;
}

.page-pod-handovers-report .pod-report-seal.is-other {
  background: color-mix(in srgb, #d97706 14%, var(--vs-bg-muted));
  color: #b45309;
}

.page-pod-handovers-report .pod-report-detail__remarks {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  padding: 0.9rem 1rem;
  border: 1px solid color-mix(in srgb, var(--pod-detail-accent) 18%, var(--vs-border));
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--pod-detail-accent) 5%, transparent);
}

.page-pod-handovers-report .pod-report-detail__remarks-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: 0.65rem;
  border: 1px solid color-mix(in srgb, var(--pod-detail-accent) 24%, var(--vs-border));
  color: var(--pod-detail-accent);
  font-size: 0.68rem;
  font-weight: 800;
}

.page-pod-handovers-report .pod-report-detail__remarks strong {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.84rem;
}

.page-pod-handovers-report .pod-report-detail__remarks p {
  margin: 0;
  color: var(--vs-text-muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .page-pod-handovers-report .pod-report-detail__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .page-pod-handovers-report .pod-report-detail__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .page-pod-handovers-report .pod-report-detail__summary {
    grid-template-columns: 1fr;
  }
}

.page-pod-handovers-report .pod-report-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 1rem;
  padding: 0.95rem 1.25rem;
  border-top: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
}

.page-pod-handovers-report .mgr-reports-pagination__btn {
  padding: 0.45rem 0.95rem;
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-card);
  color: var(--vs-text);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.page-pod-handovers-report .mgr-reports-pagination__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, #6366f1 40%, var(--vs-border));
  background: color-mix(in srgb, #6366f1 6%, var(--vs-bg-card));
}

.page-pod-handovers-report .mgr-reports-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.page-pod-handovers-report .mgr-reports-pagination__status {
  font-size: 0.86rem;
  color: var(--vs-text-muted);
}

@media (max-width: 720px) {
  .page-pod-handovers-report .mgr-tc-hero__actions {
    width: 100%;
  }

  .page-pod-handovers-report .mgr-tc-hero__actions .vs-btn {
    flex: 1;
  }
}

/* Delivered trips report — tracking controller */
.page-delivered-trips-report {
  gap: 1rem;
}

.page-delivered-trips-report .dt-report-workflow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border: 1px solid color-mix(in srgb, #059669 18%, var(--vs-border));
  border-radius: 0.9rem;
  background: color-mix(in srgb, #059669 5%, var(--vs-bg-card));
}

.page-delivered-trips-report .dt-report-workflow__item {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-delivered-trips-report .dt-report-workflow__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, #059669 14%, transparent);
  color: #047857;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.page-delivered-trips-report .dt-report-filters {
  border-color: color-mix(in srgb, #059669 16%, var(--vs-border));
}

.page-delivered-trips-report .dt-report-filters__head {
  margin-bottom: 0.95rem;
}

.page-delivered-trips-report .dt-report-filters__head h3 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
}

.page-delivered-trips-report .dt-report-filters__head p {
  margin: 0;
  color: var(--vs-text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.page-delivered-trips-report .dt-report-filters__run {
  min-width: 8.5rem;
}

.page-delivered-trips-report .dt-report-loading {
  border: 1px solid var(--vs-border);
  border-radius: 14px;
  background: var(--vs-bg-card);
}

.page-delivered-trips-report .dt-report-empty {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  padding: 2.25rem 1.5rem;
  text-align: center;
}

.page-delivered-trips-report .dt-report-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  background: color-mix(in srgb, #059669 12%, transparent);
  color: #047857;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.page-delivered-trips-report .dt-report-empty h3 {
  margin: 0;
  font-size: 1.05rem;
}

.page-delivered-trips-report .dt-report-empty p {
  margin: 0;
  max-width: 30rem;
  color: var(--vs-text-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.page-delivered-trips-report .dt-report-toolbar {
  border-color: color-mix(in srgb, #059669 14%, var(--vs-border));
}

.page-delivered-trips-report .dt-report-panel {
  overflow: hidden;
}

.page-delivered-trips-report .dt-report-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border-bottom: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 45%, transparent);
}

.page-delivered-trips-report .dt-report-panel__head h3 {
  margin: 0;
  font-size: 0.98rem;
}

.page-delivered-trips-report .dt-report-panel__meta {
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-delivered-trips-report .dt-report-contract {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vs-accent) 10%, var(--vs-bg-muted));
  color: var(--vs-text);
  font-size: 0.82rem;
  font-weight: 600;
}

.page-delivered-trips-report .dt-report-delivered-date {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, #059669 12%, var(--vs-bg-muted));
  color: #047857;
  font-size: 0.82rem;
  font-weight: 600;
}

.page-delivered-trips-report .dt-report-notes {
  max-width: 14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-delivered-trips-report .dt-report-flag {
  display: inline-flex;
  align-items: center;
  padding: 0.16rem 0.5rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.page-delivered-trips-report .dt-report-flag.is-yes {
  background: color-mix(in srgb, #059669 14%, var(--vs-bg-muted));
  color: #047857;
}

.page-delivered-trips-report .dt-report-flag.is-no {
  background: color-mix(in srgb, var(--vs-text-muted) 12%, var(--vs-bg-muted));
  color: var(--vs-text-muted);
}

.page-delivered-trips-report .dt-report-table__action-col,
.page-dispatcher-delivered-trips-report .dt-report-table__action-col {
  width: 1%;
  min-width: 7.5rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

.page-delivered-trips-report .dt-report-row-export,
.page-dispatcher-delivered-trips-report .dt-report-row-export {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: none;
  padding: 0.3rem 0.75rem;
  font-size: 0.8rem;
  white-space: nowrap;
  flex-shrink: 0;
}

.page-delivered-trips-report .dt-report-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 1rem;
  padding: 0.95rem 1.25rem;
  border-top: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
}

.page-delivered-trips-report .mgr-reports-pagination__btn {
  padding: 0.45rem 0.95rem;
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-card);
  color: var(--vs-text);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.page-delivered-trips-report .mgr-reports-pagination__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, #059669 40%, var(--vs-border));
  background: color-mix(in srgb, #059669 6%, var(--vs-bg-card));
}

.page-delivered-trips-report .mgr-reports-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.page-delivered-trips-report .mgr-reports-pagination__status {
  font-size: 0.86rem;
  color: var(--vs-text-muted);
}

@media (max-width: 720px) {
  .page-delivered-trips-report .mgr-tc-hero__actions {
    width: 100%;
  }

  .page-delivered-trips-report .mgr-tc-hero__actions .vs-btn {
    flex: 1;
  }
}

/* Parked trucks report — tracking controller */
.page-parked-trucks-report {
  gap: 1rem;
}

.page-parked-trucks-report .pk-report-workflow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border: 1px solid color-mix(in srgb, #d68910 18%, var(--vs-border));
  border-radius: 0.9rem;
  background: color-mix(in srgb, #d68910 5%, var(--vs-bg-card));
}

.page-parked-trucks-report .pk-report-workflow__item {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-parked-trucks-report .pk-report-workflow__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, #d68910 14%, transparent);
  color: #b9770e;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.page-parked-trucks-report .pk-report-filters {
  border-color: color-mix(in srgb, #d68910 16%, var(--vs-border));
}

.page-parked-trucks-report .pk-report-filters__head {
  margin-bottom: 0.95rem;
}

.page-parked-trucks-report .pk-report-filters__head h3 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
}

.page-parked-trucks-report .pk-report-filters__head p {
  margin: 0;
  color: var(--vs-text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.page-parked-trucks-report .pk-report-filters__run {
  min-width: 8.5rem;
}

.page-parked-trucks-report .pk-report-loading {
  border: 1px solid var(--vs-border);
  border-radius: 14px;
  background: var(--vs-bg-card);
}

.page-parked-trucks-report .pk-report-empty {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  padding: 2.25rem 1.5rem;
  text-align: center;
}

.page-parked-trucks-report .pk-report-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  background: color-mix(in srgb, #d68910 12%, transparent);
  color: #b9770e;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.page-parked-trucks-report .pk-report-empty h3 {
  margin: 0;
  font-size: 1.05rem;
}

.page-parked-trucks-report .pk-report-empty p {
  margin: 0;
  max-width: 30rem;
  color: var(--vs-text-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.page-parked-trucks-report .pk-report-toolbar {
  border-color: color-mix(in srgb, #d68910 14%, var(--vs-border));
}

.page-parked-trucks-report .pk-report-panel {
  overflow: hidden;
}

.page-parked-trucks-report .pk-report-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border-bottom: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 45%, transparent);
}

.page-parked-trucks-report .pk-report-panel__head h3 {
  margin: 0;
  font-size: 0.98rem;
}

.page-parked-trucks-report .pk-report-panel__meta {
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-parked-trucks-report .pk-report-contract {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vs-accent) 10%, var(--vs-bg-muted));
  color: var(--vs-text);
  font-size: 0.82rem;
  font-weight: 600;
}

.page-parked-trucks-report .pk-report-date {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, #d68910 12%, var(--vs-bg-muted));
  color: #b9770e;
  font-size: 0.82rem;
  font-weight: 600;
}

.page-parked-trucks-report .pk-report-status-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.58rem;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

.page-parked-trucks-report .pk-report-status-pill.is-parked {
  background: color-mix(in srgb, #d68910 14%, var(--vs-bg-muted));
  color: #b9770e;
  text-transform: uppercase;
}

.page-parked-trucks-report .pk-report-status-pill.is-active {
  background: color-mix(in srgb, #059669 14%, var(--vs-bg-muted));
  color: #047857;
}

.page-parked-trucks-report .pk-report-status-pill.is-closed {
  background: color-mix(in srgb, var(--vs-text-muted) 12%, var(--vs-bg-muted));
  color: var(--vs-text-muted);
}

.page-parked-trucks-report .pk-report-status-pill.is-neutral {
  background: color-mix(in srgb, var(--vs-accent) 10%, var(--vs-bg-muted));
  color: var(--vs-text);
}

.page-parked-trucks-report .pk-report-table__action-col,
.page-manager-parked-trucks-report .pk-report-table__action-col {
  width: 8.5rem;
  text-align: right;
  white-space: nowrap;
}

.page-parked-trucks-report .pk-report-row-export,
.page-manager-parked-trucks-report .pk-report-row-export {
  padding: 0.3rem 0.7rem;
  font-size: 0.8rem;
}

.page-parked-trucks-report .pk-report-table tbody tr.is-clickable:hover .mgr-po-trip-id {
  background: color-mix(in srgb, #d68910 16%, var(--vs-bg-muted));
}

.page-parked-trucks-report .pk-report-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 1rem;
  padding: 0.95rem 1.25rem;
  border-top: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
}

.page-parked-trucks-report .mgr-reports-pagination__btn {
  padding: 0.45rem 0.95rem;
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-card);
  color: var(--vs-text);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.page-parked-trucks-report .mgr-reports-pagination__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, #d68910 40%, var(--vs-border));
  background: color-mix(in srgb, #d68910 6%, var(--vs-bg-card));
}

.page-parked-trucks-report .mgr-reports-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.page-parked-trucks-report .mgr-reports-pagination__status {
  font-size: 0.86rem;
  color: var(--vs-text-muted);
}

@media (max-width: 720px) {
  .page-parked-trucks-report .mgr-tc-hero__actions {
    width: 100%;
  }

  .page-parked-trucks-report .mgr-tc-hero__actions .vs-btn {
    flex: 1;
  }
}

/* Breakdowns report — tracking controller */
.page-breakdowns-report {
  gap: 1rem;
}

.page-breakdowns-report .bd-report-workflow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border: 1px solid color-mix(in srgb, #dc2626 18%, var(--vs-border));
  border-radius: 0.9rem;
  background: color-mix(in srgb, #dc2626 5%, var(--vs-bg-card));
}

.page-breakdowns-report .bd-report-workflow__item {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-breakdowns-report .bd-report-workflow__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, #dc2626 14%, transparent);
  color: #b91c1c;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.page-breakdowns-report .bd-report-filters {
  border-color: color-mix(in srgb, #dc2626 16%, var(--vs-border));
}

.page-breakdowns-report .bd-report-filters__head {
  margin-bottom: 0.95rem;
}

.page-breakdowns-report .bd-report-filters__head h3 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
}

.page-breakdowns-report .bd-report-filters__head p {
  margin: 0;
  color: var(--vs-text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.page-breakdowns-report .bd-report-filters__run {
  min-width: 8.5rem;
}

.page-breakdowns-report .bd-report-loading {
  border: 1px solid var(--vs-border);
  border-radius: 14px;
  background: var(--vs-bg-card);
}

.page-breakdowns-report .bd-report-empty {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  padding: 2.25rem 1.5rem;
  text-align: center;
}

.page-breakdowns-report .bd-report-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.85rem;
  background: color-mix(in srgb, #dc2626 12%, var(--vs-bg-muted));
  color: #b91c1c;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.page-breakdowns-report .bd-report-empty h3 {
  margin: 0;
  font-size: 1.05rem;
}

.page-breakdowns-report .bd-report-empty p {
  margin: 0;
  max-width: 28rem;
  color: var(--vs-text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.page-breakdowns-report .bd-report-toolbar {
  border-color: color-mix(in srgb, #dc2626 12%, var(--vs-border));
}

.page-breakdowns-report .bd-report-panel {
  border-color: color-mix(in srgb, #dc2626 12%, var(--vs-border));
}

.page-breakdowns-report .bd-report-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 0.95rem 1.15rem 0.75rem;
  border-bottom: 1px solid var(--vs-border);
}

.page-breakdowns-report .bd-report-panel__head h3 {
  margin: 0;
  font-size: 1rem;
}

.page-breakdowns-report .bd-report-panel__meta {
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-breakdowns-report .bd-report-id {
  font-weight: 700;
  color: #b91c1c;
  font-variant-numeric: tabular-nums;
}

.page-breakdowns-report .bd-report-status-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.58rem;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

.page-breakdowns-report .bd-report-status-pill.is-running {
  background: color-mix(in srgb, #dc2626 14%, var(--vs-bg-muted));
  color: #b91c1c;
}

.page-breakdowns-report .bd-report-status-pill.is-pending {
  background: color-mix(in srgb, #d97706 14%, var(--vs-bg-muted));
  color: #b45309;
}

.page-breakdowns-report .bd-report-status-pill.is-neutral {
  background: color-mix(in srgb, var(--vs-accent) 10%, var(--vs-bg-muted));
  color: var(--vs-text-muted);
}

.page-breakdowns-report .bd-report-verification {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.page-breakdowns-report .bd-report-verification.is-verified {
  background: color-mix(in srgb, #059669 14%, var(--vs-bg-muted));
  color: #047857;
}

.page-breakdowns-report .bd-report-verification.is-declined {
  background: color-mix(in srgb, #dc2626 12%, var(--vs-bg-muted));
  color: #b91c1c;
}

.page-breakdowns-report .bd-report-verification.is-neutral {
  background: color-mix(in srgb, var(--vs-accent) 10%, var(--vs-bg-muted));
  color: var(--vs-text-muted);
}

.page-breakdowns-report .bd-report-location {
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-breakdowns-report .bd-report-remarks {
  max-width: 14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-breakdowns-report .bd-report-table__action-col,
.page-dispatcher-breakdowns-report .bd-report-table__action-col {
  width: 1%;
  min-width: 7.5rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

.page-breakdowns-report .bd-report-row-export,
.page-dispatcher-breakdowns-report .bd-report-row-export {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: none;
  padding: 0.3rem 0.75rem;
  font-size: 0.8rem;
  white-space: nowrap;
  flex-shrink: 0;
}

.page-breakdowns-report .bd-report-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 1rem;
  padding: 0.95rem 1.25rem;
  border-top: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
}

.page-breakdowns-report .mgr-reports-pagination__btn {
  padding: 0.45rem 0.95rem;
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-card);
  color: var(--vs-text);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.page-breakdowns-report .mgr-reports-pagination__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, #dc2626 40%, var(--vs-border));
  background: color-mix(in srgb, #dc2626 6%, var(--vs-bg-card));
}

.page-breakdowns-report .mgr-reports-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.page-breakdowns-report .mgr-reports-pagination__status {
  font-size: 0.86rem;
  color: var(--vs-text-muted);
}

@media (max-width: 720px) {
  .page-breakdowns-report .mgr-tc-hero__actions {
    width: 100%;
  }

  .page-breakdowns-report .mgr-tc-hero__actions .vs-btn {
    flex: 1;
  }
}

/* Purchase order requisitions report — tracking controller */
.page-po-requisitions-report {
  gap: 1rem;
}

.page-po-requisitions-report .po-report-workflow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border: 1px solid color-mix(in srgb, #6366f1 18%, var(--vs-border));
  border-radius: 0.9rem;
  background: color-mix(in srgb, #6366f1 5%, var(--vs-bg-card));
}

.page-po-requisitions-report .po-report-workflow__item {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-po-requisitions-report .po-report-workflow__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, #6366f1 14%, transparent);
  color: #4f46e5;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.page-po-requisitions-report .po-report-filters {
  border-color: color-mix(in srgb, #6366f1 16%, var(--vs-border));
}

.page-po-requisitions-report .po-report-filters__head {
  margin-bottom: 0.95rem;
}

.page-po-requisitions-report .po-report-filters__head h3 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
}

.page-po-requisitions-report .po-report-filters__head p {
  margin: 0;
  color: var(--vs-text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.page-po-requisitions-report .po-report-filters__run {
  min-width: 8.5rem;
}

.page-po-requisitions-report .po-report-loading {
  border: 1px solid var(--vs-border);
  border-radius: 14px;
  background: var(--vs-bg-card);
}

.page-po-requisitions-report .po-report-empty {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  padding: 2.25rem 1.5rem;
  text-align: center;
}

.page-po-requisitions-report .po-report-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.85rem;
  background: color-mix(in srgb, #6366f1 12%, var(--vs-bg-muted));
  color: #4f46e5;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.page-po-requisitions-report .po-report-empty h3 {
  margin: 0;
  font-size: 1.05rem;
}

.page-po-requisitions-report .po-report-empty p {
  margin: 0;
  max-width: 28rem;
  color: var(--vs-text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.page-po-requisitions-report .po-report-toolbar,
.page-po-requisitions-report .po-report-panel {
  border-color: color-mix(in srgb, #6366f1 12%, var(--vs-border));
}

.page-po-requisitions-report .po-report-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 0.95rem 1.15rem 0.75rem;
  border-bottom: 1px solid var(--vs-border);
}

.page-po-requisitions-report .po-report-panel__head--count-only,
.page-route-eta-report .re-report-panel__head--count-only,
.page-dispatcher-report .po-report-panel__head--count-only,
.page-dispatcher-report .dsp-report-panel__head--count-only {
  justify-content: flex-end;
}

.page-po-requisitions-report .po-report-panel__head h3 {
  margin: 0;
  font-size: 1rem;
}

.page-po-requisitions-report .po-report-panel__meta {
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-po-requisitions-report .po-report-type {
  font-weight: 700;
  color: #4f46e5;
}

.page-po-requisitions-report .po-report-req-no {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.page-po-requisitions-report .po-report-amount {
  font-weight: 600;
  white-space: nowrap;
}

.page-po-requisitions-report .po-report-stage-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.58rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.page-po-requisitions-report .po-report-stage-pill.is-approved {
  background: color-mix(in srgb, #059669 14%, var(--vs-bg-muted));
  color: #047857;
}

.page-po-requisitions-report .po-report-stage-pill.is-pending {
  background: color-mix(in srgb, #d97706 14%, var(--vs-bg-muted));
  color: #b45309;
}

.page-po-requisitions-report .po-report-stage-pill.is-declined {
  background: color-mix(in srgb, #dc2626 12%, var(--vs-bg-muted));
  color: #b91c1c;
}

.page-po-requisitions-report .po-report-stage-pill.is-closed {
  background: color-mix(in srgb, #64748b 14%, var(--vs-bg-muted));
  color: #475569;
}

.page-po-requisitions-report .po-report-stage-pill.is-neutral {
  background: color-mix(in srgb, var(--vs-accent) 10%, var(--vs-bg-muted));
  color: var(--vs-text-muted);
}

.page-po-requisitions-report .po-report-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 1rem;
  padding: 0.95rem 1.25rem;
  border-top: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
}

.page-po-requisitions-report .mgr-reports-pagination__btn {
  padding: 0.45rem 0.95rem;
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-card);
  color: var(--vs-text);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.page-po-requisitions-report .mgr-reports-pagination__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, #6366f1 40%, var(--vs-border));
  background: color-mix(in srgb, #6366f1 6%, var(--vs-bg-card));
}

.page-po-requisitions-report .mgr-reports-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.page-po-requisitions-report .mgr-reports-pagination__status {
  font-size: 0.86rem;
  color: var(--vs-text-muted);
}

@media (max-width: 720px) {
  .page-po-requisitions-report .mgr-tc-hero__actions {
    width: 100%;
  }

  .page-po-requisitions-report .mgr-tc-hero__actions .vs-btn {
    flex: 1;
  }
}

/* Trip changes report — tracking controller */
.page-trip-changes-report {
  gap: 1rem;
}

.page-trip-changes-report .tc-changes-report-filters {
  border-color: color-mix(in srgb, var(--vs-accent) 18%, var(--vs-border));
}

.page-trip-changes-report .tc-changes-report-filters__head {
  margin-bottom: 0.95rem;
}

.page-trip-changes-report .tc-changes-report-filters__head h3 {
  margin: 0;
  font-size: 1rem;
}

.page-trip-changes-report .tc-changes-report-filters__run {
  min-width: 8.5rem;
}

.page-trip-changes-report .tc-changes-report-type-filter {
  flex: 1 1 100%;
  margin-top: 0.15rem;
  padding-top: 0.85rem;
  border-top: 1px solid color-mix(in srgb, var(--vs-accent) 10%, var(--vs-border));
}

.page-trip-changes-report .tc-changes-report-type-filter .reports-type-chip.is-selected {
  border-color: color-mix(in srgb, var(--vs-accent) 45%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-accent) 12%, var(--vs-bg-muted));
  color: var(--vs-accent);
}

.page-trip-changes-report .tc-changes-report-type-filter .reports-type-chip[data-type="Driver"].is-selected {
  border-color: color-mix(in srgb, #0284c7 45%, var(--vs-border));
  background: color-mix(in srgb, #0284c7 12%, var(--vs-bg-muted));
  color: #0369a1;
}

.page-trip-changes-report .tc-changes-report-type-filter .reports-type-chip[data-type="Escort"].is-selected {
  border-color: color-mix(in srgb, #6366f1 45%, var(--vs-border));
  background: color-mix(in srgb, #6366f1 12%, var(--vs-bg-muted));
  color: #4f46e5;
}

.page-trip-changes-report .tc-changes-report-type-filter .reports-type-chip[data-type="Horse"].is-selected {
  border-color: color-mix(in srgb, #d97706 45%, var(--vs-border));
  background: color-mix(in srgb, #d97706 12%, var(--vs-bg-muted));
  color: #b45309;
}

.page-trip-changes-report .tc-changes-report-type-filter .reports-type-chip[data-type="TrackingUnit"].is-selected {
  border-color: color-mix(in srgb, #0891b2 45%, var(--vs-border));
  background: color-mix(in srgb, #0891b2 12%, var(--vs-bg-muted));
  color: #0e7490;
}

.page-trip-changes-report .tc-changes-report-type-filter .reports-type-chip[data-type="ExtendDays"].is-selected {
  border-color: color-mix(in srgb, #059669 45%, var(--vs-border));
  background: color-mix(in srgb, #059669 12%, var(--vs-bg-muted));
  color: #047857;
}

.page-trip-changes-report .tc-changes-report-loading {
  border: 1px solid var(--vs-border);
  border-radius: 14px;
  background: var(--vs-bg-card);
}

.page-trip-changes-report .tc-changes-report-empty {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  padding: 2.25rem 1.5rem;
  text-align: center;
  border-color: color-mix(in srgb, var(--vs-accent) 14%, var(--vs-border));
}

.page-trip-changes-report .tc-changes-report-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  background: color-mix(in srgb, var(--vs-accent) 12%, var(--vs-bg-muted));
  color: var(--vs-accent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.page-trip-changes-report .tc-changes-report-empty h3 {
  margin: 0;
  font-size: 1.05rem;
}

.page-trip-changes-report .tc-changes-report-empty p {
  margin: 0;
  max-width: 28rem;
  color: var(--vs-text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.page-trip-changes-report .tc-changes-report-toolbar,
.page-trip-changes-report .tc-changes-report-panel {
  border-color: color-mix(in srgb, var(--vs-accent) 12%, var(--vs-border));
}

.page-trip-changes-report .tc-changes-report-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 0.95rem 1.15rem 0.75rem;
  border-bottom: 1px solid var(--vs-border);
}

.page-trip-changes-report .tc-changes-report-panel__head h3 {
  margin: 0;
  font-size: 1rem;
}

.page-trip-changes-report .tc-changes-report-panel__meta {
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-trip-changes-report .tc-changes-report-type {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.58rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

.page-trip-changes-report .tc-changes-report-type.is-driver {
  background: color-mix(in srgb, #0284c7 14%, var(--vs-bg-muted));
  color: #0369a1;
}

.page-trip-changes-report .tc-changes-report-type.is-escort {
  background: color-mix(in srgb, #6366f1 14%, var(--vs-bg-muted));
  color: #4f46e5;
}

.page-trip-changes-report .tc-changes-report-type.is-horse {
  background: color-mix(in srgb, #d97706 14%, var(--vs-bg-muted));
  color: #b45309;
}

.page-trip-changes-report .tc-changes-report-type.is-tracking {
  background: color-mix(in srgb, #0891b2 14%, var(--vs-bg-muted));
  color: #0e7490;
}

.page-trip-changes-report .tc-changes-report-type.is-extend {
  background: color-mix(in srgb, #059669 14%, var(--vs-bg-muted));
  color: #047857;
}

.page-trip-changes-report .tc-changes-report-type.is-neutral {
  background: color-mix(in srgb, var(--vs-accent) 10%, var(--vs-bg-muted));
  color: var(--vs-text-muted);
}

.page-trip-changes-report .tc-changes-report-value-change {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 9rem;
  max-width: 14rem;
}

.page-trip-changes-report .tc-changes-report-value-change__from,
.page-trip-changes-report .tc-changes-report-value-change__to {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.84rem;
  line-height: 1.35;
}

.page-trip-changes-report .tc-changes-report-value-change__from {
  color: var(--vs-text-muted);
  text-decoration: line-through;
  text-decoration-color: color-mix(in srgb, var(--vs-text-muted) 45%, transparent);
}

.page-trip-changes-report .tc-changes-report-value-change__to {
  color: var(--vs-text);
  font-weight: 600;
}

.page-trip-changes-report .tc-changes-report-value-change__arrow {
  color: var(--vs-accent);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
}

.page-trip-changes-report .tc-changes-report-changed-by {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vs-accent) 8%, var(--vs-bg-muted));
  color: var(--vs-text);
  font-size: 0.82rem;
  font-weight: 600;
  white-space: nowrap;
}

.page-trip-changes-report .tc-changes-report-location,
.page-trip-changes-report .tc-changes-report-reason {
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-trip-changes-report .tc-changes-report-table__action-col {
  width: 8.5rem;
  text-align: right;
  white-space: nowrap;
}

.page-trip-changes-report .tc-changes-report-row-export {
  padding: 0.3rem 0.7rem;
  font-size: 0.8rem;
}

.page-trip-changes-report .tc-changes-report-table tbody tr:hover {
  background: color-mix(in srgb, var(--vs-accent) 4%, var(--vs-bg-card));
}

.page-trip-changes-report .tc-changes-report-table tbody tr:hover .mgr-po-trip-id {
  background: color-mix(in srgb, var(--vs-accent) 16%, var(--vs-bg-muted));
}

.page-trip-changes-report .tc-changes-report-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 1rem;
  padding: 0.95rem 1.25rem;
  border-top: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
}

.page-trip-changes-report .mgr-reports-pagination__btn {
  padding: 0.45rem 0.95rem;
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-card);
  color: var(--vs-text);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.page-trip-changes-report .mgr-reports-pagination__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--vs-accent) 40%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-accent) 6%, var(--vs-bg-card));
}

.page-trip-changes-report .mgr-reports-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.page-trip-changes-report .mgr-reports-pagination__status {
  font-size: 0.86rem;
  color: var(--vs-text-muted);
}

@media (max-width: 720px) {
  .page-trip-changes-report .mgr-tc-hero__actions {
    width: 100%;
  }

  .page-trip-changes-report .mgr-tc-hero__actions .vs-btn {
    flex: 1;
  }

  .page-trip-changes-report .tc-changes-report-value-change {
    min-width: 7rem;
    max-width: 10rem;
  }
}

/* Dispatcher requisitions report — portal accent + register polish */
.page-dispatcher-requisitions-report.page-po-requisitions-report {
  gap: 1rem;
}

.page-dispatcher-requisitions-report .po-report-filters,
.page-dispatcher-requisitions-report .po-report-toolbar,
.page-dispatcher-requisitions-report .po-report-panel,
.page-dispatcher-requisitions-report .po-report-loading,
.page-dispatcher-requisitions-report .po-report-empty {
  border-color: color-mix(in srgb, var(--dsp-report-accent) 14%, var(--vs-border));
}

.page-dispatcher-requisitions-report .po-report-empty__icon {
  background: color-mix(in srgb, var(--dsp-report-accent) 12%, var(--vs-bg-muted));
  color: var(--dsp-report-accent-dark);
}

.page-dispatcher-requisitions-report .po-report-type,
.page-dispatcher-requisitions-report .po-report-type-chip.is-trip {
  color: var(--dsp-report-accent-dark);
}

.page-dispatcher-requisitions-report .mgr-reports-pagination__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--vs-accent) 40%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-accent) 6%, var(--vs-bg-card));
}

.page-po-requisitions-report .po-report-panel__eyebrow,
.page-dispatcher-requisitions-report .po-report-panel__eyebrow {
  margin: 0 0 0.2rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vs-text-muted);
}

.page-po-requisitions-report .po-report-count-badge,
.page-dispatcher-requisitions-report .po-report-count-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--vs-accent) 22%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-accent) 8%, var(--vs-bg-card));
  color: var(--vs-accent);
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}

.page-po-requisitions-report .po-report-table-wrap,
.page-dispatcher-requisitions-report .po-report-table-wrap {
  border-top: 1px solid var(--vs-border);
}

.page-po-requisitions-report .po-report-table thead th,
.page-dispatcher-requisitions-report .po-report-table thead th {
  background: color-mix(in srgb, var(--vs-accent) 5%, var(--vs-bg-muted));
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.page-po-requisitions-report .po-report-row:hover,
.page-dispatcher-requisitions-report .po-report-row:hover {
  background: color-mix(in srgb, var(--vs-accent) 4%, var(--vs-bg-card));
}

.page-po-requisitions-report .po-report-type-chip,
.page-dispatcher-requisitions-report .po-report-type-chip {
  display: inline-flex;
  align-items: center;
  max-width: 11rem;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--vs-accent) 18%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-accent) 8%, var(--vs-bg-card));
  color: var(--vs-accent);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
}

.page-po-requisitions-report .po-report-type-chip.is-extra,
.page-dispatcher-requisitions-report .po-report-type-chip.is-extra {
  border-color: color-mix(in srgb, #7c3aed 22%, var(--vs-border));
  background: color-mix(in srgb, #7c3aed 8%, var(--vs-bg-card));
  color: #6d28d9;
}

.page-po-requisitions-report .po-report-type-chip.is-expense,
.page-dispatcher-requisitions-report .po-report-type-chip.is-expense {
  border-color: color-mix(in srgb, #0284c7 22%, var(--vs-border));
  background: color-mix(in srgb, #0284c7 8%, var(--vs-bg-card));
  color: #0369a1;
}

.page-po-requisitions-report .po-report-type-chip.is-neutral,
.page-dispatcher-requisitions-report .po-report-type-chip.is-neutral {
  border-color: var(--vs-border);
  background: var(--vs-bg-muted);
  color: var(--vs-text-muted);
}

.page-po-requisitions-report .po-report-reference,
.page-dispatcher-requisitions-report .po-report-reference {
  font-weight: 600;
}

.page-po-requisitions-report .po-report-approver,
.page-dispatcher-requisitions-report .po-report-approver {
  font-weight: 600;
}

.page-po-requisitions-report .po-report-empty-value,
.page-dispatcher-requisitions-report .po-report-empty-value {
  color: var(--vs-text-muted);
  opacity: 0.65;
}

.page-po-requisitions-report .po-report-date,
.page-dispatcher-requisitions-report .po-report-date {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* Dispatcher operational period reports (POD, delivered, breakdowns, trip handover forms) */
.page-dispatcher-pod-handovers-report,
.page-dispatcher-delivered-trips-report,
.page-dispatcher-breakdowns-report,
.page-dispatcher-trip-handover-forms {
  gap: 1rem;
}

.page-dispatcher-pod-handovers-report .po-report-filters,
.page-dispatcher-pod-handovers-report .po-report-toolbar,
.page-dispatcher-pod-handovers-report .po-report-panel,
.page-dispatcher-pod-handovers-report .po-report-empty,
.page-dispatcher-delivered-trips-report .po-report-filters,
.page-dispatcher-delivered-trips-report .po-report-toolbar,
.page-dispatcher-delivered-trips-report .po-report-panel,
.page-dispatcher-delivered-trips-report .po-report-empty,
.page-dispatcher-breakdowns-report .po-report-filters,
.page-dispatcher-breakdowns-report .po-report-toolbar,
.page-dispatcher-breakdowns-report .po-report-panel,
.page-dispatcher-breakdowns-report .po-report-empty,
.page-dispatcher-trip-handover-forms .po-report-filters,
.page-dispatcher-trip-handover-forms .po-report-panel,
.page-dispatcher-trip-handover-forms .po-report-empty {
  border-color: color-mix(in srgb, var(--dsp-report-accent) 14%, var(--vs-border));
}

.page-dispatcher-pod-handovers-report .po-report-empty__icon,
.page-dispatcher-delivered-trips-report .po-report-empty__icon,
.page-dispatcher-breakdowns-report .po-report-empty__icon,
.page-dispatcher-trip-handover-forms .po-report-empty__icon {
  background: color-mix(in srgb, var(--dsp-report-accent) 12%, var(--vs-bg-muted));
  color: var(--dsp-report-accent-dark);
}

.page-dispatcher-pod-handovers-report .mgr-reports-pagination__btn:hover:not(:disabled),
.page-dispatcher-delivered-trips-report .mgr-reports-pagination__btn:hover:not(:disabled),
.page-dispatcher-breakdowns-report .mgr-reports-pagination__btn:hover:not(:disabled),
.page-dispatcher-trip-handover-forms .mgr-reports-pagination__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--dsp-report-accent) 40%, var(--vs-border));
  background: color-mix(in srgb, var(--dsp-report-accent) 6%, var(--vs-bg-card));
}

.page-dispatcher-pod-handovers-report .po-report-table-wrap,
.page-dispatcher-delivered-trips-report .po-report-table-wrap,
.page-dispatcher-breakdowns-report .po-report-table-wrap,
.page-dispatcher-trip-handover-forms .po-report-table-wrap {
  border-top: 1px solid var(--vs-border);
}

.page-dispatcher-pod-handovers-report .po-report-table thead th,
.page-dispatcher-delivered-trips-report .po-report-table thead th,
.page-dispatcher-breakdowns-report .po-report-table thead th,
.page-dispatcher-trip-handover-forms .po-report-table thead th {
  background: color-mix(in srgb, var(--dsp-report-accent) 5%, var(--vs-bg-muted));
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.page-dispatcher-pod-handovers-report .po-report-row:hover,
.page-dispatcher-delivered-trips-report .po-report-row:hover,
.page-dispatcher-breakdowns-report .po-report-row:hover,
.page-dispatcher-trip-handover-forms .po-report-row:hover {
  background: color-mix(in srgb, var(--dsp-report-accent) 4%, var(--vs-bg-card));
}

.page-dispatcher-pod-handovers-report .po-report-count-badge,
.page-dispatcher-delivered-trips-report .po-report-count-badge,
.page-dispatcher-breakdowns-report .po-report-count-badge,
.page-dispatcher-trip-handover-forms .po-report-count-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--dsp-report-accent) 22%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-accent) 8%, var(--vs-bg-card));
  color: var(--vs-accent);
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}

.page-dispatcher-pod-handovers-report .po-report-panel__eyebrow,
.page-dispatcher-delivered-trips-report .po-report-panel__eyebrow,
.page-dispatcher-breakdowns-report .po-report-panel__eyebrow {
  margin: 0 0 0.2rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vs-text-muted);
}

.page-dispatcher-pod-handovers-report .dsp-op-report-scope {
  margin: 0.15rem 0 0;
  font-size: 0.82rem;
  color: var(--vs-text-muted);
  line-height: 1.4;
}

.page-dispatcher-pod-handovers-report .po-report-empty-value,
.page-dispatcher-delivered-trips-report .po-report-empty-value,
.page-dispatcher-breakdowns-report .po-report-empty-value {
  color: var(--vs-text-muted);
  opacity: 0.65;
}

.page-dispatcher-pod-handovers-report .po-report-date,
.page-dispatcher-delivered-trips-report .po-report-date,
.page-dispatcher-breakdowns-report .po-report-date {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.page-dispatcher-pod-handovers-report .pod-report-flag,
.page-dispatcher-pod-handovers-report .pod-report-status-pill,
.page-dispatcher-breakdowns-report .bd-report-status-pill,
.page-dispatcher-breakdowns-report .bd-report-verification {
  display: inline-flex;
  align-items: center;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  border: 1px solid var(--vs-border);
  background: var(--vs-bg-muted);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
}

.page-dispatcher-pod-handovers-report .pod-report-flag.is-yes {
  border-color: color-mix(in srgb, var(--vs-success) 28%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-success) 10%, var(--vs-bg-card));
  color: var(--vs-success);
}

.page-dispatcher-pod-handovers-report .pod-report-flag.is-no {
  border-color: color-mix(in srgb, var(--vs-warning) 28%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-warning) 10%, var(--vs-bg-card));
  color: var(--vs-warning);
}

.page-dispatcher-pod-handovers-report .pod-report-status-pill.is-completed {
  border-color: color-mix(in srgb, var(--vs-success) 28%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-success) 10%, var(--vs-bg-card));
  color: var(--vs-success);
}

.page-dispatcher-pod-handovers-report .pod-report-status-pill.is-pending {
  border-color: color-mix(in srgb, var(--vs-warning) 28%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-warning) 10%, var(--vs-bg-card));
  color: var(--vs-warning);
}

.page-dispatcher-breakdowns-report .bd-report-status-pill.is-running {
  border-color: color-mix(in srgb, var(--vs-danger) 28%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-danger) 10%, var(--vs-bg-card));
  color: var(--vs-danger);
}

.page-dispatcher-breakdowns-report .bd-report-status-pill.is-pending {
  border-color: color-mix(in srgb, var(--vs-warning) 28%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-warning) 10%, var(--vs-bg-card));
  color: var(--vs-warning);
}

.page-dispatcher-breakdowns-report .bd-report-verification.is-verified {
  border-color: color-mix(in srgb, var(--vs-success) 28%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-success) 10%, var(--vs-bg-card));
  color: var(--vs-success);
}

.page-dispatcher-breakdowns-report .bd-report-verification.is-declined {
  border-color: color-mix(in srgb, var(--vs-danger) 28%, var(--vs-border));
  background: color-mix(in srgb, var(--vs-danger) 10%, var(--vs-bg-card));
  color: var(--vs-danger);
}

.page-dispatcher-breakdowns-report .bd-report-id {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--vs-accent);
}

.page-dispatcher-trip-handover-forms .dsp-trip-handover-forms__quick {
  margin-top: 0;
}

.page-dispatcher-trip-handover-forms .thf-report-dispatched-by {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.78rem;
  color: var(--vs-text-muted);
}

.page-dispatcher-trip-handover-forms .thf-report-table__action-col {
  width: 1%;
  min-width: 7.5rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

.page-dispatcher-trip-handover-forms .thf-report-row-export {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: none;
  padding: 0.3rem 0.75rem;
  font-size: 0.8rem;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Client tracking report — tracking controller */
.page-client-tracking-report {
  gap: 1rem;
  --ct-report-accent: var(--vs-accent);
}

.page-client-tracking-report .ct-report-filters {
  border-color: color-mix(in srgb, var(--ct-report-accent) 16%, var(--vs-border));
}

.page-client-tracking-report .ct-report-filters__head {
  margin-bottom: 0.75rem;
}

.page-client-tracking-report .ct-report-filters__head h3 {
  margin: 0;
  font-size: 1rem;
}

.page-client-tracking-report .ct-report-filters .reports-filters__modes {
  margin-bottom: 1rem;
}

.page-client-tracking-report .ct-report-filters__fields {
  display: grid;
  grid-template-columns: minmax(11rem, 1fr) minmax(16rem, 2.25fr) minmax(10rem, 1fr) minmax(10rem, 1fr) auto;
  gap: 0.85rem 1rem;
  align-items: end;
}

.page-client-tracking-report .ct-report-filters__fields--single-day {
  grid-template-columns: minmax(11rem, 1fr) minmax(16rem, 2.25fr) minmax(10rem, 1fr) auto;
}

.page-client-tracking-report .ct-report-filters__fields .reports-field {
  min-width: 0;
  margin: 0;
  flex: unset;
  max-width: none;
}

.page-client-tracking-report .ct-report-filters__fields .reports-field .vs-input,
.page-client-tracking-report .ct-report-filters__fields .reports-field select.vs-input,
.page-client-tracking-report .ct-report-filters__fields .reports-field input[type="date"] {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.page-client-tracking-report .ct-report-filters__fields .reports-field select.vs-input {
  text-overflow: ellipsis;
}

.page-client-tracking-report .ct-report-filters__run {
  min-width: 9rem;
  margin-left: 0;
  justify-self: end;
  align-self: end;
  white-space: nowrap;
}

@media (max-width: 960px) {
  .page-client-tracking-report .ct-report-filters__fields,
  .page-client-tracking-report .ct-report-filters__fields--single-day {
    grid-template-columns: 1fr 1fr;
  }

  .page-client-tracking-report .ct-report-filters__fields .reports-field:nth-child(1),
  .page-client-tracking-report .ct-report-filters__fields .reports-field:nth-child(2) {
    grid-column: 1 / -1;
  }

  .page-client-tracking-report .ct-report-filters__run {
    grid-column: 1 / -1;
    justify-self: stretch;
  }
}

@media (max-width: 720px) {
  .page-client-tracking-report .ct-report-filters__fields,
  .page-client-tracking-report .ct-report-filters__fields--single-day {
    grid-template-columns: 1fr;
  }

  .page-client-tracking-report .ct-report-filters__fields .reports-field:nth-child(1),
  .page-client-tracking-report .ct-report-filters__fields .reports-field:nth-child(2) {
    grid-column: auto;
  }
}

.page-client-tracking-report .ct-report-loading {
  border: 1px solid var(--vs-border);
  border-radius: 14px;
  background: var(--vs-bg-card);
}

.page-client-tracking-report .ct-report-empty {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  padding: 2.25rem 1.5rem;
  text-align: center;
}

.page-client-tracking-report .ct-report-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  background: color-mix(in srgb, var(--ct-report-accent) 12%, transparent);
  color: var(--ct-report-accent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.page-client-tracking-report .ct-report-empty h3 {
  margin: 0;
  font-size: 1.05rem;
}

.page-client-tracking-report .ct-report-empty p {
  margin: 0;
  max-width: 34rem;
  color: var(--vs-text-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.page-client-tracking-report .ct-report-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.85rem 1.25rem;
  border-color: color-mix(in srgb, var(--ct-report-accent) 14%, var(--vs-border));
}

.page-client-tracking-report .ct-report-toolbar__summary {
  flex: 1 1 14rem;
}

.page-client-tracking-report .ct-report-toolbar__export {
  min-width: 9.5rem;
}

.page-client-tracking-report .reports-toolbar {
  border-color: color-mix(in srgb, var(--ct-report-accent) 14%, var(--vs-border));
}

.page-client-tracking-report .ct-report-panel {
  overflow: hidden;
  border-color: color-mix(in srgb, var(--ct-report-accent) 16%, var(--vs-border));
}

.page-client-tracking-report .ct-report-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border-bottom: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 45%, transparent);
}

.page-client-tracking-report .ct-report-panel__head h3 {
  margin: 0;
  font-size: 0.98rem;
}

.page-client-tracking-report .ct-report-panel__meta {
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-client-tracking-report .ct-report-breakdown-detail {
  display: block;
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #c05600;
  font-size: 0.82rem;
  font-weight: 600;
}

.page-client-tracking-report .ct-report-status-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.58rem;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

.page-client-tracking-report .ct-report-status-pill.is-enroute {
  background: color-mix(in srgb, #059669 14%, var(--vs-bg-muted));
  color: #047857;
}

.page-client-tracking-report .ct-report-status-pill.is-delivered {
  background: color-mix(in srgb, var(--ct-report-accent) 14%, var(--vs-bg-muted));
  color: var(--ct-report-accent);
}

.page-client-tracking-report .ct-report-status-pill.is-parked {
  background: color-mix(in srgb, #d97706 14%, var(--vs-bg-muted));
  color: #b45309;
}

.page-client-tracking-report .ct-report-status-pill.is-neutral {
  background: color-mix(in srgb, var(--vs-text-muted) 12%, var(--vs-bg-muted));
  color: var(--vs-text-muted);
}

.page-client-tracking-report .ct-report-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 1rem;
  padding: 0.95rem 1.25rem;
  border-top: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
}

.page-client-tracking-report .ct-report-pagination .mgr-reports-pagination__btn {
  padding: 0.45rem 0.95rem;
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-card);
  color: var(--vs-text);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.page-client-tracking-report .ct-report-pagination .mgr-reports-pagination__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--ct-report-accent) 40%, var(--vs-border));
  background: color-mix(in srgb, var(--ct-report-accent) 6%, var(--vs-bg-card));
}

.page-client-tracking-report .ct-report-pagination .mgr-reports-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.page-client-tracking-report .ct-report-pagination .mgr-reports-pagination__status {
  font-size: 0.86rem;
  color: var(--vs-text-muted);
}

.page-client-tracking-report .ct-report-hero__stats .mgr-contracts-hero__stat strong {
  color: var(--ct-report-accent);
}

@media (max-width: 720px) {
  .page-client-tracking-report .ct-report-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .page-client-tracking-report .ct-report-filters__run {
    margin-left: 0;
    width: 100%;
  }
}

/* Route ETA report — manager and dispatcher */
.page-route-eta-report {
  gap: 1rem;
}

.page-route-eta-report .re-report-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 1.25rem;
  padding: 1.35rem 1.45rem;
  border: 1px solid color-mix(in srgb, #d97706 22%, var(--vs-border));
  border-radius: 18px;
  background:
    radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, #d97706 14%, transparent), transparent 55%),
    linear-gradient(145deg, color-mix(in srgb, #d97706 6%, var(--vs-bg-card)), var(--vs-bg-card));
  box-shadow: var(--vs-shadow-sm);
}

.page-route-eta-report .re-report-hero__glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 88% 12%, color-mix(in srgb, #d97706 10%, transparent), transparent 42%);
}

.page-route-eta-report .re-report-hero__copy {
  position: relative;
  z-index: 1;
  flex: 1 1 28rem;
  min-width: 0;
}

.page-route-eta-report .re-report-hero__intro {
  display: flex;
  align-items: flex-start;
  gap: 0.95rem;
}

.page-route-eta-report .re-report-hero__icon {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 0.85rem;
  background: color-mix(in srgb, #d97706 14%, var(--vs-bg-muted));
  color: #b45309;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.page-route-eta-report .re-report-hero__eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #b45309;
}

.page-route-eta-report .re-report-hero__lead {
  margin: 0.55rem 0 0;
  max-width: 42rem;
  color: var(--vs-text-muted);
  font-size: 0.92rem;
  line-height: 1.55;
}

.page-route-eta-report .re-report-hero__badge {
  background: color-mix(in srgb, #fef3c7 72%, var(--vs-bg-card));
  color: #92400e;
  border: 1px solid color-mix(in srgb, #d97706 28%, transparent);
}

.page-route-eta-report .re-report-hero__stats {
  margin-top: 1rem;
}

.page-route-eta-report .re-report-hero__actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.page-route-eta-report .re-report-workflow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border: 1px solid color-mix(in srgb, #d97706 18%, var(--vs-border));
  border-radius: 0.9rem;
  background: color-mix(in srgb, #d97706 5%, var(--vs-bg-card));
}

.page-route-eta-report .re-report-workflow__item {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-route-eta-report .re-report-workflow__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, #d97706 14%, transparent);
  color: #92400e;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.page-route-eta-report .re-report-filters {
  border-color: color-mix(in srgb, #d97706 16%, var(--vs-border));
}

.page-route-eta-report .re-report-filters__head {
  margin-bottom: 0.95rem;
}

.page-route-eta-report .re-report-filters__head h3 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
}

.page-route-eta-report .re-report-filters__head p {
  margin: 0;
  color: var(--vs-text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.page-route-eta-report .re-report-filters__run {
  min-width: 8.5rem;
}

.page-route-eta-report .re-report-scope-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.4rem;
  padding: 0.45rem 0.85rem;
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-secondary);
  color: var(--vs-text-muted);
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.page-route-eta-report .re-report-scope-toggle.is-active {
  border-color: color-mix(in srgb, #d97706 35%, var(--vs-border));
  background: color-mix(in srgb, #fef3c7 55%, var(--vs-bg-card));
  color: #92400e;
}

.page-route-eta-report .re-report-scope-toggle input {
  accent-color: #d97706;
}

.page-route-eta-report .re-report-loading {
  border: 1px solid var(--vs-border);
  border-radius: 14px;
  background: var(--vs-bg-card);
}

.page-route-eta-report .re-report-empty {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  padding: 2.25rem 1.5rem;
  text-align: center;
}

.page-route-eta-report .re-report-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  background: color-mix(in srgb, #d97706 12%, transparent);
  color: #b45309;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.page-route-eta-report .re-report-empty h3 {
  margin: 0;
  font-size: 1.05rem;
}

.page-route-eta-report .re-report-empty p {
  margin: 0;
  max-width: 30rem;
  color: var(--vs-text-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.page-route-eta-report .re-report-toolbar {
  border-color: color-mix(in srgb, #d97706 14%, var(--vs-border));
}

.page-route-eta-report .re-report-toolbar__search {
  min-width: 16rem;
}

.page-route-eta-report .re-report-summary-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.page-route-eta-report .re-report-summary-stat {
  padding: 0.85rem 0.95rem;
  border: 1px solid color-mix(in srgb, var(--vs-border) 85%, transparent);
  border-radius: 0.85rem;
  background: var(--vs-bg-card);
  box-shadow: var(--vs-shadow-sm);
}

.page-route-eta-report .re-report-summary-stat--warn {
  border-color: color-mix(in srgb, #d97706 24%, var(--vs-border));
  background: color-mix(in srgb, #fef3c7 34%, var(--vs-bg-card));
}

.page-route-eta-report .re-report-summary-stat--ok {
  border-color: color-mix(in srgb, #059669 22%, var(--vs-border));
  background: color-mix(in srgb, #ecfdf5 55%, var(--vs-bg-card));
}

.page-route-eta-report .re-report-summary-stat__label {
  display: block;
  margin-bottom: 0.18rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--vs-text-muted);
}

.page-route-eta-report .re-report-summary-stat__value {
  display: block;
  font-size: 1.15rem;
  line-height: 1.2;
  color: var(--vs-text);
}

.page-route-eta-report .re-report-summary-stat--warn .re-report-summary-stat__value {
  color: #92400e;
}

.page-route-eta-report .re-report-summary-stat--ok .re-report-summary-stat__value {
  color: #047857;
}

.page-route-eta-report .re-report-panel {
  overflow: hidden;
  border-color: color-mix(in srgb, #d97706 14%, var(--vs-border));
}

.page-route-eta-report .re-report-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border-bottom: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 45%, transparent);
}

.page-route-eta-report .re-report-panel__eyebrow {
  margin: 0 0 0.2rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #b45309;
}

.page-route-eta-report .re-report-panel__head h3 {
  margin: 0;
  font-size: 0.98rem;
}

.page-route-eta-report .re-report-panel__meta {
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-route-eta-report .re-report-table-wrap {
  border-top: 1px solid var(--vs-border);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.page-route-eta-report .re-report-table {
  min-width: 72rem;
}

.page-route-eta-report .re-report-table__actions-col {
  position: sticky;
  right: 0;
  z-index: 2;
  width: 13.5rem;
  min-width: 13.5rem;
  text-align: right;
  white-space: nowrap;
  background: var(--vs-bg-card);
  box-shadow: -10px 0 14px -12px color-mix(in srgb, var(--vs-text) 28%, transparent);
}

.page-route-eta-report .re-report-table thead .re-report-table__actions-col {
  z-index: 3;
  background: color-mix(in srgb, #d97706 5%, var(--vs-bg-muted));
}

.page-route-eta-report .re-report-row-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.page-route-eta-report .re-report-row-export {
  white-space: nowrap;
}

.page-route-eta-report .re-report-table thead th {
  background: color-mix(in srgb, #d97706 5%, var(--vs-bg-muted));
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.page-route-eta-report .re-report-row:hover {
  background: color-mix(in srgb, #d97706 4%, var(--vs-bg-card));
}

.page-route-eta-report .re-report-row:hover .re-report-table__actions-col {
  background: color-mix(in srgb, #d97706 4%, var(--vs-bg-card));
}

.page-route-eta-report .re-report-row:hover .mgr-po-trip-id {
  background: color-mix(in srgb, #d97706 16%, var(--vs-bg-muted));
}

.page-route-eta-report .re-report-contract {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vs-accent) 10%, var(--vs-bg-muted));
  color: var(--vs-text);
  font-size: 0.82rem;
  font-weight: 600;
}

.page-route-eta-report .re-report-date {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
  font-size: 0.82rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.page-route-eta-report .re-report-date--extended {
  border: 1px solid color-mix(in srgb, #d97706 28%, transparent);
  background: color-mix(in srgb, #fef3c7 55%, var(--vs-bg-card));
  color: #92400e;
}

.page-route-eta-report .re-report-days-badge {
  display: inline-flex;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, #d97706 28%, transparent);
  background: color-mix(in srgb, #fef3c7 62%, var(--vs-bg-card));
  color: #92400e;
  font-size: 0.74rem;
  font-weight: 700;
  white-space: nowrap;
}

.page-route-eta-report .re-report-overdue-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.58rem;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

.page-route-eta-report .re-report-overdue-pill.is-exceeded {
  background: color-mix(in srgb, #d97706 14%, var(--vs-bg-muted));
  color: #b45309;
}

.page-route-eta-report .re-report-overdue-pill.is-on-track {
  background: color-mix(in srgb, #059669 14%, var(--vs-bg-muted));
  color: #047857;
}

.page-route-eta-report .re-report-empty-value {
  color: var(--vs-text-muted);
  opacity: 0.65;
}

.page-route-eta-report .re-report-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 1rem;
  padding: 0.95rem 1.25rem;
  border-top: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
}

.page-route-eta-report .mgr-reports-pagination__btn {
  padding: 0.45rem 0.95rem;
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-card);
  color: var(--vs-text);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.page-route-eta-report .mgr-reports-pagination__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, #d97706 40%, var(--vs-border));
  background: color-mix(in srgb, #d97706 6%, var(--vs-bg-card));
}

.page-route-eta-report .mgr-reports-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.page-route-eta-report .mgr-reports-pagination__status {
  font-size: 0.86rem;
  color: var(--vs-text-muted);
}

@media (max-width: 1100px) {
  .page-route-eta-report .re-report-summary-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .page-route-eta-report .re-report-hero {
    align-items: stretch;
  }

  .page-route-eta-report .re-report-hero__actions {
    width: 100%;
  }

  .page-route-eta-report .re-report-hero__actions .vs-btn {
    flex: 1;
  }

  .page-route-eta-report .reports-toolbar__actions {
    width: 100%;
  }

  .page-route-eta-report .re-report-toolbar__search {
    flex: 1 1 100%;
    min-width: 0;
  }

  .page-route-eta-report .re-report-summary-stats {
    grid-template-columns: 1fr;
  }
}

/* Dispatcher reports — shared hero, workflow, and polish (Route ETA amber theme) */
.page-dispatcher-report {
  gap: 1rem;
  --dsp-report-accent: #d97706;
  --dsp-report-accent-dark: #b45309;
  --dsp-report-accent-muted: #92400e;
}

.page-dispatcher-report .dsp-report-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 1.25rem;
  padding: 1.35rem 1.45rem;
  border: 1px solid color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 22%, var(--vs-border));
  border-radius: 18px;
  background:
    radial-gradient(ellipse 120% 90% at 100% 0%, color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 14%, transparent), transparent 55%),
    linear-gradient(145deg, color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 6%, var(--vs-bg-card)), var(--vs-bg-card));
  box-shadow: var(--vs-shadow-sm);
}

.page-dispatcher-report .dsp-report-hero__glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 10%, transparent), transparent 42%);
}

.page-dispatcher-report .dsp-report-hero__copy {
  position: relative;
  z-index: 1;
  flex: 1 1 28rem;
  min-width: 0;
}

.page-dispatcher-report .dsp-report-hero__intro {
  display: flex;
  align-items: flex-start;
  gap: 0.95rem;
}

.page-dispatcher-report .dsp-report-hero__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--dsp-report-accent) 14%, var(--vs-bg-muted));
  color: var(--dsp-report-accent-dark);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.page-dispatcher-report .dsp-report-hero__eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dsp-report-accent-dark);
}

.page-dispatcher-report .dsp-report-hero__lead {
  margin: 0.55rem 0 0;
  max-width: 42rem;
  color: var(--vs-text-muted);
  font-size: 0.92rem;
  line-height: 1.55;
}

.page-dispatcher-report .dsp-report-hero__badge {
  background: color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 12%, var(--vs-bg-card));
  color: color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 88%, #000);
  border: 1px solid color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 28%, transparent);
}

.page-dispatcher-report .dsp-report-hero__stats {
  margin-top: 1rem;
}

.page-dispatcher-report .dsp-report-hero__actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.page-dispatcher-report .dsp-report-workflow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border: 1px solid color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 18%, var(--vs-border));
  border-radius: 0.9rem;
  background: color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 5%, var(--vs-bg-card));
}

.page-dispatcher-report .dsp-report-workflow__item {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.page-dispatcher-report .dsp-report-workflow__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--dsp-report-accent) 14%, transparent);
  color: var(--dsp-report-accent-muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.page-dispatcher-report.page-po-requisitions-report .po-report-filters {
  border-color: color-mix(in srgb, var(--dsp-report-accent) 16%, var(--vs-border));
}

.page-dispatcher-report.page-po-requisitions-report .po-report-empty__icon {
  background: color-mix(in srgb, var(--dsp-report-accent) 12%, var(--vs-bg-muted));
  color: var(--dsp-report-accent-dark);
}

.page-dispatcher-report.page-po-requisitions-report .po-report-type-chip {
  border-color: color-mix(in srgb, var(--dsp-report-accent) 18%, var(--vs-border));
  background: color-mix(in srgb, var(--dsp-report-accent) 8%, var(--vs-bg-card));
  color: var(--dsp-report-accent-dark);
}

.page-dispatcher-report .po-report-filters,
.page-dispatcher-report .dsp-trips-report__filters,
.page-dispatcher-report .dsp-trip-handover-forms__filters {
  border-color: color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 16%, var(--vs-border));
}

.page-dispatcher-report .po-report-toolbar,
.page-dispatcher-report .po-report-panel,
.page-dispatcher-report .dsp-report-panel {
  border-color: color-mix(in srgb, var(--dsp-report-accent) 14%, var(--vs-border));
}

.page-dispatcher-report.page-po-requisitions-report .po-report-toolbar,
.page-dispatcher-report.page-po-requisitions-report .po-report-panel,
.page-dispatcher-report.page-pod-handovers-report .po-report-toolbar,
.page-dispatcher-report.page-pod-handovers-report .po-report-panel,
.page-dispatcher-report.page-dispatcher-trips-report .po-report-toolbar,
.page-dispatcher-report.page-dispatcher-trips-report .po-report-panel,
.page-dispatcher-report.page-delivered-trips-report .po-report-toolbar,
.page-dispatcher-report.page-delivered-trips-report .po-report-panel {
  border-color: color-mix(in srgb, var(--dsp-report-accent) 14%, var(--vs-border));
}

.page-dispatcher-report .po-report-empty__icon,
.page-dispatcher-report .dsp-report-empty__icon {
  background: color-mix(in srgb, var(--dsp-report-accent) 12%, transparent);
  color: var(--dsp-report-accent-dark);
}

.page-dispatcher-report .dsp-report-summary-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.page-dispatcher-report .dsp-report-summary-stat {
  padding: 0.85rem 0.95rem;
  border: 1px solid color-mix(in srgb, var(--vs-border) 85%, transparent);
  border-radius: 0.85rem;
  background: var(--vs-bg-card);
  box-shadow: var(--vs-shadow-sm);
}

.page-dispatcher-report .dsp-report-summary-stat--accent {
  border-color: color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 24%, var(--vs-border));
  background: color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 8%, var(--vs-bg-card));
}

.page-dispatcher-report .dsp-report-summary-stat__label {
  display: block;
  margin-bottom: 0.18rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--vs-text-muted);
}

.page-dispatcher-report .dsp-report-summary-stat__value {
  display: block;
  font-size: 1.15rem;
  line-height: 1.2;
  color: var(--vs-text);
}

.page-dispatcher-report .dsp-report-summary-stat--accent .dsp-report-summary-stat__value {
  color: color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 88%, #000);
}

.page-dispatcher-report .dsp-report-loading,
.page-dispatcher-report .po-report-loading {
  border: 1px solid var(--vs-border);
  border-radius: 14px;
  background: var(--vs-bg-card);
}

.page-dispatcher-report .dsp-report-empty,
.page-dispatcher-report .po-report-empty {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  padding: 2.25rem 1.5rem;
  text-align: center;
}

.page-dispatcher-report .po-report-table thead th,
.page-dispatcher-report .dsp-report-table thead th,
.page-dispatcher-report.page-po-requisitions-report .po-report-table thead th {
  background: color-mix(in srgb, var(--dsp-report-accent) 5%, var(--vs-bg-muted));
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.page-dispatcher-report .po-report-row:hover,
.page-dispatcher-report .dsp-report-row:hover,
.page-dispatcher-report.page-po-requisitions-report .po-report-row:hover {
  background: color-mix(in srgb, var(--dsp-report-accent) 4%, var(--vs-bg-card));
}

.page-dispatcher-report .po-report-row:hover .mgr-po-trip-id,
.page-dispatcher-report .dsp-report-row:hover .mgr-po-trip-id,
.page-dispatcher-report.page-po-requisitions-report .po-report-row:hover .mgr-po-trip-id {
  background: color-mix(in srgb, var(--dsp-report-accent) 16%, var(--vs-bg-muted));
}

.page-dispatcher-report .mgr-reports-pagination__btn:hover:not(:disabled),
.page-dispatcher-report .mgr-enroute-pagination .vs-btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 40%, var(--vs-border));
  background: color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 6%, var(--vs-bg-card));
}

.page-dispatcher-report .dsp-trip-handover-forms__quick {
  border-color: color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 14%, var(--vs-border));
}

.page-dispatcher-report .dsp-report-panel {
  overflow: hidden;
}

.page-dispatcher-report .dsp-report-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border-bottom: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 45%, transparent);
}

.page-dispatcher-report .dsp-report-panel__eyebrow {
  margin: 0 0 0.2rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--dsp-report-accent, var(--vs-accent)) 88%, #000);
}

.page-dispatcher-report .dsp-report-panel__head h3 {
  margin: 0;
  font-size: 0.98rem;
}

.page-dispatcher-report .dsp-report-panel__meta {
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

@media (max-width: 1100px) {
  .page-dispatcher-report .dsp-report-summary-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .page-dispatcher-report .dsp-report-hero {
    align-items: stretch;
  }

  .page-dispatcher-report .dsp-report-hero__actions {
    width: 100%;
  }

  .page-dispatcher-report .dsp-report-hero__actions .vs-btn {
    flex: 1;
  }

  .page-dispatcher-report .dsp-report-summary-stats {
    grid-template-columns: 1fr;
  }
}

/* Checkpoint reports — no scanned / not-scanned summary strip */
.page-cr-report--checkpoint-history .reports-toolbar__summary {
  display: none !important;
}

.page-cr-report--checkpoint-history .reports-toolbar__actions--only {
  width: 100%;
  justify-content: flex-end;
}

/* Manager report tables — same panel/table/pagination design as the Route ETA report.
   Add `mgr-report-std` to the page root and reuse the re-report-* markup classes. */
.mgr-report-std .re-report-panel {
  overflow: hidden;
  border-color: color-mix(in srgb, #d97706 14%, var(--vs-border));
}

.mgr-report-std .re-report-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  padding: 0.95rem 1.15rem;
  border-bottom: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 45%, transparent);
}

.mgr-report-std .re-report-panel__head h3 {
  margin: 0;
  font-size: 0.98rem;
}

.mgr-report-std .re-report-panel__head--count-only {
  justify-content: flex-end;
}

.mgr-report-std .re-report-panel__meta {
  font-size: 0.84rem;
  color: var(--vs-text-muted);
}

.mgr-report-std .re-report-table-wrap {
  border-top: 1px solid var(--vs-border);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.mgr-report-std .re-report-table {
  min-width: 60rem;
}

.mgr-report-std .re-report-table thead th {
  background: color-mix(in srgb, #d97706 5%, var(--vs-bg-muted));
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.mgr-report-std .re-report-table__actions-col {
  position: sticky;
  right: 0;
  z-index: 2;
  text-align: right;
  white-space: nowrap;
  background: var(--vs-bg-card);
  box-shadow: -10px 0 14px -12px color-mix(in srgb, var(--vs-text) 28%, transparent);
}

.mgr-report-std .re-report-table thead .re-report-table__actions-col {
  z-index: 3;
  background: color-mix(in srgb, #d97706 5%, var(--vs-bg-muted));
}

.mgr-report-std .re-report-row-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.mgr-report-std .re-report-row-export {
  white-space: nowrap;
}

.mgr-report-std .re-report-row:hover {
  background: color-mix(in srgb, #d97706 4%, var(--vs-bg-card));
}

.mgr-report-std .re-report-row:hover .re-report-table__actions-col {
  background: color-mix(in srgb, #d97706 4%, var(--vs-bg-card));
}

.mgr-report-std .re-report-row:hover .mgr-po-trip-id {
  background: color-mix(in srgb, #d97706 16%, var(--vs-bg-muted));
}

.mgr-report-std .re-report-contract {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vs-accent) 10%, var(--vs-bg-muted));
  color: var(--vs-text);
  font-size: 0.82rem;
  font-weight: 600;
}

.mgr-report-std .re-report-date {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
  font-size: 0.82rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mgr-report-std .re-report-days-badge {
  display: inline-flex;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, #d97706 28%, transparent);
  background: color-mix(in srgb, #fef3c7 62%, var(--vs-bg-card));
  color: #92400e;
  font-size: 0.74rem;
  font-weight: 700;
  white-space: nowrap;
}

.mgr-report-std .re-report-amount {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mgr-report-std .re-report-stack {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.mgr-report-std .re-report-stack strong {
  font-size: 0.86rem;
}

.mgr-report-std .re-report-stack span {
  font-size: 0.76rem;
  color: var(--vs-text-muted);
}

.mgr-report-std .re-report-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 1rem;
  padding: 0.95rem 1.25rem;
  border-top: 1px solid var(--vs-border);
  background: color-mix(in srgb, var(--vs-bg) 55%, transparent);
}

.mgr-report-std .mgr-reports-pagination__btn {
  padding: 0.45rem 0.95rem;
  border: 1px solid var(--vs-border);
  border-radius: 999px;
  background: var(--vs-bg-card);
  color: var(--vs-text);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.mgr-report-std .mgr-reports-pagination__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, #d97706 40%, var(--vs-border));
  background: color-mix(in srgb, #d97706 6%, var(--vs-bg-card));
}

.mgr-report-std .mgr-reports-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.mgr-report-std .mgr-reports-pagination__status {
  font-size: 0.86rem;
  color: var(--vs-text-muted);
}