.pzvg-theme-controls {
	margin: 14px 0 8px;
	padding: 13px 14px;
	border: 1px solid rgba(134, 172, 188, .22);
	border-radius: 10px;
	background: rgba(4, 16, 22, .46);
}

.pzvg-theme-controls__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.pzvg-theme-controls__head strong { color: #f4f7f8; font-size: 13px; }
.pzvg-theme-controls__head span { display: flex; flex-wrap: wrap; gap: 6px; }
.pzvg-theme-controls button {
	appearance: none;
	padding: 6px 9px;
	border: 1px solid rgba(134, 172, 188, .26);
	border-radius: 999px;
	background: #0a171d;
	color: #9fb0b8;
	cursor: pointer;
	font: 600 11px/1.2 inherit;
}
.pzvg-theme-controls button:hover, .pzvg-theme-controls button:focus-visible { border-color: #11dbe6; color: #fff; }
.pzvg-theme-legend { display: flex; flex-wrap: wrap; gap: 7px; }
.pzvg-theme-legend button { position: relative; padding-left: 23px; }
.pzvg-theme-legend button::before {
	position: absolute;
	left: 9px;
	top: 50%;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--pzvg-series-color);
	content: '';
	transform: translateY(-50%);
}
.pzvg-theme-legend button.is-active { border-color: var(--pzvg-series-color); color: #fff; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pzvg-series-color) 35%, transparent); }
.pzvg-theme-controls > p { margin: 10px 0 0; color: #78909a; font-size: 11px; line-height: 1.5; }
.pzvg-theme-controls > .pzvg-theme-credit { padding-top: 9px; border-top: 1px solid rgba(134, 172, 188, .16); }
.pzvg-theme-credit a { color: #a8e6e9; text-decoration: underline; text-decoration-color: rgba(168, 230, 233, .45); text-underline-offset: 2px; }
.pzvg-theme-credit a:hover, .pzvg-theme-credit a:focus-visible { color: #fff; }
.pz-volatility-bands[hidden] { display: none !important; }
.pzvg-theme-active .pz-volatility-bigchart { margin-top: 8px; }
.pzvg-theme-active .pz-vol-point { pointer-events: none; }
.pzvg-theme-line { fill: none; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; opacity: .88; vector-effect: non-scaling-stroke; }
.pzvg-theme-line--aggregate { stroke: url(#pzVolLine); stroke-width: 2.8; opacity: 1; }
.pzvg-theme-update-zone { fill: rgba(255, 11, 99, .12); stroke: rgba(255, 11, 99, .45); stroke-width: 1; vector-effect: non-scaling-stroke; }
.pzvg-theme-update-label { fill: #ff6697; font: 700 9px/1 sans-serif; letter-spacing: .02em; }
.pzvg-theme-gridline { stroke: rgba(134, 172, 188, .18); stroke-dasharray: 3 4; stroke-width: 1; vector-effect: non-scaling-stroke; }
.pzvg-theme-gridlabel { fill: #78909a; font: 8px/1 sans-serif; }
.pzvg-theme-score small { color: #9fb0b8 !important; }
.pzvg-summary-card .pz-volatility-meta strong { color: #dbe5e9; }
.pzvg-summary-card .pz-volatility-meta span { color: #78909a; }
.pzvg-summary-card .pz-volatility-chart { background: rgba(4, 16, 22, .2); }
.pzvg-theme-active .pz-vol-tooltip { width: auto; min-width: 175px; max-height: 220px; overflow: auto; padding: 9px 10px; }
.pzvg-theme-tooltip-row { display: grid !important; grid-template-columns: 7px minmax(82px, 1fr) auto; align-items: center; gap: 6px; margin-top: 4px; white-space: nowrap; }
.pzvg-theme-tooltip-row i { width: 7px; height: 7px; border-radius: 50%; }
.pzvg-theme-tooltip-row b { color: #dbe5e9; font-size: 10px; font-weight: 600; }
.pzvg-theme-tooltip-row em { color: #fff; font-size: 10px; font-style: normal; font-variant-numeric: tabular-nums; }

@media (max-width: 700px) {
	.pzvg-theme-controls__head { align-items: flex-start; flex-direction: column; }
	.pzvg-theme-legend { max-height: 126px; overflow: auto; }
	.pzvg-theme-update-label { font-size: 8px; }
}