.inreal-widget{
  position:relative;
  background:
    radial-gradient(circle at top right, rgba(86,193,103,.10), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
  border:1px solid #e7edf2;
  border-radius:24px;
  box-shadow:0 16px 40px rgba(15,23,42,.08);
  padding:28px;
  overflow:hidden;
}
.inreal-widget:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:5px;
  background:linear-gradient(90deg,#0d4d57 0%, #0f5b66 45%, #57c56c 100%);
}
.inreal-widget-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  flex-wrap:wrap;
  margin-bottom:20px;
}
.inreal-widget-kicker{
  font-size:12px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#6b7280;
  margin-bottom:8px;
}
.inreal-widget-title{
  display:block;
  font-size:30px;
  line-height:1.08;
  color:#101828;
  font-weight:800;
}
.inreal-widget-rating{
  min-width:190px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid transparent;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.inreal-widget-rating-label{
  display:block;
  font-size:12px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#51606f;
  margin-bottom:6px;
}
.inreal-widget-rating-value{
  display:block;
  font-size:34px;
  line-height:1;
  font-weight:800;
  color:#111827;
}
.inreal-widget-rating.rating-good{
  background:linear-gradient(180deg,#eef9f0 0%,#e4f5e8 100%);
  border-color:#d2edd9;
}
.inreal-widget-rating.rating-mid{
  background:linear-gradient(180deg,#fff8e7 0%,#fff3d2 100%);
  border-color:#eed89a;
}
.inreal-widget-rating.rating-bad{
  background:linear-gradient(180deg,#fef0f0 0%,#fde3e3 100%);
  border-color:#f0c4c4;
}
.inreal-widget-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:20px;
}
.inreal-widget-stat{
  position:relative;
  background:#f8fafc;
  border:1px solid #edf2f7;
  border-radius:18px;
  padding:16px 18px;
}
.inreal-widget-stat:before{
  content:"";
  position:absolute;
  left:18px;
  top:14px;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#56c167;
}
.inreal-widget-stat-label{
  display:block;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#697586;
  margin-bottom:10px;
  padding-left:14px;
}
.inreal-widget-stat-value{
  display:block;
  font-size:24px;
  line-height:1.1;
  color:#101828;
  font-weight:800;
}
.inreal-widget-body{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:16px;
  align-items:start;
}
.inreal-widget-text-wrap{
  background:#fff;
  border:1px solid #ecf1f5;
  border-radius:18px;
  padding:18px 20px;
}
.inreal-widget-text-title{
  font-size:13px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#6b7280;
  margin-bottom:14px;
}
.inreal-widget-text{
  font-size:16px;
  line-height:1.85;
  color:#1f2937;
}
.inreal-widget-side{
  background:linear-gradient(180deg,#f8fafb 0%,#f4f7f8 100%);
  border:1px solid #e9eef2;
  border-radius:18px;
  padding:18px;
}
.inreal-widget-side-title{
  font-size:13px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#6b7280;
  margin-bottom:14px;
}
.inreal-widget-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.inreal-widget-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#1f2937;
  font-size:15px;
  line-height:1.5;
}
.inreal-widget-icon{
  width:22px;
  height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  flex:0 0 22px;
  margin-top:1px;
}
.inreal-widget-icon.plus{
  background:#eaf7ec;
  color:#207544;
}
.inreal-widget-icon.minus{
  background:#fff4dd;
  color:#8a6500;
}
.inreal-widget-icon.dot{
  background:#eef2f6;
  color:#475467;
}
.inreal-widget-empty{
  font-size:15px;
  color:#6b7280;
}
@media (max-width: 960px){
  .inreal-widget{padding:22px;border-radius:20px}
  .inreal-widget-title{font-size:24px}
  .inreal-widget-meta{grid-template-columns:1fr}
  .inreal-widget-body{grid-template-columns:1fr}
  .inreal-widget-rating{min-width:160px}
}