.dcm-rental-period {
  border: 1px solid #d8e2e7;
  border-radius: 10px;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 18px;
  padding: 16px;
}

.dcm-rental-period legend { font-weight: 700; padding: 0 6px; }
.dcm-rental-period label { display: flex; flex-direction: column; font-size: .9em; gap: 5px; }
.dcm-rental-period input { width: 100%; }
.dcm-rental-period small { color: #637883; grid-column: 1 / -1; }
.dcm-account-reservations { display: grid; gap: 12px; }
.dcm-account-reservations article { border: 1px solid #d8e2e7; border-radius: 12px; padding: 16px; }
.dcm-account-reservations article > div { align-items: flex-start; display: flex; flex-direction: column; gap: 4px; }
.dcm-account-reservations small { color: #687d87; }
.dcm-account-status { border-radius: 999px; display: inline-block; font-size: 11px; font-weight: 700; margin: 10px 0; padding: 5px 9px; text-transform: uppercase; }
.dcm-account-status.status-confirmada, .dcm-account-status.status-concluida { background: #e5f5ec; color: #1f7047; }
.dcm-account-status.status-pendente { background: #fff5d5; color: #8c6500; }
.dcm-account-status.status-em_andamento { background: #e2f3f7; color: #126c84; }
.dcm-account-status.status-cancelada { background: #fde8ea; color: #a5202b; }

@media (max-width: 520px) {
  .dcm-rental-period { grid-template-columns: 1fr; }
  .dcm-rental-period small { grid-column: auto; }
}