/* TLX Rewards: customer-facing styles matched to the TechnoLabX dark theme.
   Selectors repeat their first class so they outrank the theme's own !important rules. */

/* Palette (literal values on purpose; these blocks appear outside .tlxr-account too)
   page #050914, card rgba(13,22,43,.92), tile rgba(5,9,20,.62), border rgba(24,214,255,.22)
   text #f7f9ff, muted #d7e5ff, dim #9fb3d9, cyan #18d6ff, gradient #1e7bff > #8c4dff */

.tlxr-account.tlxr-account.tlxr-account { color: #f7f9ff !important; }
.tlxr-intro.tlxr-intro.tlxr-intro { margin: 0 0 18px !important; color: #d7e5ff !important; -webkit-text-fill-color: #d7e5ff !important; }

/* Tiles */
.tlxr-tiles.tlxr-tiles.tlxr-tiles { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; margin: 0 0 24px !important; }
.tlxr-tile.tlxr-tile.tlxr-tile { display: flex !important; flex-direction: column !important; gap: 6px !important; padding: 16px 18px !important; border: 1px solid rgba(24, 214, 255, 0.22) !important; border-radius: 14px !important; background: radial-gradient(circle at 100% 0%, rgba(24, 214, 255, 0.1), rgba(0, 0, 0, 0) 40%), rgba(13, 22, 43, 0.92) !important; color: #f7f9ff !important; -webkit-text-fill-color: #f7f9ff !important; box-shadow: none !important; }
.tlxr-tile.tlxr-tile.tlxr-tile > span { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #9fb3d9 !important; -webkit-text-fill-color: #9fb3d9 !important; }
.tlxr-tile.tlxr-tile.tlxr-tile > strong { font-size: 1.6em !important; font-weight: 800 !important; line-height: 1.1 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
.tlxr-tile.tlxr-tile.tlxr-tile .woocommerce-Price-amount, .tlxr-tile.tlxr-tile.tlxr-tile .woocommerce-Price-currencySymbol { display: inline !important; font-size: inherit !important; color: inherit !important; -webkit-text-fill-color: inherit !important; }
.tlxr-tile-accent.tlxr-tile-accent.tlxr-tile-accent { border-color: rgba(24, 214, 255, 0.5) !important; }
.tlxr-tile-accent.tlxr-tile-accent.tlxr-tile-accent > strong { color: #18d6ff !important; -webkit-text-fill-color: #18d6ff !important; }
@media (max-width: 760px) { .tlxr-tiles.tlxr-tiles.tlxr-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* Filters */
.tlxr-account-filters.tlxr-account-filters.tlxr-account-filters { display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 0 0 16px !important; }
.tlxr-filter-row.tlxr-filter-row.tlxr-filter-row { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; }
.tlxr-filter-row.tlxr-filter-row.tlxr-filter-row .tlxr-export { margin-left: auto !important; }

.tlxr-segmented.tlxr-segmented.tlxr-segmented { display: inline-flex !important; height: 44px !important; padding: 4px !important; gap: 4px !important; border: 1px solid rgba(24, 214, 255, 0.22) !important; border-radius: 10px !important; background: rgba(5, 9, 20, 0.62) !important; overflow: hidden !important; }
.tlxr-segmented.tlxr-segmented.tlxr-segmented .tlxr-seg { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 100% !important; padding: 0 16px !important; margin: 0 !important; border: 0 !important; border-radius: 7px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; color: #d7e5ff !important; -webkit-text-fill-color: #d7e5ff !important; background: transparent !important; text-decoration: none !important; box-shadow: none !important; }
.tlxr-segmented.tlxr-segmented.tlxr-segmented .tlxr-seg:hover { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: rgba(24, 214, 255, 0.1) !important; text-decoration: none !important; }
.tlxr-segmented.tlxr-segmented.tlxr-segmented .tlxr-seg.is-active, .tlxr-segmented.tlxr-segmented.tlxr-segmented .tlxr-seg.is-active:hover { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: linear-gradient(135deg, #1e7bff, #8c4dff) !important; box-shadow: 0 8px 20px rgba(30, 123, 255, 0.3) !important; }

/* Buttons */
.tlxr-account.tlxr-account.tlxr-account .tlxr-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 44px !important; padding: 0 20px !important; margin: 0 !important; border-radius: 9px !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; cursor: pointer !important; white-space: nowrap !important; box-sizing: border-box !important; transition: transform 0.15s ease, box-shadow 0.15s ease !important; }
.tlxr-account.tlxr-account.tlxr-account .tlxr-btn-primary { border: 0 !important; background: linear-gradient(135deg, #1e7bff, #8c4dff) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: 0 10px 28px rgba(30, 123, 255, 0.3) !important; }
.tlxr-account.tlxr-account.tlxr-account .tlxr-btn-primary:hover { background: linear-gradient(135deg, #18d6ff, #8c4dff) !important; color: #ffffff !important; transform: translateY(-1px) !important; box-shadow: 0 16px 40px rgba(30, 123, 255, 0.42) !important; }
.tlxr-account.tlxr-account.tlxr-account .tlxr-btn-outline { border: 1px solid rgba(24, 214, 255, 0.28) !important; background: rgba(5, 9, 20, 0.62) !important; color: #f7f9ff !important; -webkit-text-fill-color: #f7f9ff !important; }
.tlxr-account.tlxr-account.tlxr-account .tlxr-btn-outline:hover { border-color: rgba(24, 214, 255, 0.6) !important; background: rgba(24, 214, 255, 0.08) !important; color: #ffffff !important; }

/* Date fields */
.tlxr-field.tlxr-field.tlxr-field { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; font-size: 14px !important; font-weight: 600 !important; color: #d7e5ff !important; }
.tlxr-field.tlxr-field.tlxr-field input[type="date"] { height: 44px !important; padding: 0 12px !important; margin: 0 !important; border: 1px solid rgba(24, 214, 255, 0.22) !important; border-radius: 9px !important; background: rgba(5, 9, 20, 0.62) !important; color: #f7f9ff !important; -webkit-text-fill-color: #f7f9ff !important; color-scheme: dark !important; font-size: 14px !important; line-height: 1 !important; box-shadow: none !important; box-sizing: border-box !important; }
.tlxr-field.tlxr-field.tlxr-field input[type="date"]:focus { outline: none !important; border-color: rgba(24, 214, 255, 0.7) !important; box-shadow: 0 0 0 3px rgba(24, 214, 255, 0.15) !important; }

.tlxr-summary.tlxr-summary.tlxr-summary { margin: 0 0 10px !important; font-size: 0.9em !important; color: #9fb3d9 !important; }
.tlxr-summary.tlxr-summary.tlxr-summary a { color: #18d6ff !important; text-decoration: none !important; font-weight: 700 !important; }
.tlxr-summary.tlxr-summary.tlxr-summary a:hover { text-decoration: underline !important; }

/* Tables (the theme styles the table itself; these are our cells) */
.tlxr-history.tlxr-history.tlxr-history td, .tlxr-history.tlxr-history.tlxr-history th { vertical-align: middle !important; }
.tlxr-history.tlxr-history.tlxr-history .tlxr-sub { display: block !important; font-size: 0.85em !important; color: #9fb3d9 !important; }
.tlxr-history.tlxr-history.tlxr-history .tlxr-pos { color: #25d6a2 !important; }
.tlxr-history.tlxr-history.tlxr-history .tlxr-neg { color: #ff6b81 !important; }
.tlxr-status.tlxr-status.tlxr-status { display: inline-block !important; padding: 3px 10px !important; border-radius: 999px !important; font-size: 0.78em !important; font-weight: 700 !important; letter-spacing: 0.02em !important; white-space: nowrap !important; border: 1px solid transparent !important; }
.tlxr-status-pending.tlxr-status-pending.tlxr-status-pending { background: rgba(242, 177, 41, 0.14) !important; color: #f2b129 !important; border-color: rgba(242, 177, 41, 0.35) !important; }
.tlxr-status-review.tlxr-status-review.tlxr-status-review { background: rgba(24, 214, 255, 0.12) !important; color: #18d6ff !important; border-color: rgba(24, 214, 255, 0.35) !important; }
.tlxr-status-released.tlxr-status-released.tlxr-status-released { background: rgba(37, 214, 162, 0.14) !important; color: #25d6a2 !important; border-color: rgba(37, 214, 162, 0.35) !important; }
.tlxr-status-cancelled.tlxr-status-cancelled.tlxr-status-cancelled { background: rgba(255, 255, 255, 0.07) !important; color: #aab4c8 !important; border-color: rgba(255, 255, 255, 0.15) !important; }
.tlxr-status-clawed_back.tlxr-status-clawed_back.tlxr-status-clawed_back { background: rgba(255, 107, 129, 0.14) !important; color: #ff6b81 !important; border-color: rgba(255, 107, 129, 0.35) !important; }

/* Paging */
.tlxr-pagination.tlxr-pagination.tlxr-pagination { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; align-items: center !important; margin-top: 14px !important; }
.tlxr-pagination.tlxr-pagination.tlxr-pagination .button { display: inline-flex !important; align-items: center !important; height: 40px !important; padding: 0 14px !important; border: 1px solid rgba(24, 214, 255, 0.28) !important; border-radius: 9px !important; background: rgba(5, 9, 20, 0.62) !important; color: #f7f9ff !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; }
.tlxr-page.tlxr-page.tlxr-page { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 40px !important; height: 40px !important; padding: 0 10px !important; border: 1px solid rgba(24, 214, 255, 0.22) !important; border-radius: 9px !important; background: rgba(5, 9, 20, 0.62) !important; color: #d7e5ff !important; -webkit-text-fill-color: #d7e5ff !important; font-size: 14px !important; text-decoration: none !important; box-sizing: border-box !important; }
.tlxr-page.tlxr-page.tlxr-page.current { border: 0 !important; background: linear-gradient(135deg, #1e7bff, #8c4dff) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
.tlxr-ellipsis.tlxr-ellipsis.tlxr-ellipsis { padding: 0 4px !important; color: #9fb3d9 !important; }

.tlxr-footer-links.tlxr-footer-links.tlxr-footer-links { margin-top: 20px !important; font-size: 0.9em !important; color: #9fb3d9 !important; }
.tlxr-footer-links.tlxr-footer-links.tlxr-footer-links a { margin-right: 14px !important; color: #18d6ff !important; text-decoration: none !important; font-weight: 700 !important; }
.tlxr-footer-links.tlxr-footer-links.tlxr-footer-links a:hover { text-decoration: underline !important; }

/* Checkout line (below order totals, above payment methods) */
.tlxr-checkout-line.tlxr-checkout-line.tlxr-checkout-line { display: flex !important; align-items: flex-start !important; gap: 10px !important; margin: 0 0 18px !important; padding: 13px 16px !important; border: 1px solid rgba(24, 214, 255, 0.22) !important; border-radius: 12px !important; background: radial-gradient(circle at 100% 0%, rgba(24, 214, 255, 0.1), rgba(0, 0, 0, 0) 40%), rgba(13, 22, 43, 0.92) !important; color: #f7f9ff !important; font-size: 15px !important; line-height: 1.45 !important; }
.tlxr-checkout-line.tlxr-checkout-line.tlxr-checkout-line .tlxr-checkout-icon { color: #18d6ff !important; font-size: 16px !important; line-height: 1.4 !important; }
.tlxr-checkout-line.tlxr-checkout-line.tlxr-checkout-line .tlxr-checkout-text { font-weight: 500 !important; color: #f7f9ff !important; -webkit-text-fill-color: #f7f9ff !important; }
.tlxr-checkout-line.tlxr-checkout-line.tlxr-checkout-line .woocommerce-Price-amount { display: inline !important; font-weight: 800 !important; color: #18d6ff !important; -webkit-text-fill-color: #18d6ff !important; }

/* Promo card (thank you page, My Account dashboard, shortcode) */
.tlxr-promo.tlxr-promo.tlxr-promo { margin: 0 0 24px !important; padding: 18px 20px !important; border: 1px solid rgba(24, 214, 255, 0.22) !important; border-radius: 16px !important; background: radial-gradient(circle at 100% 0%, rgba(24, 214, 255, 0.1), rgba(0, 0, 0, 0) 40%), rgba(13, 22, 43, 0.92) !important; color: #f7f9ff !important; box-shadow: none !important; }
.tlxr-promo.tlxr-promo.tlxr-promo h3 { margin: 0 0 6px !important; font-size: 1.15em !important; font-weight: 800 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
.tlxr-promo.tlxr-promo.tlxr-promo p { margin: 0 !important; color: #d7e5ff !important; -webkit-text-fill-color: #d7e5ff !important; }
.tlxr-promo.tlxr-promo.tlxr-promo p + p { margin-top: 10px !important; }
.tlxr-promo.tlxr-promo.tlxr-promo a, .tlxr-promo.tlxr-promo.tlxr-promo .tlxr-promo-link { color: #18d6ff !important; -webkit-text-fill-color: #18d6ff !important; font-weight: 700 !important; text-decoration: none !important; }
.tlxr-promo.tlxr-promo.tlxr-promo a:hover { text-decoration: underline !important; }

@media (max-width: 600px) {
	.tlxr-filter-row.tlxr-filter-row.tlxr-filter-row .tlxr-export { margin-left: 0 !important; }
	.tlxr-segmented.tlxr-segmented.tlxr-segmented .tlxr-seg { padding: 0 12px !important; }
}