/*
 * 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;
}

#brand::after {
  content: "Sogvia Solution";
  font-size: 14px !important;
  font-weight: 700;
}

/* 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) {
  #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;
}