/* B1Transfer - Material-UI Theme Variables */
:root {
  --c1: #1565C0;
  --c1l1: #4E88D0;
  --c1l2: #568BDA;
  --c1l3: #8CABDB;
  --c1l4: #A8BFDC;
  --c1l5: #C4D3DD;
  --c1l6: #E0E7DE;
  --c1l7: #F8F9F9;
  --c1d1: #1358AB;
  --c1d2: #104B96;
  --c1d3: #0D3E81;
  --c1d4: #0A316C;
  --c1d5: #072457;
  --c1d6: #041742;
  --c1d7: #010A2D;
}

img {
  max-width: 100%;
}

/* Legacy image styling for person photos */
.personPhoto {
  width: 60px;
  height: 45px;
  border-radius: 5px;
  object-fit: cover;
}

/* Utility classes */
.capitalize {
  text-transform: capitalize;
}

/* Status list styling for export progress (used in legacy DisplayBox components) */
.statusList {
  list-style: none;
  padding: 0;
  margin: 16px 0;
}

.statusList li {
  padding: 8px 0;
  display: flex;
  align-items: center;
}

.statusList li.pending {
  color: #666;
}

.statusList li.complete {
  color: #2e7d32;
}

.statusList li.error {
  color: #d32f2f;
}

.statusList li.running {
  color: #1565C0;
  font-weight: 500;
}

/* Inline child elements for legacy components */
.inline-child {
  display: inline-block;
  vertical-align: middle;
}