/* diagnolingo single-conversation mode for Element Web (selectors checked on v1.12.33).
   No spaces bar, no room list, no resize separator: the room (or home.html) fills the window.
   Hidden at every width: on phones Element would otherwise keep the spaces strip next to the room. */
.mx_SpacePanel,
.mx_MatrixChat > div > div:has(> .mx_LeftPanel_panel > .mx_LeftPanel_outerWrapper),
.mx_MatrixChat > div > .mx_Separator { display: none !important; }
/* Toasts (device verification, key backup, desktop notifications) are noise in this mode. */
.mx_ToastContainer { display: none !important; }
/* Room header: no voice/video calls. */
.mx_RoomHeader [data-testid="room-header-video-call-button"],
.mx_RoomHeader [data-testid="room-header-voice-call-button"],
.mx_RoomHeader button[aria-label="Rozmowa głosowa"],
.mx_RoomHeader button[aria-label="Rozmowa wideo"],
.mx_RoomHeader button[aria-label="Voice call"],
.mx_RoomHeader button[aria-label="Video call"] { display: none !important; }
#dl-back {
  position: fixed; z-index: 4000; right: 12px; bottom: 76px;
  padding: 10px 16px; border-radius: 999px; font: 600 14px/1.2 system-ui, sans-serif;
  background: #0f7a63; color: #fff; text-decoration: none; box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
#dl-back:hover, #dl-back:focus-visible { background: #0b5e4c; outline: 2px solid #fff; outline-offset: -4px; }
#dl-back .short { display: none; }
@media (max-width: 800px) {
  #dl-back { bottom: 64px; right: 8px; padding: 6px 12px; font-size: 13px; }
  #dl-back .long { display: none; }
  #dl-back .short { display: inline; }
}
#dl-lock {
  position: fixed; inset: 0; z-index: 5000; display: flex; align-items: center; justify-content: center;
  background: rgba(15, 23, 32, .72); padding: 16px;
}
#dl-lock[hidden] { display: none; }
#dl-lock .box {
  max-width: 26rem; background: #fff; color: #1b1d22; border-radius: 16px; padding: 28px 24px;
  text-align: center; font: 15px/1.5 Inter, system-ui, sans-serif; box-shadow: 0 8px 32px rgba(0,0,0,.3);
}
#dl-lock .ico { font-size: 40px; }
#dl-lock h2 { margin: 8px 0; font-size: 20px; }
#dl-lock p { margin: 0 0 18px; color: #4a5260; }
#dl-lock .btn {
  display: inline-block; padding: 10px 20px; border-radius: 999px; background: #0f7a63; color: #fff;
  font-weight: 600; text-decoration: none;
}