/* IP Billing — Patient financial workspace (enterprise density) */
.ipb-workspace.eu-page {
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 1rem;
  min-width: 0;
  max-width: 100%;
}

.ipb-workspace .eu-page-header {
  margin-bottom: 0;
  gap: 0.5rem;
}

/* Patient context — size to content, full-width multi-column (override mdm .eu-meta-strip flex) */
.ipb-workspace__context .eu-meta-strip,
.ipb-workspace__context .eu-card.eu-meta-strip {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.55rem 0.75rem;
  box-sizing: border-box;
}

.ipb-workspace__context .eu-meta-strip__grid {
  display: grid;
  gap: 0.45rem 0.75rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  width: 100%;
}

.ipb-workspace__context .eu-meta-strip__label {
  margin-bottom: 0.1rem;
  font-size: 0.625rem;
}

.ipb-workspace__context .eu-meta-strip__value {
  font-size: 0.8125rem;
  line-height: 1.25;
}

/* Compact KPI strip — keep 4-up through laptop widths (override enterprise_ui ≤1200 2-col) */
.ipb-workspace__kpis .eu-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.5rem;
  margin: 0;
}

.ipb-workspace__kpis .eu-kpi {
  padding: 0.4rem 0.5rem;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.ipb-workspace__kpis .eu-kpi__header {
  margin-bottom: 0.15rem;
}

.ipb-workspace__kpis .eu-kpi__value {
  font-size: 1.05rem;
  line-height: 1.2;
}

.ipb-workspace__kpis .eu-kpi__hint {
  margin-top: 0.15rem;
  font-size: 0.65rem;
  line-height: 1.25;
}

.ipb-workspace__kpis .eu-kpi:hover {
  transform: none;
}

.ipb-workspace__kpis a.eu-kpi--link {
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ipb-workspace__kpis a.eu-kpi--link:hover,
.ipb-workspace__kpis a.eu-kpi--link:focus-visible {
  border-color: var(--eu-primary, #2563eb);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}

.ipb-workspace__kpis .eu-kpi--critical {
  border-color: #fca5a5;
  box-shadow: inset 3px 0 0 #dc2626;
}

/* Quick actions — one horizontal toolbar, not a tall card */
.ipb-workspace__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  padding: 0.45rem 0.65rem;
  border: 1px solid var(--eu-border, #e2e8f0);
  border-radius: 8px;
  background: var(--eu-surface, #fff);
}

.ipb-workspace__toolbar-label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--eu-text-muted, #64748b);
  margin-right: 0.15rem;
}

.ipb-workspace__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  flex: 1 1 auto;
  min-width: 0;
}

.ipb-cashier__actions,
.ipb-corporate__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Timeline near fold */
.ipb-workspace__timeline-frame {
  display: block;
  margin-top: 0;
}

.ipb-workspace__timeline-frame .eu-card--compact .eu-card__header {
  padding: 0.45rem 0.75rem;
}

.ipb-workspace__timeline-frame .eu-card--compact .eu-card__body {
  padding: 0.5rem 0.75rem;
}

.ipb-workspace__skeleton {
  padding: 0.65rem 0.75rem;
  color: var(--eu-text-muted, #64748b);
  font-size: 0.8125rem;
}

.ipb-workspace__timeline {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ipb-workspace__timeline-item {
  display: grid;
  grid-template-columns: 8.5rem 5.5rem minmax(0, 1fr) auto;
  gap: 0.45rem 0.65rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid var(--eu-border, #e2e8f0);
  font-size: 0.8125rem;
  align-items: baseline;
}

.ipb-workspace__timeline-item:last-child {
  border-bottom: 0;
}

.ipb-workspace__timeline-when {
  color: var(--eu-text-muted, #64748b);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ipb-workspace__timeline-label {
  font-weight: 650;
}

.ipb-workspace__timeline-detail {
  color: var(--eu-text, #0f172a);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ipb-workspace__timeline-amount {
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  white-space: nowrap;
  text-align: right;
}

.ipb-workspace__timeline-item--payment .ipb-workspace__timeline-amount,
.ipb-workspace__timeline-item--deposit .ipb-workspace__timeline-amount {
  color: #047857;
}

.ipb-workspace__timeline-item--bill .ipb-workspace__timeline-label {
  color: #1d4ed8;
}

@media (max-width: 720px) {
  .ipb-workspace__context .eu-meta-strip__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ipb-workspace__kpis .eu-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 480px) {
  .ipb-workspace__kpis .eu-kpi-grid {
    grid-template-columns: 1fr !important;
  }

  .ipb-workspace__timeline-item {
    grid-template-columns: 1fr auto;
    gap: 0.15rem 0.5rem;
  }

  .ipb-workspace__timeline-when {
    grid-column: 1 / -1;
  }

  .ipb-workspace__timeline-detail {
    grid-column: 1 / -1;
    white-space: normal;
  }
}