.cg-widget{
  margin:18px 0;
}
.cg-card{
  display:flex;
  gap:16px;
  align-items:center;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.cg-ava{
  width:84px;
  height:84px;
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.06);
  flex:0 0 auto;
}
.cg-ava img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.cg-body{
  flex:1;
  min-width:0;
}
.cg-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.cg-title{
  font-size:16px;
  margin-bottom:6px;
}
.cg-name{
  font-size:20px;
  margin-bottom:8px;
}
.cg-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.cg-chip{
  font-size:12px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
}
.cg-chip--today{
  background:rgba(0,200,120,.14);
  border-color:rgba(0,200,120,.28);
}
.cg-text{
  font-size:14px;
  opacity:.95;
  margin-bottom:12px;
}
.cg-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.cg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:12px;
  text-decoration:none;
  background:rgba(0,160,255,.16);
  border:1px solid rgba(0,160,255,.28);
}
.cg-btn:hover{
  filter:brightness(1.08);
}