.mtaif-wrap {
	--mtaif-bg: #0a0c14;
	--mtaif-panel: #10131f;
	--mtaif-border: rgba(0, 229, 160, 0.15);
	--mtaif-accent: #00e5a0;
	--mtaif-accent2: #00b8ff;
	--mtaif-red: #ff4d6d;
	--mtaif-text: #e8ecf5;
	--mtaif-muted: #8b93a7;
	max-width: 900px;
	margin: 24px auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hind Siliguri", "Noto Sans Bengali", sans-serif;
	color: var(--mtaif-text);
}

.mtaif-card {
	background: linear-gradient(160deg, var(--mtaif-panel) 0%, #0c0f1a 100%);
	border-radius: 22px;
	padding: 2px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0,0,0,0.55);
}

.mtaif-card::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1.5px;
	border-radius: 22px;
	background: conic-gradient(from 0deg, #00e5a0, #00b8ff, #7b5cff, #00e5a0);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	animation: mtaif-border-spin 8s linear infinite;
	opacity: 0.6;
	pointer-events: none;
}

@keyframes mtaif-border-spin {
	to { filter: hue-rotate(360deg); }
}

.mtaif-card > * { position: relative; z-index: 1; }

.mtaif-card {
	padding: 28px;
}

.mtaif-card::after {
	content: "";
	position: absolute;
	top: -100px; right: -100px;
	width: 280px; height: 280px;
	background: radial-gradient(circle, rgba(0,229,160,0.16), transparent 70%);
	pointer-events: none;
	z-index: 0;
}

.mtaif-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 20px;
}

.mtaif-brand { display: flex; align-items: center; gap: 12px; }

.mtaif-logo-dot {
	width: 14px; height: 14px;
	border-radius: 50%;
	background: var(--mtaif-accent);
	box-shadow: 0 0 12px 3px rgba(0,229,160,0.7);
	flex-shrink: 0;
}

.mtaif-brand h2 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.3px;
	background: linear-gradient(90deg, #ffffff, var(--mtaif-accent));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.mtaif-brand p {
	margin: 2px 0 0;
	font-size: 12.5px;
	color: var(--mtaif-muted);
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.mtaif-strategy-badge {
	background: rgba(0,229,160,0.12);
	color: var(--mtaif-accent);
	border: 1px solid rgba(0,229,160,0.3);
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.4px;
	padding: 3px 9px;
	border-radius: 20px;
	text-transform: uppercase;
}

.mtaif-logo-dot {
	animation: mtaif-pulse 2s ease-in-out infinite;
}

@keyframes mtaif-pulse {
	0%, 100% { box-shadow: 0 0 12px 3px rgba(0,229,160,0.7); }
	50% { box-shadow: 0 0 20px 7px rgba(0,229,160,0.95); }
}

.mtaif-market-select select {
	background: #0d1120;
	border: 1px solid var(--mtaif-border);
	color: var(--mtaif-text);
	padding: 10px 16px;
	border-radius: 12px;
	font-size: 14px;
	outline: none;
	min-width: 220px;
	cursor: pointer;
}

.mtaif-chart-box {
	background: #05070d;
	border: 1px solid var(--mtaif-border);
	border-radius: 16px;
	overflow: hidden;
	height: 420px;
	margin-bottom: 20px;
}

#mtaif-tv-chart { width: 100%; height: 100%; }

.mtaif-action-row {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.mtaif-btn {
	background: linear-gradient(90deg, var(--mtaif-accent), var(--mtaif-accent2));
	color: #04140f;
	border: none;
	padding: 14px 30px;
	font-size: 15px;
	font-weight: 700;
	border-radius: 14px;
	cursor: pointer;
	box-shadow: 0 8px 24px rgba(0,229,160,0.3);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	display: flex;
	align-items: center;
	gap: 8px;
}

.mtaif-btn:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,229,160,0.45); }
.mtaif-btn:disabled, .mtaif-btn-disabled { opacity: 0.45; cursor: not-allowed; box-shadow: none; }

.mtaif-btn-reset {
	background: transparent;
	color: var(--mtaif-muted);
	border: 1px solid rgba(255,255,255,0.15);
	padding: 12px 20px;
	font-size: 13.5px;
	font-weight: 600;
	border-radius: 14px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.15s ease;
}

.mtaif-btn-reset:hover {
	color: var(--mtaif-red);
	border-color: rgba(255,77,109,0.4);
	background: rgba(255,77,109,0.08);
}

.mtaif-status {
	font-size: 13.5px;
	color: var(--mtaif-accent2);
	position: relative;
	padding-left: 16px;
}

.mtaif-status:not(:empty)::before {
	content: "";
	position: absolute;
	left: 0; top: 50%;
	transform: translateY(-50%);
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--mtaif-accent2);
	animation: mtaif-pulse2 1.4s ease-in-out infinite;
}

.mtaif-status-error::before { background: var(--mtaif-red) !important; }
.mtaif-status-error { color: var(--mtaif-red); }

@keyframes mtaif-pulse2 {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.3; }
}

.mtaif-signal-box {
	background: #0d1120;
	border: 1px solid var(--mtaif-border);
	border-radius: 16px;
	padding: 22px;
	margin-bottom: 18px;
	animation: mtaif-fade 0.3s ease;
}

@keyframes mtaif-fade { from { opacity: 0; transform: translateY(8px);} to { opacity: 1; transform: translateY(0);} }

.mtaif-signal-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }

.mtaif-direction {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 1px;
	padding: 6px 20px;
	border-radius: 30px;
}

.mtaif-dir-buy { background: rgba(0,229,160,0.15); color: var(--mtaif-accent); box-shadow: inset 0 0 0 1px rgba(0,229,160,0.4), 0 0 24px rgba(0,229,160,0.25); }
.mtaif-dir-sell { background: rgba(255,77,109,0.15); color: var(--mtaif-red); box-shadow: inset 0 0 0 1px rgba(255,77,109,0.4), 0 0 24px rgba(255,77,109,0.25); }
.mtaif-dir-neutral { background: rgba(139,147,167,0.15); color: var(--mtaif-muted); box-shadow: inset 0 0 0 1px rgba(139,147,167,0.4); }

.mtaif-signal-item {
	transition: transform 0.15s ease;
}
.mtaif-signal-item:hover { transform: translateY(-3px); }
.mtaif-value { text-shadow: 0 0 14px rgba(255,255,255,0.12); }

.mtaif-confidence { font-size: 13.5px; color: var(--mtaif-muted); }

.mtaif-signal-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-bottom: 18px;
}

.mtaif-signal-item {
	background: #05070d;
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 12px;
	padding: 14px;
	text-align: center;
}

.mtaif-signal-item.mtaif-sl { border-color: rgba(255,77,109,0.3); }
.mtaif-signal-item.mtaif-tp { border-color: rgba(0,229,160,0.3); }

.mtaif-label { display: block; font-size: 11.5px; color: var(--mtaif-muted); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
.mtaif-value { display: block; font-size: 18px; font-weight: 700; }

.mtaif-live-pl { font-size: 13.5px; color: var(--mtaif-muted); margin-bottom: 18px; }
.mtaif-live-pl #mtaif-live-price { color: var(--mtaif-text); font-weight: 700; margin-right: 10px; }

.mtaif-pl-bar { display: block; height: 8px; background: #05070d; border-radius: 6px; margin-top: 8px; overflow: hidden; }
#mtaif-pl-fill { display: block; height: 100%; width: 0; transition: width 0.6s ease; }

.mtaif-reasons h4 { margin: 0 0 10px; font-size: 13.5px; color: var(--mtaif-text); }
.mtaif-reasons ul { margin: 0; padding-left: 18px; }
.mtaif-reasons li { font-size: 13px; color: var(--mtaif-muted); margin-bottom: 6px; }

.mtaif-meta { margin-top: 14px; font-size: 11.5px; color: var(--mtaif-muted); }

.mtaif-disclaimer {
	font-size: 11.5px;
	color: var(--mtaif-muted);
	border-top: 1px solid rgba(255,255,255,0.06);
	padding-top: 14px;
	line-height: 1.6;
}

@media (max-width: 640px) {
	.mtaif-signal-grid { grid-template-columns: 1fr; }
	.mtaif-chart-box { height: 300px; }
	.mtaif-market-select select { min-width: 100%; }
}