.gachi-ach-list .gachi-ach { margin-bottom: 1rem; }
.gachi-leaderboard { padding-left: 1.2rem; }
.gachi-logs { padding-left: 1.2rem; }
tr.gachi-points th { font-weight: 600; }

/* ==== Gachification: Points display ==== */
.gachi-user-points{
  display:grid;
  gap:32px 48px;
  align-items:center;
}

/* columns utility (desktop) */
.gachi-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.gachi-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gachi-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gachi-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gachi-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.gachi-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}

/* small screens override */
@media (max-width: 782px){
  .gachi-cols-sm-1{grid-template-columns:repeat(1,minmax(0,1fr))}
  .gachi-cols-sm-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gachi-cols-sm-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gachi-cols-sm-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .gachi-cols-sm-5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .gachi-cols-sm-6{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* item */
.gachi-points-item{
  display:flex;
  align-items:center;
  gap:12px;
  color:#2f3b48;
  line-height:1.35;
}

/* icon bubble (uses the admin-provided image) */
.gachi-thumb img{
  width:40px;              /* overridden if HTML has width/height attrs */
  height:40px;
  object-fit:contain;
  background:#fff;
  border-radius:50%;
  box-shadow:
     0 0 0 2px #e6e9ec,    /* thin outline ring */
     0 2px 6px rgba(0,0,0,.06);
  padding:6px;             /* creates the “puck” look */
  display:block;
}

/* number + label */
.gachi-balance{
  font-weight:700;
  font-size:18px;
  margin-right:4px;
}
.gachi-label{
  opacity:.9;
}

/* layout helpers from your shortcode classes */
.gachi-layout-left  .gachi-points-item{flex-direction:row}
.gachi-layout-right .gachi-points-item{flex-direction:row-reverse}
.gachi-layout-top   .gachi-points-item{flex-direction:column; text-align:center}
.gachi-layout-bottom.gachi-points-item{flex-direction:column-reverse; text-align:center}

/* align helpers */
.gachi-align-left   {justify-items:start; text-align:left}
.gachi-align-center {justify-items:center; text-align:center}
.gachi-align-right  {justify-items:end; text-align:right}

/* inline style (text only): keep spacing tight */
.gachi-inline .gachi-points-item{gap:8px}