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;
  }
}
/* [TEK fix] Login page: whole background = animated #tek-bg; only a compact frosted card around logo+form.
   Scoped to body.tek-login (set by /tek-login-bg.js only on login pages). */
html:has(body.tek-login), body.tek-login, body.tek-login #root, body.tek-login #root main,
body.tek-login #root main .MuiBox-root{background:transparent!important}
body.tek-login #root main > div:first-child:not(.MuiPaper-root){display:none!important}
body.tek-login #root main > .MuiPaper-root{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;animation:none!important;padding:16px!important}
body.tek-login #root main > .MuiPaper-root > #tek-logo,
body.tek-login #root main > .MuiPaper-root > form{width:100%;max-width:400px;box-sizing:border-box;background:rgba(255,255,255,.84);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid #e3ebf3;animation:tekIn .9s cubic-bezier(.2,.8,.2,1) both}
body.tek-login #root main > .MuiPaper-root > #tek-logo{margin:0!important;padding:28px 32px 4px;border-bottom:0;border-radius:18px 18px 0 0}
body.tek-login #root main > .MuiPaper-root > form{padding:16px 32px 28px!important;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 30px 70px -28px rgba(22,102,184,.45)}
body.tek-login #root main > .MuiPaper-root:not(:has(> #tek-logo)) > form{border-top:1px solid #e3ebf3;border-radius:18px;padding-top:28px!important}