/* Estatísticas — gráfico de linha para sazonalidade anual */
#statsView .st-line-card{
  border-color:rgba(26,115,232,.18) !important;
  background:
    linear-gradient(180deg,#fff,#fbfdff),
    radial-gradient(circle at 12% 8%,rgba(26,115,232,.08),transparent 34%) !important;
}
#statsView .st-line-card .st-card-head{
  background:
    linear-gradient(90deg,rgba(232,240,254,.70),#fff 62%) !important;
}
#statsView .st-line-wrap{
  display:grid;
  gap:12px;
}
#statsView .st-line-top{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:start;
}
#statsView .st-line-summary{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
#statsView .st-line-chip{
  display:grid;
  gap:1px;
  min-width:94px;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid #e5ebf4;
  background:rgba(255,255,255,.72);
  box-shadow:0 1px 2px rgba(60,64,67,.035);
}
#statsView .st-line-chip span{
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8a94a3;
}
#statsView .st-line-chip strong{
  font-size:13px;
  font-weight:950;
  color:#1a73e8;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#statsView .st-line-chip.lucro strong{color:#188038}
#statsView .st-line-chip.media strong{color:#7c3aed}
#statsView .st-line-svgbox{
  position:relative;
  min-height:242px;
  border:1px solid #e7edf6;
  border-radius:20px;
  background:
    radial-gradient(circle at 18% 20%,rgba(26,115,232,.08),transparent 30%),
    linear-gradient(180deg,#fff,#f8fbff);
  overflow:hidden;
  padding:4px;
}
#statsView .st-line-svg{
  width:100%;
  height:242px;
  display:block;
  overflow:visible;
}
#statsView .st-line-grid{
  stroke:#e7edf6;
  stroke-width:1;
}
#statsView .st-line-axis-label{
  fill:#7a8594;
  font-size:10px;
  font-weight:800;
}
#statsView .st-line-month{
  fill:#6f7782;
  font-size:10px;
  font-weight:800;
}
#statsView .st-line-area{
  fill:url(#stRevenueAreaGradient);
  opacity:.95;
}
#statsView .st-line-path{
  fill:none;
  stroke:#1a73e8;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 5px 8px rgba(26,115,232,.20));
  stroke-dasharray:900;
  stroke-dashoffset:900;
  animation:statsLineDraw .95s cubic-bezier(.2,.8,.2,1) forwards;
}
#statsView .st-line-profit{
  fill:none;
  stroke:#188038;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:5 6;
  opacity:.78;
}
#statsView .st-line-point{
  fill:#fff;
  stroke:#1a73e8;
  stroke-width:3;
  filter:drop-shadow(0 3px 6px rgba(26,115,232,.18));
  transition:r .16s ease,stroke-width .16s ease;
}
#statsView .st-line-point:hover{
  r:6;
  stroke-width:4;
}
#statsView .st-line-profit-point{
  fill:#fff;
  stroke:#188038;
  stroke-width:2.4;
  opacity:.9;
}
#statsView .st-line-legend{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  padding:0 2px;
  color:#6f7782;
  font-size:10.5px;
  font-weight:800;
}
#statsView .st-line-legend i{
  width:18px;
  height:4px;
  border-radius:999px;
  display:inline-block;
  margin-right:5px;
  vertical-align:middle;
}
#statsView .st-line-legend .fat i{background:linear-gradient(90deg,#1a73e8,#6ea8fe)}
#statsView .st-line-legend .luc i{background:linear-gradient(90deg,#188038,#58b368)}
#statsView .st-line-empty{
  min-height:220px;
  display:grid;
  place-items:center;
  color:#6f7782;
  font-size:12px;
  font-weight:800;
  text-align:center;
}
@keyframes statsLineDraw{
  to{stroke-dashoffset:0}
}
#statsView.active .st-line-area{
  animation:statsAreaFade .55s ease .25s both;
}
@keyframes statsAreaFade{
  from{opacity:0}
  to{opacity:.95}
}
@media(max-width:1100px){
  #statsView .st-line-top{grid-template-columns:1fr}
  #statsView .st-line-summary{justify-content:flex-start}
  #statsView .st-line-card,
  #statsView .stats-grid > .st-card.span-4{grid-column:1/-1 !important}
}
body:not([data-theme="light"]) #statsView .st-line-svgbox,
body:not([data-theme="light"]) #statsView .st-line-chip{
  background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%) !important;
  border-color:var(--border) !important;
}
