:root {
  --huh-red: 202 46 67;
  --huh-card: 15 17 22;
  --huh-border: 255 255 255;
}

#page_container {
  max-width: 1680px;
}

.service-card,
.bookmark-card {
  background: rgba(var(--huh-card), 0.76) !important;
  border: 1px solid rgba(var(--huh-border), 0.08) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24) !important;
  backdrop-filter: blur(14px);
  transition: transform 160ms ease, border-color 160ms ease,
    background-color 160ms ease, box-shadow 160ms ease;
}

.service-card:hover,
.bookmark-card:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--huh-red), 0.48) !important;
  background: rgba(24, 21, 27, 0.92) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(var(--huh-red), 0.08) !important;
}

.services-group h2,
.bookmarks-group h2 {
  letter-spacing: 0.015em;
}




/* HuH compact begin */
html {
  font-size: 14px !important;
}

#page_container {
  max-width: 1560px !important;
}

/* HuH compact end */

/* HuH dashboard header begin */

#information-widgets {
  margin-top: 24px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(var(--huh-border), 0.09);
  border-radius: 18px;
  background: rgba(var(--huh-card), 0.46);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(18px);
}

#widgets-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px !important;
}

#widgets-wrap > .information-widget-glances {
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  padding: 13px 15px;
  border: 1px solid rgba(var(--huh-border), 0.09);
  border-left: 3px solid rgba(var(--huh-red), 0.72);
  border-radius: 14px;
  background: rgba(var(--huh-card), 0.72);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

.information-widget-glances .information-widget-label {
  order: -1;
  padding: 0 0 9px 2px;
  text-align: left;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.information-widget-glances .information-widget-resource {
  margin-right: 10px;
}

.information-widget-glances .resource-icon {
  color: rgb(var(--huh-red)) !important;
  filter: drop-shadow(0 0 7px rgba(var(--huh-red), 0.22));
}

#information-widgets-right {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) auto auto;
  align-items: stretch;
  gap: 12px !important;
  margin: 0 !important;
}

#information-widgets-right > * {
  min-height: 58px;
  padding: 0 16px;
  border: 1px solid rgba(var(--huh-border), 0.09);
  border-radius: 14px;
  background: rgba(var(--huh-card), 0.72);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

#information-widgets-right .information-widget-search {
  width: 100%;
}

#information-widgets-right .information-widget-search > div {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

#information-widgets-right .information-widget-datetime {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

#information-widgets-right .information-widget-datetime span {
  font-weight: 600;
  text-transform: capitalize;
}

#information-widgets-right .information-widget-datetime:last-child {
  border-color: rgba(var(--huh-red), 0.28);
}

#information-widgets-right .information-widget-datetime:last-child span {
  font-weight: 700;
  letter-spacing: 0.055em;
  text-shadow: 0 0 16px rgba(255, 255, 255, 0.12);
}

@media (max-width: 1050px) {
  #widgets-wrap {
    grid-template-columns: 1fr;
  }

  #information-widgets-right {
    grid-column: 1;
    grid-template-columns: 1fr auto;
  }

  #information-widgets-right .information-widget-search {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  #information-widgets {
    margin: 12px !important;
    padding: 10px !important;
  }

  #information-widgets-right {
    grid-template-columns: 1fr;
  }

  #information-widgets-right > * {
    min-height: 52px;
  }

  #information-widgets-right .information-widget-datetime {
    justify-content: center;
  }

  #information-widgets-right .information-widget-datetime span {
    width: 100%;
    text-align: center;
  }
}

/* HuH dashboard header end */

/* Нормальное написание русской даты */
#information-widgets-right .information-widget-datetime span {
  text-transform: none;
}

#information-widgets-right .information-widget-datetime:nth-child(2) span {
  display: block;
}

#information-widgets-right .information-widget-datetime:nth-child(2) span::first-letter {
  text-transform: uppercase;
}


/* Иконки мониторинга в цвет текста */
.information-widget-glances .resource-icon {
  color: rgb(226 232 240) !important;
  opacity: 0.96;
  transform: scale(1.1);
  filter: drop-shadow(0 0 0.45px currentColor) !important;
}