html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

@media (prefers-color-scheme: dark) {
  body {
    background: black;
  }
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media print {
  * {
    height: auto !important;
    overflow: visible !important;
  }
}}/* === BUCHAR cyberpunk login — aplikuje se JEN když JS přidá třídu .bg-buchar === */
/* JS kontroluje URL: pokud je /login, přidá třídu, jinak ji odebere.            */

body.bg-buchar {
  background-image: url('/img/traccar_pozadi_001.webp');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body.bg-buchar .root {
  background: transparent !important;
}

body.bg-buchar .MuiPaper-root {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.bg-buchar [class*="MuiDrawer"],
body.bg-buchar [class*="LoginLayout"],
body.bg-buchar [class*="loginLayout"],
body.bg-buchar [class*="Sidebar"],
body.bg-buchar [class*="sidebar"] {
  background-color: transparent !important;
  background-image: none !important;
}