.dds-chambre-niveau-page {
  width:100%;
}

.dds-chambre-niveau-actions {
  display:flex;
  justify-content:flex-start;
  margin-bottom:.8rem;
}

.dds-chambre-niveau-actions .button {
  width:auto;
  margin:0;
}

.dds-chambre-niveaux-list {
  overflow:hidden;
  border:1px solid rgba(214,171,91,.32);
  border-radius:8px;
  background:rgba(0,0,0,.16);
}

.dds-chambre-niveaux-row {
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(150px,.7fr);
  align-items:center;
  gap:1rem;
  padding:.8rem .9rem;
  border-top:1px solid rgba(255,255,255,.07);
}

.dds-chambre-niveaux-row:first-child {
  border-top:0;
}

.dds-chambre-niveaux-row > span {
  text-align:right;
  color:#f5e5c5;
  font-weight:700;
}

.dds-chambre-niveaux-row small {
  margin-left:.3rem;
  opacity:.72;
  font-weight:400;
}

.dds-chambre-mode-form {
  margin:0;
}

.dds-chambre-mode-options {
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin-bottom:1rem;
}

.dds-chambre-mode-options label {
  position:relative;
  display:inline-flex;
  margin:0;
}

.dds-chambre-mode-options input[type="radio"] {
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
}

.dds-chambre-mode-options label > span {
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:.55rem .8rem;
  border:1px solid rgba(214,171,91,.38);
  border-radius:7px;
  background:rgba(0,0,0,.22);
  cursor:pointer;
}

.dds-chambre-mode-options input[type="radio"]:checked + span {
  border-color:#efc46d;
  background:rgba(214,171,91,.18);
  color:#fff0c9;
}

.dds-chambre-mode-form > .button {
  width:auto;
  margin:0;
}

@media(max-width:600px) {
  .dds-chambre-niveaux-row {
    grid-template-columns:1fr;
    gap:.2rem;
  }

  .dds-chambre-niveaux-row > span {
    text-align:left;
  }

  .dds-chambre-mode-options {
    flex-direction:column;
  }

  .dds-chambre-mode-options label,
  .dds-chambre-mode-options label > span {
    width:100%;
  }
}