/* UMA P18 — Fontes do Radar premium no Diagnóstico
   Escopo estrito: somente o bloco "O que suas redes mostram agora". */
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-host {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(112px, 1fr)) !important;
  gap: 9px !important;
  width: min(268px, 100%) !important;
  max-width: 268px !important;
  align-content: start !important;
  justify-content: end !important;
}

html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card {
  --uma-social: #72dff4;
  --uma-social-rgb: 114,223,244;
  --uma-social-bg: rgba(8,17,36,.90);
  position: relative;
  isolation: isolate;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 49px;
  padding: 7px 9px !important;
  overflow: hidden;
  border: 1px solid rgba(var(--uma-social-rgb), .28) !important;
  border-radius: 13px !important;
  background:
    radial-gradient(circle at 9% 14%, rgba(var(--uma-social-rgb), .17), transparent 44%),
    linear-gradient(145deg, rgba(14,24,48,.94), var(--uma-social-bg)) !important;
  box-shadow:
    0 9px 24px rgba(0,0,0,.18),
    0 0 20px rgba(var(--uma-social-rgb), .075),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  color: #f5f8ff !important;
  transform: translateZ(0);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 12%, rgba(255,255,255,.055) 46%, transparent 70%);
  transform: translateX(-115%);
  transition: transform .55s cubic-bezier(.2,.75,.25,1);
}

html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--uma-social-rgb), .50) !important;
  box-shadow:
    0 13px 30px rgba(0,0,0,.22),
    0 0 27px rgba(var(--uma-social-rgb), .13),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card:hover::after { transform: translateX(115%); }

html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-icon {
  position: relative;
  width: 33px;
  height: 33px;
  flex: 0 0 33px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.16), transparent 32%),
    rgba(var(--uma-social-rgb), .13);
  border: 1px solid rgba(var(--uma-social-rgb), .30);
  box-shadow:
    0 0 18px rgba(var(--uma-social-rgb), .18),
    inset 0 1px 0 rgba(255,255,255,.07);
}
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-icon svg {
  width: 19px;
  height: 19px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card[data-network="youtube"] .uma-dx-social-p18-icon svg .uma-fill { fill: currentColor; stroke: none; }
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card[data-network="spotify"] .uma-dx-social-p18-icon svg .uma-fill { fill: currentColor; stroke: none; }

html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-name {
  color: #f7f9ff !important;
  font-size: 11.5px !important;
  line-height: 1.05 !important;
  font-weight: 760 !important;
  letter-spacing: -.01em;
  white-space: nowrap;
}
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-state {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: rgba(var(--uma-social-rgb), .88) !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 680 !important;
  letter-spacing: .015em;
  white-space: nowrap;
}
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-state::before {
  content: "";
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  border-radius: 50%;
  background: var(--uma-social);
  box-shadow: 0 0 8px rgba(var(--uma-social-rgb), .72);
}

html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card--available {
  filter: saturate(.85);
}
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card--available .uma-dx-social-p18-state {
  color: #9fb0c8 !important;
}
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card--available .uma-dx-social-p18-state::before {
  background: #7b8ba3;
  box-shadow: none;
}

html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card[data-network="youtube"] { --uma-social:#ff6672; --uma-social-rgb:255,102,114; --uma-social-bg:rgba(31,10,21,.93); }
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card[data-network="spotify"] { --uma-social:#55e89a; --uma-social-rgb:85,232,154; --uma-social-bg:rgba(6,28,25,.94); }
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card[data-network="instagram"] { --uma-social:#d99cff; --uma-social-rgb:217,156,255; --uma-social-bg:rgba(25,12,37,.94); }
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card[data-network="tiktok"] { --uma-social:#78f2f5; --uma-social-rgb:120,242,245; --uma-social-bg:rgba(22,10,29,.94); }
html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card[data-network="tiktok"] .uma-dx-social-p18-icon {
  text-shadow: -1px 0 #31f5f7, 1px 0 #ff4f8b;
  box-shadow: -3px 0 13px rgba(49,245,247,.10), 3px 0 13px rgba(255,79,139,.10), inset 0 1px 0 rgba(255,255,255,.07);
}

@media (max-width: 1160px) {
  html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-host {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(4, minmax(110px, 1fr)) !important;
  }
}
@media (max-width: 820px) {
  html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-host {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 420px) {
  html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-name { font-size: 11px !important; }
  html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-state { font-size: 8px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card,
  html[data-uma-diagnostic-premium="1"] .uma-dx-social-p18-card::after { transition: none !important; }
}