/* /Components/SecurityIcon.razor.rz.scp.css */
.Icon[b-r4vps0s6xl] {
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: right;
    /* filter: grayscale(1.0) invert(1); */
    margin: 0 2px 0 auto;
    vertical-align: -18%;
    /* box-shadow: 0 1px 2px rgba(0,0,0,0.8); */
    box-shadow: 0 0 2px rgba(255,255,255,0.8);
    border-radius: 14px;
    overflow: hidden;

    /* Ensure background images scale correctly and stay centered */
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;

    /* Rendering hints for raster images and fonts on high-DPI */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE */

    /* Promote to its own layer to reduce blurring from transforms */
    transform: translateZ(0);
    will-change: transform;
}

/* Ensure any inline image or SVG fills the icon box cleanly */
.Icon img[b-r4vps0s6xl],
.Icon svg[b-r4vps0s6xl] {
    width: 100%;
    height: 100%;
    display: block;
}

/* Keep SVG strokes sharp when scaling */
.Icon svg[b-r4vps0s6xl] {
    vector-effect: non-scaling-stroke;
    shape-rendering: geometricPrecision;
}

/* High-DPI displays: prefer serving higher-resolution assets from HTML (srcset/background-image) and
   keep background-size at the CSS pixel size so browsers downscale the higher-res asset for a crisper result. */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .Icon[b-r4vps0s6xl] {
        /* explicit CSS size stays the same; background images provided at 2x/3x should be downscaled by the browser */
        background-size: 18px 18px;
    }
}
/* /Components/TradingBotList.razor.rz.scp.css */
.Icon[b-6y9umszswr] {
	display: inline-block;
	margin: 0 2px 0 auto;
	vertical-align: -90%;
	overflow: hidden;
}
/* /Components/Window.razor.rz.scp.css */
.Window[b-lu4w4odmzq] {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.WindowBody[b-lu4w4odmzq] {
	flex: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.WindowHeader[b-lu4w4odmzq] {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    background-color: !important;
    background-image: linear-gradient(45deg, var(--mud-palette-appbar-background) 0%, var(--mud-palette-surface) 100%);
    color: var(--mud-palette-appbar-text);
    font-size: 16px;
    padding: 8px 12px;
}
/* /Pages/TechnicalAnalysis/TechnicalAnalysis.razor.rz.scp.css */
.chart-wrapper[b-l3lkbvmqix] {
	position: relative; /* containing block for absolutely positioned overlay */
	height: 100%;
}

.buttons-container[b-l3lkbvmqix] {
	position: absolute;
	top: 12px;
	left: 12px;
	display: flex;
	flex-direction: row;
	gap: 8px;
	z-index: 50; /* ensure it sits above the chart */
	pointer-events: none; /* allow clicks to pass through except on buttons */
}

	.buttons-container button[b-l3lkbvmqix] {
		pointer-events: auto; /* re-enable pointer events for the buttons themselves */
		all: initial;
		font-family: -apple-system, BlinkMacSystemFont, 'Trebuchet MS', Roboto, Ubuntu, sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 510;
		line-height: 24px; /* 150% */
		letter-spacing: -0.32px;
		padding: 8px 16px;
		color: rgba(19, 23, 34, 1);
		background-color: #c4c4c4;
		border-radius: 8px;
		cursor: pointer;
		box-shadow: 0 2px 6px rgba(8, 10, 15, 0.06);
	}

		.buttons-container button:hover[b-l3lkbvmqix] {
			background-color: rgba(224, 227, 235, 1);
		}

		.buttons-container button:active[b-l3lkbvmqix] {
			background-color: rgba(209, 212, 220, 1);
		}

/* Optional: make the chart full width/height of wrapper if the component respects it */
.chart-wrapper > QuoteTaChart[b-l3lkbvmqix],
.chart-wrapper > QuoteTaChart *[b-l3lkbvmqix] {
	width: 100%;
	height: 100%;
}