.currentWeekCarryPanel {
  margin-top: 12px;
  border: 1px solid #d7dfdc;
  background: #fff;
}

.currentWeekCarryHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid #d7dfdc;
}

.currentWeekCarryHeader h3 { margin: 0 0 3px; font-size: 16px; }
.currentWeekCarryHeader p { margin: 0; color: #596561; font-size: 12px; }

.currentWeekCarrySummary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid #d7dfdc;
}

.currentWeekCarrySummary > div { padding: 10px 14px; min-width: 0; }
.currentWeekCarrySummary > div + div { border-left: 1px solid #d7dfdc; }
.currentWeekCarrySummary span { display: block; color: #596561; font-size: 12px; }
.currentWeekCarrySummary strong { display: block; margin-top: 3px; font-size: 17px; overflow-wrap: anywhere; }
.currentWeekCarryPanel .positive { color: #087f5b; }
.currentWeekCarryPanel .negative { color: #c63f3f; }
.currentWeekCarryTableWrap { overflow-x: auto; }

@media (max-width: 680px) {
  .currentWeekCarrySummary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .currentWeekCarrySummary > div:nth-child(3) { border-left: 0; border-top: 1px solid #d7dfdc; }
  .currentWeekCarrySummary > div:nth-child(4) { border-top: 1px solid #d7dfdc; }
}