.health-panel{
display:flex;
flex-direction:column;
gap:18px;
}

.heart-summary{
text-align:center;
}

.heart-rate{

font-size:54px;

font-weight:700;

color:#ef4444;

}

.patient-status{

background:#dcfce7;

padding:12px;

border-radius:12px;

text-align:center;

color:#15803d;

font-weight:600;

}

.monitor-row{

display:flex;

justify-content:space-between;

padding:10px 0;

border-bottom:1px solid #ececec;

}

.monitor-row:last-child{

border:none;

}

.monitor-row span:first-child{
display:flex;
align-items:center;
gap:10px;
}

.monitor-row svg{
width:18px;
height:18px;
color:#6b7280;
}

.health-card{
background:#fbfcfe;
border:1px solid #e2e8f0;
border-radius:18px;

padding:18px;

display:flex;
flex-direction:column;

min-height:105px;
justify-content:center;
}

.health-title
{
font-size:13px;
font-weight:700;

color:#64748b;

margin-bottom:8px;
}

.health-value{
font-size:30px;
line-height:1.2;
font-weight:800;
color:#111827;
}

.heart-icon{

font-size:42px;
}

.heart-unit{

font-size:18px;

color:#666;

}

.heart-status.normal {
	margin-top:10px;
	display:inline-block;
	padding:6px 16px;
	border-radius:20px;
	font-weight:600;
    background: #22c55e;
    color: white;
}

.heart-status.warning {
	margin-top:10px;
	display:inline-block;
	padding:6px 16px;
	border-radius:20px;
	font-weight:600;
    background: #facc15;
    color: #000;
}

.heart-status.critical {
	margin-top:10px;
	display:inline-block;
	padding:6px 16px;
	border-radius:20px;
	font-weight:600;
    background: #ef4444;
    color: white;
}

.heart-graph{

height:180px;

border:1px solid #e5e7eb;

border-radius:16px;

padding:10px;

}

.heart-stat-row{

display:grid;

grid-template-columns:repeat(3,1fr);

text-align:center;

}

.heart-stat-row span{

display:block;

color:#666;

margin-bottom:6px;

}

.heart-stat-row strong{

font-size:24px;

}

.heart-icon svg{
width:60px;
height:60px;
color:#ef4444;
}