/* UMA Insights — Artist Premium P19
   Camada visual restrita à página Insights. Não altera o bundle React. */

.uma-insights-artist-premium {
  --ip-violet:#9b72ff;
  --ip-blue:#4f8cff;
  --ip-cyan:#31d9ee;
  --ip-green:#5fe0a4;
  --ip-amber:#f2bf62;
  --ip-text:#f5f7ff;
  --ip-muted:#a9b3d4;
}

.uma-insights-artist-premium .uma-ip-source-hidden{display:none!important}

.uma-ip-hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(114,137,255,.22);
  border-radius:24px;
  background:
    radial-gradient(circle at 78% 18%,rgba(40,207,238,.11),transparent 27%),
    radial-gradient(circle at 18% 8%,rgba(139,92,246,.14),transparent 30%),
    linear-gradient(138deg,rgba(10,16,40,.97),rgba(5,11,29,.98));
  box-shadow:0 30px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
  padding:30px;
  isolation:isolate;
}
.uma-ip-hero::before{
  content:"";position:absolute;inset:auto -4% -64px -4%;height:180px;opacity:.2;pointer-events:none;
  background:
    repeating-radial-gradient(ellipse at 50% 100%, transparent 0 16px, rgba(56,213,238,.24) 17px 18px, transparent 19px 31px);
  mask-image:linear-gradient(to top,#000,transparent 78%);
}
.uma-ip-hero::after{
  content:"";position:absolute;right:-90px;top:-110px;width:330px;height:330px;border-radius:50%;
  border:1px solid rgba(80,214,242,.08);box-shadow:0 0 90px rgba(49,217,238,.06);pointer-events:none;
}
.uma-ip-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:34px;align-items:center}
.uma-ip-eyebrow{display:flex;align-items:center;gap:10px;color:#91a5dc;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.uma-ip-eyebrow::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--ip-violet),var(--ip-cyan))}
.uma-ip-title{margin:14px 0 8px;font-size:clamp(30px,3vw,44px);line-height:1.04;letter-spacing:-.035em;font-weight:720;color:var(--ip-text)}
.uma-ip-title span{background:linear-gradient(90deg,#fff 0%,#d6dcff 46%,#77dff0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.uma-ip-lead{max-width:720px;margin:0;color:#b4bdd8;font-size:15px;line-height:1.7}
.uma-ip-producer{margin-top:20px;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-left:2px solid rgba(155,114,255,.7);background:linear-gradient(90deg,rgba(155,114,255,.07),transparent 80%);border-radius:0 12px 12px 0}
.uma-ip-producer-icon{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;color:#d7c8ff;border:1px solid rgba(155,114,255,.25);background:rgba(155,114,255,.09);box-shadow:0 0 28px rgba(139,92,246,.08)}
.uma-ip-producer strong{display:block;color:#eef1ff;font-size:14px;margin-bottom:3px}.uma-ip-producer p{margin:0;color:#9fa9c7;font-size:13px;line-height:1.5}

.uma-ip-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:26px;border-top:1px solid rgba(137,151,204,.14);border-bottom:1px solid rgba(137,151,204,.12)}
.uma-ip-metric{position:relative;padding:18px 18px 17px;min-width:0}
.uma-ip-metric+.uma-ip-metric::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:rgba(137,151,204,.14)}
.uma-ip-metric-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7f8bab;font-weight:700}
.uma-ip-metric-value{display:flex;align-items:baseline;gap:5px;margin-top:5px;font-size:25px;font-weight:720;letter-spacing:-.03em;color:#fff}
.uma-ip-metric-sub{margin-top:3px;color:#818dac;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uma-ip-metric[data-tone="violet"] .uma-ip-metric-value{color:#b898ff}.uma-ip-metric[data-tone="green"] .uma-ip-metric-value{color:#64e8ae}.uma-ip-metric[data-tone="blue"] .uma-ip-metric-value{color:#6aa3ff}.uma-ip-metric[data-tone="amber"] .uma-ip-metric-value{color:#f4c86b}

.uma-ip-chart-wrap{position:relative;display:grid;place-items:center;min-height:310px}
.uma-ip-chart-glow{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(49,217,238,.13),rgba(94,67,197,.055) 42%,transparent 70%);filter:blur(4px)}
.uma-ip-donut{position:relative;width:255px;height:255px;filter:drop-shadow(0 15px 32px rgba(0,0,0,.22))}
.uma-ip-donut svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.uma-ip-donut .track{fill:none;stroke:rgba(255,255,255,.055);stroke-width:10}
.uma-ip-donut .arc{fill:none;stroke-width:11;stroke-linecap:round;transition:stroke-dasharray .8s cubic-bezier(.2,.8,.2,1)}
.uma-ip-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.uma-ip-donut-center small{font-size:10px;color:#7f8baa;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.uma-ip-donut-center b{font-size:44px;line-height:1;color:white;letter-spacing:-.045em;margin:5px 0}.uma-ip-donut-center span{font-size:12px;color:#96a2c3}
.uma-ip-chart-caption{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:12px;white-space:nowrap;color:#8995b8;font-size:10px}.uma-ip-chart-caption i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;box-shadow:0 0 10px currentColor}

/* Menos estética de dashboard nas sugestões */
.uma-insights-artist-premium .uma-ip-attention-section{margin-top:4px;padding-top:8px}
.uma-insights-artist-premium .uma-ip-attention-section>div:first-child{margin-bottom:12px!important}
.uma-insights-artist-premium .uma-ip-attention-section>div:last-child{gap:0!important;border-top:1px solid rgba(127,143,192,.14)}
.uma-insights-artist-premium .uma-ip-insight-row{
  position:relative!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;padding:22px 18px 21px 22px!important;
}
.uma-insights-artist-premium .uma-ip-insight-row+.uma-ip-insight-row{border-top:1px solid rgba(127,143,192,.12)!important}
.uma-insights-artist-premium .uma-ip-insight-row::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:2px;border-radius:2px;background:linear-gradient(to bottom,rgba(139,92,246,.9),rgba(49,217,238,.25));opacity:.55}
.uma-insights-artist-premium .uma-ip-insight-row:hover{background:linear-gradient(90deg,rgba(91,73,186,.055),transparent 55%)!important}
.uma-insights-artist-premium .uma-ip-insight-row h3{font-size:15px!important;letter-spacing:-.01em}
.uma-insights-artist-premium .uma-ip-insight-row p{font-size:13px!important}
.uma-insights-artist-premium .uma-ip-insight-row button{border-radius:999px!important;padding:7px 13px!important}

.uma-insights-artist-premium .uma-ip-source-card{border-radius:18px!important;border-color:rgba(70,127,255,.28)!important;background:linear-gradient(135deg,rgba(30,64,175,.09),rgba(4,10,28,.65))!important;box-shadow:none!important}

@media(max-width:980px){
 .uma-ip-grid{grid-template-columns:1fr}.uma-ip-chart-wrap{min-height:280px}.uma-ip-chart-caption{bottom:2px}.uma-ip-metrics{grid-template-columns:repeat(2,1fr)}.uma-ip-metric:nth-child(3)::before{display:none}.uma-ip-metric:nth-child(n+3){border-top:1px solid rgba(137,151,204,.12)}
}
@media(max-width:640px){
 .uma-ip-hero{padding:22px 18px;border-radius:19px}.uma-ip-title{font-size:31px}.uma-ip-lead{font-size:14px}.uma-ip-metrics{grid-template-columns:1fr 1fr}.uma-ip-metric{padding:15px 10px}.uma-ip-metric-value{font-size:22px}.uma-ip-chart-wrap{min-height:250px}.uma-ip-donut{width:215px;height:215px}.uma-ip-donut-center b{font-size:38px}.uma-ip-chart-caption{gap:8px;font-size:9px}.uma-insights-artist-premium .uma-ip-insight-row{padding:19px 5px 18px 16px!important}
}
@media(prefers-reduced-motion:reduce){.uma-ip-donut .arc{transition:none!important}}