.guardian-hero{
  margin:7px 10px 0;
  padding:13px 14px;
  border-radius:17px;
  background:
    radial-gradient(circle at 88% 8%, rgba(142,214,207,.22), transparent 28%),
    linear-gradient(135deg,#fffdfb,#fff2e7);
  border:0.5px solid rgba(255,255,255,.82);
  box-shadow:0 9px 20px rgba(140,84,58,.10);
}
.guardian-title{
  font-size:21px;
  line-height:1.1;
  font-weight:900;
  color:#2B1E1A;
}
.guardian-desc{
  max-width:215px;
  margin-top:5px;
  font-size:12px;
  line-height:1.55;
  color:#80695F;
}
.guardian-badge{
  background:#fff;
  color:#8E4537;
  box-shadow:0 4px 9px rgba(140,84,58,.10);
}
.guardian-stats{
  padding:7px 10px 0;
  gap:6px;
}
.guardian-stat-card{
  min-height:56px;
  border-radius:13px;
  background:rgba(255,255,255,.88);
  border:0.5px solid #F0DED3;
  box-shadow:0 6px 14px rgba(140,84,58,.06);
}
.guardian-stat-card.warn{background:#FFF8E8;border-color:#F2E1B8;}
.guardian-stat-card.alert{background:#FFF0F2;border-color:#F3CDD3;}
.guardian-stat-value{
  font-size:20px;
  color:#2B1E1A;
}
.guardian-stat-label{
  font-size:11px;
  font-weight:800;
  color:#80695F;
}
.guardian-list-section{
  margin:7px 10px 9px;
  padding:0;
  background:transparent;
  box-shadow:none;
}
.guardian-person-card{
  margin-bottom:8px;
  padding:12px;
  border:0.5px solid #F0DED3;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 17px rgba(140,84,58,.08);
}
.guardian-person-card:first-child{padding-top:12px;border-top:0.5px solid #F0DED3;}
.guardian-avatar{
  width:44px;
  height:44px;
  border-radius:22px;
  background:#EEF5FF;
}
.guardian-avatar-fallback{
  color:#5C8AAE;
  font-size:15px;
  font-weight:900;
}
.guardian-person-name{
  font-size:16px;
  color:#2B1E1A;
  font-weight:900;
}
.guardian-person-meta{
  font-size:11px;
  color:#8A746B;
}
.guardian-status{
  padding:4px 8px;
  border-radius:499.5px;
  font-size:11px;
  font-weight:900;
}
.guardian-person-detail{
  margin-top:8px;
  padding:7px 8px;
  border-radius:10px;
  background:#FFF8F2;
  color:#7E6A60;
}
.guardian-health-grid{
  gap:6px;
  margin-top:8px;
}
.guardian-health-item{
  padding:8px 9px;
  border-radius:10px;
  background:#FFF8F2;
  border:0.5px solid #F4E3D9;
}
.guardian-health-label{
  font-size:10.5px;
  color:#9A8378;
  font-weight:800;
}
.guardian-health-value{
  font-size:13px;
  color:#2B1E1A;
  font-weight:900;
}

.guardian-device-card{
  margin:0 10px 9px;
  padding:13px;
  border-radius:17px;
  background:
    radial-gradient(circle at 92% 4%, rgba(142,214,207,.20), transparent 24%),
    linear-gradient(145deg,#FFFDF9,#FFF7EF 54%,#F6FBF8);
  border:0.5px solid #F0DED3;
  box-shadow:0 9px 21px rgba(140,84,58,.09);
}
.self-device-card{
  margin-top:9px;
}
.guardian-device-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:9px;
  margin-bottom:9px;
}
.guardian-device-title{
  display:block;
  font-size:15px;
  line-height:1.25;
  font-weight:900;
  color:#2B1E1A;
}
.guardian-device-desc{
  display:block;
  margin-top:3px;
  font-size:12px;
  line-height:1.45;
  color:#80695F;
}
.guardian-device-badge{
  flex-shrink:0;
  padding:4px 8px;
  border-radius:499.5px;
  background:#EAF8EF;
  color:#2EA66F;
  font-size:11.5px;
  font-weight:900;
}
.guardian-device-group-card{
  margin-top:8px;
  padding:9px;
  border-radius:13px;
  background:rgba(255,255,255,.70);
  border:0.5px solid rgba(240,222,211,.86);
}
.guardian-device-group{
  display:block;
  position:relative;
  margin:0 0 6px;
  padding-left:10px;
  font-size:12px;
  line-height:1.3;
  color:#8E4537;
  font-weight:900;
}
.guardian-device-group::before{
  content:'';
  position:absolute;
  left:0;
  top:4.5px;
  width:5px;
  height:5px;
  border-radius:499.5px;
  background:linear-gradient(135deg,#DF8068,#F3C27A);
}
.guardian-device-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:5px;
}
.guardian-device-item{
  min-height:44px;
  padding:7.5px 8px;
  border-radius:11px;
  background:linear-gradient(180deg,rgba(255,250,246,.98),rgba(255,245,238,.92));
  border:0.5px solid rgba(244,227,217,.96);
}
.guardian-device-item text:first-child{
  display:block;
  font-size:12px;
  font-weight:900;
  color:#2B1E1A;
}
.guardian-device-item text:last-child{
  display:block;
  margin-top:2.5px;
  font-size:11px;
  line-height:1.35;
  color:#8A746B;
}