/* =========================================================
MARKETVISTA AI — SVG SPARKLINE SYSTEM
FILE: /assets/css/mv-sparklines.css
VERSION: 1.1
DATE: 2026-03-16
========================================================= */


/* =========================================================
SPARKLINE CONTAINER
========================================================= */

.mv-sparkline{
width:100%;
height:40px;
display:block;
overflow:hidden;
position:relative;
}


/* =========================================================
SPARKLINE SVG
========================================================= */

.mv-sparkline svg{
width:100%;
height:100%;
display:block;
}


/* =========================================================
SPARKLINE LINE
========================================================= */

.mv-sparkline polyline{

fill:none;

stroke-width:2;

stroke-linecap:round;

stroke-linejoin:round;

/* prevents scaling distortion */

vector-effect:non-scaling-stroke;

/* smooth updates */

transition:stroke .25s ease;

/* subtle glow */

filter:drop-shadow(0 0 4px rgba(0,0,0,.25));

}


/* =========================================================
TREND COLORS
========================================================= */

.mv-sparkline.mv-spark-up polyline{
stroke:#22c55e;
}

.mv-sparkline.mv-spark-down polyline{
stroke:#ef4444;
}

.mv-sparkline.mv-spark-flat polyline{
stroke:#64748b;
}


/* =========================================================
OPTIONAL HOVER EFFECT
========================================================= */

.mv-sparkline:hover polyline{
stroke-width:2.5;
}