/* Estilo Balança de Farmácia 6 Zonas */
.conv-dial-container {
	position: relative;
	width: 260px;
	height: 260px;
	margin: 0 auto 30px;
	background: #fff;
	border-radius: 50%;
	border: 10px solid #e2e8f0;
	box-shadow: inset 0 10px 20px rgba(0,0,0,0.05), 0 10px 15px rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

/* 6 Cores Sincronizadas em 240 graus de arco */
.conv-dial-marks {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: conic-gradient(
		from -120deg,
		#60a5fa 0deg 40deg,    /* Peso Baixo - Azul */
		#10b981 40deg 80deg,   /* Normal - Verde */
		#fbbf24 80deg 120deg,  /* Sobrepeso - Amarelo */
		#f97316 120deg 160deg, /* Obesidade I - Laranja */
		#ef4444 160deg 200deg, /* Obesidade II - Vermelho */
		#991b1b 200deg 240deg, /* Obesidade III - Carmesim */
		transparent 240deg
	);
	mask: radial-gradient(circle, transparent 62%, black 63%);
	-webkit-mask: radial-gradient(circle, transparent 62%, black 63%);
	opacity: 0.5;
}

.conv-needle {
	position: absolute;
	width: 4px;
	height: 100px;
	background: #1e293b;
	bottom: 50%;
	left: calc(50% - 2px);
	transform-origin: bottom center;
	transform: rotate(-120deg);
	transition: transform 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
	border-radius: 4px;
	z-index: 10;
}

.conv-needle::before {
	content: '';
	position: absolute;
	top: -12px;
	left: -6px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 15px solid #1e293b;
}

.conv-center-dot {
	width: 20px;
	height: 20px;
	background: #1e293b;
	border-radius: 50%;
	z-index: 11;
	border: 4px solid #fff;
}

.conv-digital-screen {
	position: absolute;
	bottom: 50px;
	background: #0f172a;
	color: #22c55e;
	padding: 4px 12px;
	border-radius: 6px;
	font-family: 'JetBrains Mono', monospace;
	font-size: 1.4rem;
	box-shadow: inset 0 2px 5px rgba(0,0,0,0.8);
	border: 1px solid #334155;
	min-width: 80px;
	text-align: center;
}

/* Tabela Sincronizada */
.conv-table-imc {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	font-size: 0.8rem;
	border: 1px solid #e2e8f0;
}

.conv-table-imc td { padding: 10px; border-bottom: 1px solid #f1f5f9; }
.conv-table-imc tr td:first-child { font-weight: 800; width: 40%; }

/* Cores das Linhas */
.row-0 { border-left: 6px solid #60a5fa; background: #eff6ff; } /* Azul */
.row-1 { border-left: 6px solid #10b981; background: #f0fdf4; } /* Verde */
.row-2 { border-left: 6px solid #fbbf24; background: #fffbeb; } /* Amarelo */
.row-3 { border-left: 6px solid #f97316; background: #fff7ed; } /* Laranja */
.row-4 { border-left: 6px solid #ef4444; background: #fef2f2; } /* Vermelho */
.row-5 { border-left: 6px solid #991b1b; background: #fef2f2; } /* Carmesim */

.active-row { 
	outline: 2px solid #1e293b; 
	transform: scale(1.02); 
	z-index: 2; 
	position: relative; 
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}