/*
 * Sogvia Solution visual branding.
 * IMPORTANT: Mikhmon's #brand innerHTML must remain exactly "MIKHMON" because
 * js/mikhmon.js performs an integrity check against that value.
 * We therefore hide the original word visually and draw the Sogvia name with CSS.
 */
#brand {
  font-size: 0 !important;
  white-space: nowrap;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 3px 14px !important;
  background: transparent !important;
}

#brand::after {
  content: "";
  display: inline-block;
  width: 168px;
  height: 42px;
  background: url("../img/sogvia-solution-logo.jpg") center / contain no-repeat;
}

/* Login-page presentation for the supplied Sogvia wordmark. */
.sogvia-login-brand {
  padding: 15px 12px 7px !important;
}

.sogvia-login-logo {
  display: block;
  width: min(100%, 320px);
  height: auto;
  margin: 0 auto;
  border-radius: 7px;
  background: transparent;
  box-shadow: 0 8px 22px rgba(7, 18, 30, .18);
}

.sogvia-login-tagline {
  display: inline-block;
  margin: 4px 10px 8px;
  color: #657884;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .65px;
  text-transform: uppercase;
}

/* Sogvia live browser clock in the top navbar. */
#sogviaBrowserClock {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}

#sogviaBrowserClock .sogvia-clock-box {
  display: inline-block;
  padding: 5px 7px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 18px;
}

#sogviaBrowserClock .fa {
  margin-right: 4px;
}

/* Keep the injected Download item visually identical to Mikhmon user submenu links. */
#sogviaDownloadUsers.active {
  font-weight: 700;
}

@media (max-width: 760px) {
  #brand::after {
    width: 146px;
    height: 38px;
  }

  #sogviaBrowserClock .sogvia-clock-date {
    display: none;
  }
}


/* Sogvia: permanently hide Mikhmon's visible idle countdown.
   We keep #timer in the DOM because the original idle/logout JavaScript uses it. */
#navbar a[title="Idle Timeout"],
#navbar .navbar-right > a[title="Idle Timeout"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}


/* Sogvia dark sidebar — inspired by the supplied PIN management panel. */
#sidenav.sidenav {
  background: #1d282b !important;
  border-right: 1px solid #172126 !important;
  color: #dce3e7 !important;
}

#sidenav .menu,
#sidenav a,
#sidenav .dropdown-btn {
  color: #dce3e7 !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}

#sidenav .menu.card-header,
#sidenav > .menu.text-center.card-header {
  background: #172229 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #28363d !important;
}

#sidenav .dropdown-container {
  background: #192327 !important;
}

#sidenav .dropdown-container .dropdown-container {
  background: #162024 !important;
}

#sidenav a:hover,
#sidenav .dropdown-btn:hover,
#sidenav a.active,
#sidenav .dropdown-btn.active,
#sidenav .active {
  background: #26363d !important;
  color: #ffffff !important;
  box-shadow: inset 3px 0 0 #20a8d8;
}

#sidenav .fa,
#sidenav i,
#sidenav .fa-caret-down,
#sidenav .fa-caret-left {
  color: #c7d1d6 !important;
}

#sidenav a:hover .fa,
#sidenav .dropdown-btn:hover .fa,
#sidenav .active .fa,
#sidenav a.active .fa {
  color: #ffffff !important;
}

/* Slightly roomier menu rhythm, similar to the reference sidebar. */
#sidenav .dropdown-btn,
#sidenav a {
  width: calc(100% - 10px) !important;
  margin: 0 5px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  box-sizing: border-box;
}

#sidenav .spa {
  border-color: #314148 !important;
}


/* Hide Language & Theme controls */
.stheme,
.slang {
    display: none !important;
}