.om-tab h3 { margin-top: 32px; }
.om-balance-card {
	background: #0F2740; color: #fff; border-radius: 18px;
	padding: 28px 32px; margin-bottom: 20px;
}
.om-balance-card__label { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: #9DE5E4; font-weight: 700; }
.om-balance-card__amount { font-size: 40px; font-weight: 800; margin: 6px 0; }
.om-balance-card__tier { font-size: 14px; color: #C9D3DC; }

.om-tier-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.om-tier-card { border: 1px solid #E2E8F0; border-radius: 14px; padding: 20px; text-align: center; }
.om-tier-card__name { font-weight: 800; font-size: 16px; color: #0F2740; }
.om-tier-card__price { font-size: 26px; font-weight: 800; margin: 6px 0 14px; }
.om-tier-card__price span { font-size: 13px; font-weight: 400; color: #6B7A89; }
.om-tier-card ul { list-style: none; padding: 0; margin: 0 0 16px; text-align: left; font-size: 13px; color: #444; }
.om-tier-card ul li { padding: 4px 0; }
.om-tier-card ul li::before { content: "✓ "; color: #1FB8B6; font-weight: 700; }
.om-signup-btn, .om-change-tier-btn, #om-cancel-btn {
	display: block; width: 100%; margin-bottom: 8px; padding: 10px;
	border-radius: 999px; border: 1.5px solid #0F2740; background: #0F2740; color: #fff;
	font-weight: 700; cursor: pointer; font-size: 13px;
}
.om-signup-btn--secondary { background: #fff; color: #0F2740; }
#om-cancel-btn { background: #fff; color: #C0392B; border-color: #C0392B; }

.om-manage-row { display: flex; flex-wrap: wrap; gap: 10px; }
.om-manage-row button { width: auto; padding: 10px 18px; }

.om-referral-link-box { display: flex; gap: 8px; max-width: 480px; }
.om-referral-link-box input { flex: 1; padding: 10px; border: 1px solid #E2E8F0; border-radius: 8px; }
.om-referral-link-box button { padding: 10px 18px; border-radius: 8px; border: none; background: #1FB8B6; color: #fff; font-weight: 700; cursor: pointer; }

.om-history-table { width: 100%; border-collapse: collapse; }
.om-history-table th, .om-history-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #E2E8F0; font-size: 13.5px; }
.om-credit-pos { color: #1FA363; font-weight: 700; }
.om-credit-neg { color: #C0392B; font-weight: 700; }

/* ================================================================
   Tier colors — Free: white/neutral, Insider: teal (site default),
   VIP: gold, Founder: platinum. Client will send background images
   later; these gradients are placeholders easily swapped for an
   actual background-image per tier via the same class names.
   ================================================================ */
.om-tier-bg--free     { background: #0F2740; }
.om-tier-bg--insider   { background: linear-gradient(135deg, #0F2740, #123449); }
.om-tier-bg--vip       { background: linear-gradient(135deg, #7a5c17, #b8912e); }
.om-tier-bg--founder   { background: linear-gradient(135deg, #3a3a42, #6b6b76); }

.om-tier-title-white { display: block; font-size: 11px; letter-spacing: .12em; color: #ffffff; font-weight: 700; }
.om-tier-name-colored { display: block; font-size: 18px; font-weight: 800; margin-top: 2px; }
.om-tier-color--free     { color: #C9D3DC; }
.om-tier-color--insider  { color: #1FB8B6; }
.om-tier-color--vip      { color: #F5D26B; }
.om-tier-color--founder  { color: #E5E4E2; }

/* Tier signup cards — VIP visually bigger than Insider, Founder bigger than VIP */
.om-tier-card--vip     { transform: scale(1.05); border-color: #D4AF37; box-shadow: 0 6px 20px rgba(212,175,55,0.15); }
.om-tier-card--founder { transform: scale(1.1); border-color: #8b8b93; box-shadow: 0 8px 26px rgba(139,139,147,0.2); }
.om-tier-card--vip .om-tier-card__name         { color: #B8912E; }
.om-tier-card--founder .om-tier-card__name     { color: #55555c; }

.om-benefit-list { list-style: none; margin: 0 0 24px; padding: 0; }
.om-benefit-list li { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #F0F4F8; font-size: 13.5px; }
.om-benefit-list li:last-child { border-bottom: none; }
.om-benefit-list__top { background: #FFF9E8; border-radius: 10px; font-weight: 700; }
.om-benefit-list__badge { font-size: 16px; }

.om-suspended-notice {
	background: #FDECEA; border: 1px solid #F5B4AC; border-radius: 12px;
	padding: 16px 20px; margin-bottom: 20px; font-size: 13.5px; color: #7a1f14;
}
.om-suspended-notice button {
	margin-left: 10px; background: #C0392B; color: #fff; border: none;
	border-radius: 999px; padding: 8px 16px; font-weight: 700; cursor: pointer; font-size: 12.5px;
}
#om-appeal-msg { margin-left: 10px; font-size: 12.5px; }

.om-partner-code-note { font-size: 12.5px; color: #6B7A89; margin-top: 8px; }
.om-referral-stats { display: flex; gap: 24px; margin-top: 16px; }
.om-referral-stats__item { text-align: center; }
.om-referral-stats__num { display: block; font-size: 22px; font-weight: 800; color: #0F2740; }
.om-referral-stats__item span:last-child { font-size: 11.5px; color: #6B7A89; }

/* Hover/shadow micro-interaction — matches the site's card-hover pattern (Changes.docx) */
.om-tier-card, .om-balance-card {
	transition: transform .15s ease, box-shadow .15s ease;
}
.om-tier-card:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(15,39,64,0.12); }
.om-tier-card--vip:hover     { transform: scale(1.05) translateY(-3px); }
.om-tier-card--founder:hover { transform: scale(1.1) translateY(-3px); }

#om-signup-msg, #om-manage-msg { margin-top: 12px; font-size: 13.5px; }

/* Checkout/cart store credit widget */
.om-credit-widget { background: #E8F8F8; border: 1px solid #9DE5E4; border-radius: 10px; padding: 14px; }
.om-credit-widget__label { font-weight: 700; font-size: 13.5px; color: #0F2740; margin-bottom: 8px; }
.om-credit-widget__row { display: flex; gap: 8px; }
.om-credit-widget__row input { flex: 1; padding: 8px; border: 1px solid #9DE5E4; border-radius: 6px; }
.om-credit-widget__row button { padding: 8px 16px; border: none; border-radius: 6px; background: #0F8F8D; color: #fff; font-weight: 700; cursor: pointer; }
#om-credit-remove-btn { background: #fff; color: #C0392B; border: 1px solid #C0392B; }
.om-credit-widget__msg { margin-top: 8px; font-size: 12.5px; }