:root {
  --entronika-black: #070708;
  --entronika-panel: #101014;
  --entronika-panel-raised: #17171c;
  --entronika-border: rgba(255, 255, 255, 0.1);
  --entronika-red: #ed1b2f;
  --entronika-red-bright: #ff4659;
  --entronika-text: #f8f8fa;
  --entronika-muted: #a8a8b3;
}

html.entronika-theme,
html.entronika-theme body {
  background: var(--entronika-black) !important;
  color-scheme: dark;
}

body.entronika-branded {
  background:
    radial-gradient(circle at 82% 8%, rgba(237, 27, 47, 0.14), transparent 30rem),
    var(--entronika-black) !important;
  color: var(--entronika-text);
}

body.entronika-branded .tb-primary-toolbar,
body.entronika-branded .mat-toolbar.mat-primary {
  background: rgba(10, 10, 12, 0.96) !important;
  border-bottom: 1px solid rgba(237, 27, 47, 0.28);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.24) !important;
}

body.entronika-branded .tb-side-menu,
body.entronika-branded mat-sidenav,
body.entronika-branded .mat-drawer {
  background:
    linear-gradient(180deg, rgba(237, 27, 47, 0.08), transparent 15rem),
    #0b0b0e !important;
  border-right-color: var(--entronika-border) !important;
}

body.entronika-branded .mat-drawer-content,
body.entronika-branded .tb-dashboard-page,
body.entronika-branded .tb-entity-table,
body.entronika-branded .tb-absolute-fill {
  background-color: transparent;
}

body.entronika-branded .mat-mdc-card,
body.entronika-branded .mat-card,
body.entronika-branded .tb-widget-container {
  border: 1px solid var(--entronika-border);
  border-radius: 16px !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.32) !important;
}

body.entronika-branded .mat-mdc-raised-button.mat-primary,
body.entronika-branded .mat-raised-button.mat-primary,
body.entronika-branded .mat-mdc-fab.mat-primary,
body.entronika-branded .mat-fab.mat-primary {
  background: linear-gradient(135deg, var(--entronika-red-bright), #b8071a) !important;
  color: white !important;
}

body.entronika-branded .mat-mdc-button.mat-primary,
body.entronika-branded .mat-button.mat-primary,
body.entronika-branded a {
  color: var(--entronika-red-bright);
}

body.entronika-branded .mat-mdc-progress-bar .mdc-linear-progress__bar-inner,
body.entronika-branded .mat-progress-bar-fill::after {
  border-color: var(--entronika-red) !important;
  background-color: var(--entronika-red) !important;
}

body.entronika-branded ::selection {
  background: rgba(237, 27, 47, 0.45);
  color: white;
}

body.entronika-branded ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body.entronika-branded ::-webkit-scrollbar-track {
  background: #0b0b0d;
}

body.entronika-branded ::-webkit-scrollbar-thumb {
  background: #34343c;
  border: 2px solid #0b0b0d;
  border-radius: 999px;
}

body.entronika-branded ::-webkit-scrollbar-thumb:hover {
  background: var(--entronika-red);
}

.entronika-corner-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  margin: 7px 14px 7px 4px;
  padding: 0 14px 0 8px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  color: white;
  font-family: Inter, "Segoe UI", sans-serif;
  font-size: 17px;
  font-weight: 780;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.entronika-corner-brand img {
  width: 34px;
  height: 34px;
}

.entronika-corner-brand small {
  display: block;
  margin-top: -2px;
  color: var(--entronika-muted);
  font-size: 8px;
  font-weight: 650;
  letter-spacing: 0.19em;
}

.entronika-login-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 4px 0 26px;
  color: var(--entronika-text);
  font-family: Inter, "Segoe UI", sans-serif;
}

.entronika-login-brand img {
  width: 76px;
  height: 76px;
  filter: drop-shadow(0 18px 30px rgba(237, 27, 47, 0.3));
}

.entronika-login-brand strong {
  margin-top: 9px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.entronika-login-brand span {
  margin-top: 4px;
  color: var(--entronika-muted);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

body.entronika-branded .tb-login-card,
body.entronika-branded tb-login mat-card,
body.entronika-branded tb-login .mat-mdc-card {
  background:
    linear-gradient(145deg, rgba(237, 27, 47, 0.07), transparent 42%),
    rgba(16, 16, 20, 0.97) !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55) !important;
}

body.entronika-branded .tb-login-content {
  background:
    radial-gradient(circle at 50% 42%, rgba(237, 27, 47, 0.16), transparent 24rem),
    linear-gradient(145deg, #0f0f13, #050506 70%) !important;
}

body.entronika-branded tb-login a[href="https://thingsboard.io"] {
  display: none !important;
}

body.entronika-branded tb-login button[type="submit"] {
  background: linear-gradient(135deg, var(--entronika-red-bright), #ba071b) !important;
  color: white !important;
}

body.entronika-branded a[href*="github.com/thingsboard"],
body.entronika-branded a[href="/features/otaUpdates"] {
  display: none !important;
}

body.entronika-branded span:has(> a[href="https://thingsboard.io"]) {
  display: none !important;
}

@media (max-width: 720px) {
  .entronika-corner-brand {
    margin-right: 4px;
    padding-right: 4px;
    border-right: 0;
    font-size: 0;
  }

  .entronika-corner-brand small {
    display: none;
  }
}