/* === Dark background override === */
.dark {
  --bg-color: 22 27 36 !important;
}

/* === Light background override === */
.light {
  --bg-color: 242 238 233 !important;
}

/* === Avatar circular === */
.information-widget-logo img {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.dark .information-widget-logo img {
  border: 2px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

/* === Greeting discreto === */
.information-widget-greeting span {
  font-size: 0.75rem !important;
  opacity: 0.7;
  font-weight: 400 !important;
}

/* === Search compacto === */
.information-widget-search {
  max-width: 160px !important;
  min-width: 120px !important;
}

.information-widget-search input {
  font-size: 0.7rem !important;
  height: 28px !important;
  padding: 4px 8px !important;
}

/* === Custom SVG icons: inverter no dark mode === */
.dark .service-icon img[src*="/icons/"],
.dark .bookmark-icon img[src*="/icons/"] {
  filter: invert(1) brightness(2) !important;
}

/* === Bookmark: hover sutil, só cor === */
.bookmark a {
  transition: background-color 0.15s ease !important;
}

.bookmark a:hover {
  transform: none !important;
  background-color: rgba(0, 0, 0, 0.06) !important;
}

.dark .bookmark a:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

/* === Service cards: hover sutil === */
.service-card {
  transition: background-color 0.15s ease !important;
}

.service-card:hover {
  transform: none !important;
  background-color: rgba(0, 0, 0, 0.04) !important;
}

.dark .service-card:hover {
  transform: none !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}