.eau-umpum-box { border:1px solid #e2e8f0; border-radius:14px; padding:20px; background:#fff; margin: 0 0 24px; }
.eau-umpum-box h2 { margin-top:0; }
.eau-umpum-current-card { border:1px solid #e5e7eb; border-radius:14px; padding:18px; margin:16px 0; background:#fbfdff; }
.eau-umpum-current-head { display:flex; gap:20px; justify-content:space-between; align-items:flex-start; border-bottom:1px solid #e5e7eb; padding-bottom:14px; margin-bottom:14px; }
.eau-umpum-current-head h3 { margin:0 0 5px; }
.eau-muted { color:#6b7280; font-size:.95em; }
.eau-umpum-credit { background:#eef9ff; color:#075985; border:1px solid #bae6fd; border-radius:12px; padding:12px 16px; min-width:170px; text-align:center; }
.eau-umpum-credit span { display:block; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.eau-umpum-credit strong { display:block; font-size:22px; margin-top:4px; }
.eau-umpum-upgrades h4 { margin:0 0 12px; }
.eau-umpum-upgrade-list { display:flex; flex-direction:column; gap:10px; }
.eau-umpum-upgrade-option { display:flex; gap:15px; align-items:center; justify-content:space-between; padding:12px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; }
.eau-umpum-pay-today { display:block; margin-top:4px; font-weight:700; }
.eau-umpum-upgrade-btn { white-space:nowrap; }
.eau-umpum-checkout-notice { margin-bottom:16px; }
@media (max-width: 700px) { .eau-umpum-current-head, .eau-umpum-upgrade-option { flex-direction:column; align-items:stretch; } .eau-umpum-credit { text-align:left; } }

.eau-umpum-portal-upgrades { margin-top: 8px; display:flex; flex-direction:column; gap:8px; align-items:flex-end; }
.eau-umpum-portal-upgrade-btn { display:inline-block; text-align:center; white-space:normal; line-height:1.25; padding:8px 12px; border-radius:6px; }
@media (max-width: 700px) { .eau-umpum-portal-upgrades { align-items:flex-start; } }