.room-settings{margin:0 0 22px;padding:14px 17px;border:1px solid #d8dfcc;border-radius:9px;background:#f0f3e7}
.room-settings-controls{display:flex;align-items:center;gap:11px 16px;flex-wrap:wrap}
.room-settings-name{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#60774e;flex:1 1 280px}
.room-settings-name>input{width:100%;min-width:0;flex:1;padding:7px 9px;border:1px solid #ccd7bb;border-radius:5px;background:#fffef9;font-size:13px;min-height:36px}
.room-settings-people{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#60774e}
.room-settings-people>input{width:68px;padding:7px 9px;border:1px solid #ccd7bb;border-radius:5px;background:#fffef9;font-size:13px;min-height:36px;font-variant-numeric:tabular-nums}
.room-settings-people>span{font-size:11px;font-weight:400;color:#7c896e}
.room-settings-controls>.secondary-button{min-height:36px;font-size:11px;background:#f9fbf3}
.room-settings-controls>.text-button{font-size:11px}
.room-settings-members{margin-left:auto;font-size:11px;color:#7b8b6c;white-space:nowrap}
.room-settings-help,.room-settings-status{font-size:10px;line-height:1.8;color:#899779;margin-top:7px;overflow-wrap:anywhere}
.room-settings-status{color:#8e744d}
.room-settings-status:empty{display:none}
@media(max-width:600px){
  .room-settings{padding:13px 14px;margin-bottom:20px}
  .room-settings-controls{gap:9px 12px}
  .room-settings-name{flex-basis:100%;font-size:11px;gap:7px}
  .room-settings-people{font-size:11px;gap:7px}
  .room-settings-people>input{width:58px;font-size:13px;padding:7px}
  .room-settings-controls>.secondary-button{font-size:10px;padding:8px 10px}
  .room-settings-members{font-size:10px;flex-basis:100%;margin-left:0}
  .room-settings-help,.room-settings-status{font-size:10px}
}