/* ProPredictor v2 — Compact Actions (U/C/S chips) REF-13-09-25-V016 */
/* 50% smaller vs V015: 20px diameter chips, tighter reserve space */

.pp-strip-row:first-of-type { 
  position: relative;
  padding-right: 92px; /* 3×20px chips + 2×6px gaps + a bit of breathing */
}

.pp-strip-row:first-of-type .pp-strip-actions {
  position: absolute;
  top: 4px;
  right: 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Base chip style for U/C/S — 20px */
#pp-undo, #pp-clean, #pp-save {
  width: 20px; height: 20px;
  border-radius: 999px;
  padding: 0;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;        /* hide original text */
  line-height: 1;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.12);
  cursor: pointer;
}
#pp-undo:hover, #pp-clean:hover, #pp-save:hover { filter: brightness(0.95); }
#pp-undo:active, #pp-clean:active, #pp-save:active { transform: translateY(1px); }
#pp-undo:focus-visible, #pp-clean:focus-visible, #pp-save:focus-visible { outline: 2px solid rgba(0,128,255,.35); outline-offset: 2px; }

/* Letters (scaled down to fit 20px) */
#pp-undo::after  { content: 'U'; font-size: 11px; font-weight: 800; }
#pp-clean::after { content: 'C'; font-size: 11px; font-weight: 800; }
#pp-save::after  { content: 'S'; font-size: 11px; font-weight: 800; }

/* Colors */
#pp-undo  { background: #f59e0b; } /* amber */
#pp-clean { background: #ef4444; } /* red */
#pp-save  { background: #16a34a; } /* green */