/* ============================================================
   GAPress — Preview (NO img, NO svg)
   ============================================================ */

.gapress-prev{
  box-shadow: 0 24px 70px rgba(15,23,42,.10);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}

.gapress-prev__dot{
  width:18px;height:18px;border-radius:9999px;
  border:2px solid rgba(36,86,216,.45);
  box-shadow:0 10px 22px rgba(36,86,216,.10);
  display:inline-block;
}

/* KPI bar */
.gapress-prev__bar{
  height:10px;
  border-radius:9999px;
  background: rgba(15,23,42,.08);
  overflow:hidden;
}
.gapress-prev__bar span{
  display:block;
  height:100%;
  border-radius:9999px;
  background: rgba(36,86,216,.90);
  box-shadow:0 10px 18px rgba(36,86,216,.14);
}

/* timeline */
.gapress-prev__timeline{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.gapress-prev__tlrow{
  display:flex;
  align-items:center;
  gap:10px;
}
.gapress-prev__tlrow span{
  width:12px;height:12px;border-radius:9999px;
  background: rgba(36,86,216,.88);
  box-shadow:0 10px 18px rgba(36,86,216,.12);
}
.gapress-prev__tlrow i{
  display:block;
  flex:1;
  height:10px;
  border-radius:9999px;
  background: rgba(15,23,42,.08);
}

/* tasks */
.gapress-prev__tasks{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.gapress-prev__task{
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.06);
  background: rgba(248,249,251,1);
  padding:10px 12px;
}
.gapress-prev__task b{
  width:10px;height:10px;border-radius:9999px;
  background: rgba(36,86,216,.90);
  display:inline-block;
}
.gapress-prev__task span{
  display:block;
  flex:1;
  height:10px;
  border-radius:9999px;
  background: rgba(15,23,42,.08);
}