/* PulseBot v21.6.5 — natural server cards and reliably enlarged guild artwork.
   Loaded after v21.6.4. Scoped to the server-selection view only. */

body#pulsebot-app.dashboard-mode.dashboard-v2165 {
  --pb265-surface: #0e141b;
  --pb265-surface-hover: #111820;
  --pb265-border: #26313c;
  --pb265-border-hover: #394654;
  --pb265-text: #f0f3f6;
  --pb265-muted: #8d98a6;
  --pb265-accent: #7771df;
  --pb265-accent-hover: #8580e8;
}

/* Keep the whole page calm and product-like instead of decorative. */
body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-page {
  background:
    linear-gradient(180deg, rgba(19, 25, 34, .34), transparent 260px),
    #080c11 !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-list-hero {
  padding: 26px 28px !important;
  border-color: #26313c !important;
  border-radius: 14px !important;
  background: #0e141b !important;
  box-shadow: none !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-list-hero h1 {
  max-width: 760px !important;
  margin-top: 10px !important;
  font-size: clamp(2rem, 3.2vw, 3.25rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-list-hero p {
  max-width: 720px !important;
  color: var(--pb265-muted) !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-list-metrics {
  gap: 12px !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-list-metrics article {
  min-height: 92px !important;
  padding: 18px 20px !important;
  border-color: #26313c !important;
  border-radius: 13px !important;
  background: #0d131a !important;
  box-shadow: none !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-list-metrics strong {
  color: var(--pb265-text) !important;
  font-size: 1.42rem !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-list-metrics span {
  color: var(--pb265-muted) !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-guild-grid {
  gap: 14px !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-card {
  grid-template-columns: 100px minmax(0, 1fr) auto !important;
  gap: 20px !important;
  min-height: 158px !important;
  padding: 22px !important;
  border: 1px solid var(--pb265-border) !important;
  border-radius: 14px !important;
  background: var(--pb265-surface) !important;
  box-shadow: none !important;
  isolation: isolate !important;
  transition: border-color .15s ease, background-color .15s ease !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-card:hover {
  border-color: var(--pb265-border-hover) !important;
  background: var(--pb265-surface-hover) !important;
  transform: none !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-card.is-premium {
  border-color: #45445f !important;
  background: #10151d !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-card.is-premium::after {
  display: none !important;
}

/* The outer tile is large, while the artwork is smart-cropped by app.js.
   CSS uses a visible fallback zoom until that calculation finishes. */
body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-icon {
  position: relative !important;
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  overflow: hidden !important;
  border: 1px solid #303b47 !important;
  border-radius: 20px !important;
  background: #0a0f15 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .018) !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-icon .safe-avatar {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  background: #0a0f15 !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-icon .safe-avatar img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(var(--guild-art-zoom, 2.05)) !important;
  transform-origin: center !important;
  will-change: auto !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-icon .safe-avatar.is-smart-cropped img {
  transform: scale(var(--guild-art-zoom, 1)) !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-icon .safe-avatar-fallback {
  color: #e8edf2 !important;
  font-size: 1.55rem !important;
  font-weight: 760 !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-main {
  align-self: center !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-title {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-title strong {
  color: var(--pb265-text) !important;
  font-size: 1.02rem !important;
  font-weight: 710 !important;
  line-height: 1.35 !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-main > p {
  margin: 6px 0 12px !important;
  color: var(--pb265-muted) !important;
  font-size: .81rem !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .guild-premium-badge {
  padding: 4px 8px !important;
  border-color: #55536f !important;
  color: #c8c5ef !important;
  background: #1b1c2b !important;
  font-size: .61rem !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-status {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-status small {
  color: #66717e !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .guild-badge {
  padding: 5px 8px !important;
  border-radius: 7px !important;
  font-size: .64rem !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-action {
  align-self: center !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-action .btn {
  min-width: 116px !important;
  min-height: 42px !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-card.is-ready .dashboard-server-action .btn {
  border-color: var(--pb265-accent) !important;
  background: var(--pb265-accent) !important;
}

body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-card.is-ready .dashboard-server-action .btn:hover {
  border-color: var(--pb265-accent-hover) !important;
  background: var(--pb265-accent-hover) !important;
}

@media (max-width: 960px) {
  body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-card {
    grid-template-columns: 92px minmax(0, 1fr) auto !important;
  }

  body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-icon {
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 700px) {
  body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-list-hero {
    padding: 21px !important;
  }

  body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-card {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 18px !important;
  }

  body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-icon {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    border-radius: 17px !important;
  }

  body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-action {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-action .btn {
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-card {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 16px !important;
  }

  body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-icon {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    border-radius: 15px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body#pulsebot-app.dashboard-mode.dashboard-v2165 .dashboard-server-card {
    transition: none !important;
  }
}