/* A successful reminder highlights the group for exactly 24 hours. */
#groups .account-card.reminder-sent-recent{background:#fff5f5!important;border-color:#efb6ba!important;border-top-color:#e5484d!important;box-shadow:0 10px 28px rgba(190,40,45,.08)!important}
#groups .account-card.reminder-sent-recent .group-cell>span,#groups .account-card.reminder-sent-recent .group-avatar{background:#fee9eb!important;border-color:#f0c1c6!important;color:#c42f40!important}
#groups .account-card.reminder-sent-recent .account-cell:nth-child(2){background:#fff0f2!important;border-color:#f0c1c6!important;color:#b42337!important}
#groups .account-card.reminder-sent-recent .account-cell:nth-child(6),#groups .account-card.reminder-sent-recent td:nth-child(6){background:#fff9fa!important}
.reminder-sent-badge{display:inline-flex;margin-left:8px;padding:5px 8px;border-radius:999px;background:#fee9eb;color:#b42337;font-size:10px;font-weight:800}

/* Payment status colors. Paused cards keep their existing appearance. */
#groups .account-card[data-state="active"]{border-top-color:#d53e4f!important}
#groups .account-card[data-state="active"]:hover{border-top-color:#d53e4f!important}
#groups .account-card[data-state="active"] .account-cell:nth-child(2){border-color:#c6d9f6!important;background:linear-gradient(145deg,#f5f9ff,#e7f0ff)!important;color:#173f87!important}
#groups .account-card[data-state="active"] .account-cell:nth-child(2)::before{color:#365b96!important}
#groups .account-card[data-state="paid"]{border-top-color:#36a879!important}
#groups .account-card[data-state="paid"] .account-cell:nth-child(2){border-color:#bce3ce!important;background:linear-gradient(145deg,#f3fcf6,#ddf5e6)!important;color:#126743!important}
#groups .account-card[data-state="paid"] .account-cell:nth-child(2)::before{color:#367657!important}
#groups .account-card[data-state="paid"].reminder-sent-recent{background:#f5fcf7!important;border-color:#bce3ce!important;border-top-color:#36a879!important}
#groups .account-card[data-state="paid"].reminder-sent-recent .group-avatar{background:#ddf5e6!important;border-color:#bce3ce!important;color:#126743!important}

#groups .account-card[data-state="paid"] .status-badge{background:#ddf5e6!important;color:#126743!important}