/* Kaif v8.3 — v8 visual treatment applied to charts only. */
:root{
  --kaif-chart-orange:#cb6015;
  --kaif-chart-orange-bright:#f08a3c;
  --kaif-chart-plum:#6f493c;
  --kaif-chart-grid:#dbc9bd;
  --kaif-chart-ink:#4b3126;
}

.recharts-responsive-container{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(203,96,21,.12);
  border-radius:14px;
  padding:10px 7px 3px;
  background:
    radial-gradient(circle at 10% 8%,rgba(240,138,60,.11),transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,249,245,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}

.recharts-responsive-container:hover{
  border-color:rgba(203,96,21,.28);
  box-shadow:0 12px 32px rgba(95,45,17,.08),inset 0 1px 0 rgba(255,255,255,.9);
}

.recharts-surface{overflow:visible}
.recharts-cartesian-grid line{
  stroke:var(--kaif-chart-grid)!important;
  stroke-opacity:.48!important;
  stroke-dasharray:3 6;
}
.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{
  stroke:#d8c6ba!important;
  stroke-opacity:.65!important;
}
.recharts-cartesian-axis-tick text{
  fill:#7b685d!important;
  font-size:10px;
  font-weight:650;
}

.recharts-area-curve{
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 4px 5px rgba(126,55,13,.16));
}
.recharts-area-curve[stroke="var(--color-net)"],
.recharts-area-curve[stroke="var(--color-cumulative)"]{
  stroke:var(--kaif-chart-orange)!important;
  stroke-width:3!important;
}
.recharts-area-curve[stroke="var(--color-compare)"]{
  stroke:var(--kaif-chart-plum)!important;
  stroke-width:2!important;
  opacity:.72;
}
.recharts-area-area[fill="var(--color-net)"],
.recharts-area-area[fill="url(#fillCumulative)"]{
  opacity:.82;
}

.recharts-bar-rectangle path{
  transition:opacity .18s ease,filter .18s ease,transform .18s ease;
  transform-box:fill-box;
  transform-origin:center bottom;
}
.recharts-bar-rectangle path:hover{
  opacity:1!important;
  filter:brightness(1.08) drop-shadow(0 5px 6px rgba(109,49,14,.2));
  transform:scaleY(1.025);
}
.recharts-rectangle.recharts-tooltip-cursor{
  fill:rgba(203,96,21,.075)!important;
  stroke:rgba(203,96,21,.16)!important;
}
.recharts-curve.recharts-tooltip-cursor{
  stroke:rgba(203,96,21,.34)!important;
  stroke-width:1.5!important;
  stroke-dasharray:4 4;
}
.recharts-active-dot circle,.recharts-dot{
  fill:#fff!important;
  stroke:var(--kaif-chart-orange)!important;
  stroke-width:3!important;
  filter:drop-shadow(0 3px 4px rgba(122,50,9,.24));
}
.recharts-default-tooltip,
.recharts-tooltip-wrapper>div{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:10px!important;
  background:rgba(47,31,24,.95)!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(47,31,24,.22)!important;
  backdrop-filter:blur(8px);
}
.recharts-tooltip-label{color:#fff4ec!important;font-weight:800!important}
.recharts-tooltip-item{font-weight:700!important}
.recharts-legend-item-text{color:#715d52!important;font-weight:700!important}

.dark .recharts-responsive-container{
  border-color:rgba(240,138,60,.2);
  background:
    radial-gradient(circle at 10% 8%,rgba(240,138,60,.13),transparent 35%),
    linear-gradient(180deg,rgba(45,30,23,.98),rgba(34,23,18,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.dark .recharts-responsive-container:hover{
  border-color:rgba(240,138,60,.36);
  box-shadow:0 14px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);
}
.dark .recharts-cartesian-grid line{stroke:#695044!important;stroke-opacity:.55!important}
.dark .recharts-cartesian-axis-line,.dark .recharts-cartesian-axis-tick-line{stroke:#725a4d!important}
.dark .recharts-cartesian-axis-tick text{fill:#cdb9ad!important}
.dark .recharts-legend-item-text{color:#d6c3b8!important}

.kaif-chart-ready{
  animation:kaif-chart-reveal .48s cubic-bezier(.2,.75,.25,1) both;
}
.kaif-chart-curve-animate{
  stroke-dasharray:var(--kaif-path-length) var(--kaif-path-length);
  stroke-dashoffset:var(--kaif-path-length);
  animation:kaif-chart-draw 1.05s cubic-bezier(.22,.78,.26,1) forwards;
}
.kaif-chart-bar-animate{
  animation:kaif-chart-bar-rise .62s cubic-bezier(.2,.8,.25,1) both;
  animation-delay:var(--kaif-bar-delay,0ms);
}
@keyframes kaif-chart-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes kaif-chart-draw{to{stroke-dashoffset:0}}
@keyframes kaif-chart-bar-rise{from{opacity:.12;transform:scaleY(.08)}to{opacity:1;transform:scaleY(1)}}

@media (max-width:640px){
  .recharts-responsive-container{border-radius:10px;padding:7px 2px 0}
  .recharts-cartesian-axis-tick text{font-size:9px}
}
@media (prefers-reduced-motion:reduce){
  .kaif-chart-ready,.kaif-chart-curve-animate,.kaif-chart-bar-animate{animation:none!important}
  .recharts-bar-rectangle path{transition:none!important}
}