
#workshop-item-report .customer-header {
  padding-right: 430px;
}

#workshop-item-report .customer-header > .utility-actions.customer-actions {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  grid-template-columns: none;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: auto;
  min-width: 0;
  align-self: start;
}

#workshop-item-report .customer-header > .utility-actions.customer-actions .small-button {
  width: auto;
  min-width: 66px;
  padding: 8px 12px;
  white-space: nowrap;
}

.wipr-filters { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: flex-end; }
.wipr-filters label { display: flex; flex-direction: column; font-size: 11px; color: var(--muted, #5b6b85); gap: 3px; }
.wipr-filters input, .wipr-filters select { min-width: 120px; }
.wipr-quick { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
#wiprCards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#wiprCards .kpi-card-value { font-size: 24px; color: var(--brand, #061f9e); }
.wipr-grid table td.num, .wipr-grid table th.num,
.wipr-summaries table td.num, .wipr-summaries table th.num { text-align: right; font-variant-numeric: tabular-nums; }

#workshop-item-report.wipr-hide-cost .wipr-cost-col { display: none; }
.wipr-summaries {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin: 18px 0;
}
.wipr-summary-card { border: 1px solid var(--border, #e0e0e0); border-radius: 10px; background: #fff; padding: 12px 14px; }
.wipr-summary-card h3 { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: var(--text, #222); }
.wipr-totals {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 24px;
}
.wipr-total {
  display: flex; flex-direction: column; gap: 4px;
  padding: 12px 14px;
  border: 1px solid var(--border, #d6deea);
  border-radius: 10px;
  background: var(--page, #f4f7fb);
}
.wipr-total-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.03em; color: var(--muted, #5b6b85); }
.wipr-total-value { font-size: 22px; font-weight: 700; color: var(--brand, #061f9e); font-variant-numeric: tabular-nums; }
@media (max-width: 720px) {
  #wiprCards, .wipr-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


#workshop-item-report-host { display: contents; }
#workshop-item-report.wipr-active-fallback { display: block; }
body:has(#workshop-item-report.wipr-active-fallback) .dashboard { display: none; }
