.date-status {
  display: grid;
  gap: .2rem;
  padding: .9rem 1rem;
  border-left: 4px solid;
  background: #f5f2e9;
  font-size: .9rem;
}
.date-status[hidden] { display: none; }
.date-status strong { font-size: 1rem; }
.date-status span { color: #4f5f58; }
.date-status.available { border-color: #3d8b64; background: #edf7f1; }
.date-status.warning { border-color: #c89c2e; background: #fff8df; }
.date-status.unavailable { border-color: #b7473f; background: #fff0ee; }
.date-status.unavailable strong { color: #8f2923; }