/* apps/web/src/components/CourierPeriodClosing.css */
.courier-period-backdrop {
  z-index: 2200;
  padding: 16px;
}
.courier-period-confirmation {
  max-width: 620px;
  max-height: calc(100dvh - 32px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.courier-period-confirmation > .modal-header,
.courier-period-confirmation > .modal-actions {
  flex-shrink: 0;
}
.courier-period-confirmation .modal-header h2 {
  margin: 0;
  font-size: 21px;
}
.courier-period-confirmation .modal-actions {
  flex-wrap: wrap;
}
.courier-period-confirmation .modal-actions > button {
  width: auto;
  min-height: 42px;
  padding: 10px 14px;
  line-height: 1.3;
}
.courier-period-confirmation-body {
  padding: 12px 4px;
  display: grid;
  gap: 10px;
  overflow-y: auto;
  min-height: 0;
}
.courier-period-confirmation-body > strong {
  font-size: 20px;
}
.courier-period-confirmation-body > span {
  color: #aeb8ce;
}
.courier-period-confirmation-body p {
  margin: 0;
  line-height: 1.5;
}
.courier-period-confirmation-body .courier-period-dates {
  font-size: 18px;
  font-weight: 700;
  color: #b4ccff;
}
.courier-period-confirmation-body dl {
  margin: 8px 0;
  display: grid;
  gap: 10px;
}
.courier-period-confirmation-body dl > div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}
.courier-period-confirmation-body dd {
  margin: 0;
  font-weight: 700;
  white-space: nowrap;
}
.courier-period-confirmation-body dt {
  color: #aeb8ce;
}
.courier-closing-history {
  margin: 20px 0;
  padding: 18px;
  border: 1px solid #ffffff20;
  border-radius: 14px;
  background: #ffffff04;
}
.courier-closing-history h3 {
  margin: 0 0 12px;
}
.courier-closing-history details {
  border-top: 1px solid #ffffff16;
  padding: 12px 0;
}
.courier-closing-history summary {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.courier-closing-history summary small {
  display: block;
  color: #aeb8ce;
  margin-top: 5px;
}
.courier-closing-history details > div {
  padding-top: 8px;
  color: #aeb8ce;
}
.courier-closing-history p {
  line-height: 1.5;
}
.courier-closing-composition {
  display: grid;
  gap: 10px;
  margin: 16px 0;
}
.courier-closing-composition > div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}
.courier-closing-composition dd {
  margin: 0;
  white-space: nowrap;
  font-weight: 700;
  color: #f1f5f9;
}
.courier-closing-voucher-total dt,
.courier-closing-voucher-total dd {
  color: #fcd34d;
}
.courier-closing-vouchers {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.courier-closing-vouchers li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 13px;
}
.courier-close-period-action {
  white-space: nowrap;
}
@media (max-width: 600px) {
  .courier-period-confirmation {
    width: calc(100vw - 24px);
  }
  .courier-period-confirmation .modal-actions {
    flex-wrap: wrap;
  }
  .courier-period-confirmation-body {
    padding: 16px;
  }
  .courier-closing-history {
    padding: 14px;
  }
}