
#chat_box.protected {
  grid:
    ' back             room_name        close            ' auto
    ' panel_protected  panel_protected  panel_protected  ' 1fr
    / auto             1fr              auto             ;
}
#chat_box.protected .chat_item#chat_back,
#chat_box.protected .chat_item#chat_room_name,
#chat_box.protected .chat_item#chat_close,
#chat_box.protected .chat_item#chat_panel_protected {
	display: flex;
}


/* back btn
*/
#chat_box.protected .chat_item.chat_back button.back_new {
	display: flex;
}


/* button "<room_name>" appearance
   add or remove '.chat_item' to toggle the hover effect
*/
#chat_box.protected button.chat_item.chat_room_name {
	width: auto;
	background-color: transparent;
	pointer-events: none;
}

#chat_box #chat_protected_title {
	margin-top: 30px;
}


