/* ========================================================
   HIGH-END MINIMALIST GLASS THEME FOR HOMEPAGE
   ======================================================== */

:root {
  --glass-surface: rgba(13, 17, 28, 0.65);
  --glass-surface-hover: rgba(20, 26, 42, 0.82);
  --glass-border: rgba(255, 255, 255, 0.07);
  --glass-border-hover: rgba(255, 255, 255, 0.16);
  --glass-stat-bg: rgba(255, 255, 255, 0.035);
  --glass-stat-border: rgba(255, 255, 255, 0.04);
  --accent-glow: rgba(99, 102, 241, 0.15);
}

/* Tipografia global */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.01em;
}

/* Centralização refinada para monitor ultrawide (34") */
#inner_wrapper > div.container,
main.container,
.container {
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 2rem 1.5rem 4rem 1.5rem !important;
}

/* Barra de rolagem discreta */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25);
}

/* Eliminar caixas aninhadas: grupos totalmente limpos */
.services-group {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  margin: 0 10px 0 10px !important;
}

/* Títulos das categorias (MÍDIA, AUTOMAÇÃO, DOWNLOADS) */
.service-group-name {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(226, 232, 240, 0.5) !important;
  background: none !important;
  -webkit-text-fill-color: initial !important;
  margin-bottom: 0.75rem !important;
  padding-left: 0.25rem !important;
  display: block !important;
}

/* Remover bullets ou pontos antigos do título */
.service-group-name::before {
  display: none !important;
}

/* Cards individuais com efeito vidro premium */
.service-card {
  background: var(--glass-surface) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
              background 0.25s ease,
              border-color 0.25s ease,
              box-shadow 0.25s ease !important;
  overflow: hidden;
}

/* Remover linhas ou bordas soltas no topo dos cards */
.service-card::before,
.service-card::after {
  display: none !important;
}

/* Efeito Hover natural e elegante */
.service-card:hover {
  transform: translateY(-2px) !important;
  background: var(--glass-surface-hover) !important;
  border-color: var(--glass-border-hover) !important;
  box-shadow: 0 12px 30px -4px rgba(0, 0, 0, 0.45),
              0 0 20px var(--accent-glow),
              inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  z-index: 5;
}

/* Ícones dos serviços com escala suave */
.service-card img,
.service-card svg {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3));
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.service-card:hover img,
.service-card:hover svg {
  transform: scale(1.06);
}

/* Nome do serviço e descrição */
.service-card h2,
.service-card [class*="font-semibold"],
.service-card [class*="font-bold"] {
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: #f8fafc !important;
}

.service-card p,
.service-card [class*="text-theme-"] {
  font-size: 0.72rem !important;
  color: rgba(203, 213, 225, 0.6) !important;
}

/* Blocos de métricas dentro dos cards (Jellyfin, Radarr, Sonarr, Komga, qBittorrent) */
.service-card [class*="bg-theme-200"],
.service-card [class*="bg-theme-900"],
.service-card [class*="bg-theme-800"] {
  background: var(--glass-stat-bg) !important;
  border: 1px solid var(--glass-stat-border) !important;
  border-radius: 8px !important;
}

/* Garantir que ícones e seus contêineres nunca tenham fundo */
.service-card img,
.service-card svg,
.service-card [class*="icon"],
.service-card [class*="service-icon"] {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}


/* Barra superior de status (CPU, RAM, Disco, Data/Hora) */
#information-widgets,
.information-widgets {
  background: var(--glass-surface) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 12px !important;
  padding: 0.6rem 1.25rem !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
  margin-bottom: 2rem !important;
}

/* Indicador de status online (bolinha verde com brilho sutil) */
[class*="bg-emerald-"],
[class*="bg-green-"] {
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.55) !important;
}