/* ==========================================================
   RM Website Pro - Balanced Mobile App UI
   Version: 2.5.3
   Scope: RMSLWR shortcodes, account widgets and DDP service cards
   Direction: compact mobile-app UI, blue primary + subtle #00d1b2 accent
   ========================================================== */

/* ---------- Design tokens ---------- */
.rmslwr-app-ui,
.rmslwr-dashboard.rmslwr-app-ui,
.rmslwr-panel.rmslwr-app-ui,
.rmslwr-profile-card.rmslwr-app-ui,
.rmslwr-profile-complete-card.rmslwr-app-ui,
.rmslwr-auth.rmslwr-app-ui,
.rmslwr-login-status.rmslwr-app-ui,
.rmslwr-services-page.rmslwr-app-ui,
.rmslwr-manual-panel.rmslwr-app-ui,
.rmslwr-manual-checkout.rmslwr-app-ui,
.rmslwr-payment-invoices-page.rmslwr-app-ui,
.rmslwr-wallet-panel.rmslwr-app-ui,
.rmslwr-referrals.rmslwr-app-ui,
.rmslwr-invoices-panel.rmslwr-app-ui,
.rmslwr-qc.rmslwr-app-ui,
.ddp-service-box.rmslwr-app-ui,
.ddp-manager.rmslwr-app-ui {
	--rmwp-blue: #2563eb;
	--rmwp-blue-hover: #1d4ed8;
	--rmwp-blue-soft: #eff6ff;
	--rmwp-blue-soft-2: #dbeafe;
	--rmwp-teal: #00d1b2;
	--rmwp-teal-hover: #00b89d;
	--rmwp-teal-soft: #ecfdf9;
	--rmwp-teal-soft-2: #ccfbf1;
	--rmwp-ink: #0f172a;
	--rmwp-text: #1e293b;
	--rmwp-text-soft: #475569;
	--rmwp-muted: #64748b;
	--rmwp-muted-2: #94a3b8;
	--rmwp-line: #e2e8f0;
	--rmwp-line-2: #cbd5e1;
	--rmwp-bg: #f8fafc;
	--rmwp-card: #ffffff;
	--rmwp-card-2: #f8fafc;
	--rmwp-card-3: #f1f5f9;
	--rmwp-dark: #111827;
	--rmwp-success: #16a34a;
	--rmwp-success-bg: #f0fdf4;
	--rmwp-warning: #d97706;
	--rmwp-warning-bg: #fffbeb;
	--rmwp-danger: #dc2626;
	--rmwp-danger-bg: #fef2f2;
	--rmwp-info: #2563eb;
	--rmwp-info-bg: #eff6ff;
	--rmwp-radius-xs: 5px;
	--rmwp-radius-sm: 7px;
	--rmwp-radius-md: 9px;
	--rmwp-radius-lg: 12px;
	--rmwp-radius-xl: 15px;
	--rmwp-touch: 40px;
	--rmwp-shadow-xs: 0 1px 2px rgba(15, 23, 42, .035);
	--rmwp-shadow-sm: 0 6px 16px rgba(15, 23, 42, .055);
	--rmwp-ring: 0 0 0 3px rgba(37, 99, 235, .18);
	--rmwp-transition: 150ms ease;

	box-sizing: border-box;
	direction: rtl;
	font-family: inherit;
	color: var(--rmwp-text);
}

.rmslwr-app-ui,
.rmslwr-app-ui *,
.rmslwr-app-ui *::before,
.rmslwr-app-ui *::after {
	box-sizing: border-box;
}

.rmslwr-app-ui :is(h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, label, span, strong, small, table, th, td, code),
.rmslwr-dashboard.rmslwr-app-ui :is(h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, label, span, strong, small, table, th, td, code),
.rmslwr-panel.rmslwr-app-ui :is(h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, label, span, strong, small, table, th, td, code),
.ddp-service-box.rmslwr-app-ui :is(h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, label, span, strong, small, table, th, td, code) {
	font-family: inherit !important;
	letter-spacing: 0 !important;
}

/* ---------- App shells ---------- */
.rmslwr-dashboard.rmslwr-app-ui,
.rmslwr-panel.rmslwr-app-ui,
.rmslwr-profile-card.rmslwr-app-ui,
.rmslwr-profile-complete-card.rmslwr-app-ui,
.rmslwr-login-status.rmslwr-app-ui,
.rmslwr-manual-panel.rmslwr-app-ui,
.rmslwr-manual-checkout.rmslwr-app-ui,
.rmslwr-payment-invoices-page.rmslwr-app-ui,
.ddp-service-box.rmslwr-app-ui,
.ddp-manager.rmslwr-app-ui,
.rmslwr-app-ui :is(.rmslwr-dashboard, .rmslwr-panel, .rmslwr-profile-card, .rmslwr-profile-complete-card, .rmslwr-login-status, .rmslwr-manual-panel, .rmslwr-manual-checkout, .rmslwr-payment-invoices-page, .ddp-service-box, .ddp-manager) {
	position: relative !important;
	width: min(1080px, calc(100% - 16px)) !important;
	max-width: calc(100vw - 16px) !important;
	margin: 10px auto !important;
	padding: clamp(12px, 2vw, 18px) !important;
	border: 1px solid var(--rmwp-line) !important;
	border-radius: var(--rmwp-radius-xl) !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,1)),
		var(--rmwp-card) !important;
	box-shadow: var(--rmwp-shadow-xs) !important;
	color: var(--rmwp-text) !important;
	overflow: hidden !important;
}

.rmslwr-services-page.rmslwr-app-ui,
.rmslwr-wallet-panel.rmslwr-app-ui,
.rmslwr-referrals.rmslwr-app-ui,
.rmslwr-invoices-panel.rmslwr-app-ui,
.rmslwr-app-ui :is(.rmslwr-services-page, .rmslwr-wallet-panel, .rmslwr-referrals, .rmslwr-invoices-panel) {
	width: min(1080px, calc(100% - 16px)) !important;
	max-width: calc(100vw - 16px) !important;
	margin: 10px auto !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

/* ---------- Compact typography ---------- */
.rmslwr-app-ui :is(.rmslwr-section-title, .rmslwr-section-heading, h1, h2),
.rmslwr-dashboard.rmslwr-app-ui :is(h1, h2),
.rmslwr-panel.rmslwr-app-ui :is(h1, h2),
.ddp-service-box.rmslwr-app-ui :is(h1, h2) {
	margin: 0 !important;
	color: var(--rmwp-ink) !important;
	font-size: clamp(17px, 3vw, 22px) !important;
	font-weight: 800 !important;
	line-height: 1.5 !important;
}

.rmslwr-app-ui :is(h3, .rmslwr-payment-invoice-title, .rmslwr-service-admin-title),
.rmslwr-dashboard.rmslwr-app-ui h3,
.rmslwr-panel.rmslwr-app-ui h3,
.ddp-service-box.rmslwr-app-ui h3 {
	margin: 0 !important;
	color: var(--rmwp-ink) !important;
	font-size: clamp(13px, 2.3vw, 15px) !important;
	font-weight: 750 !important;
	line-height: 1.65 !important;
}

.rmslwr-app-ui :is(p, small, .description, .rmslwr-card-label, .rmslwr-field-label, .rmslwr-profile-label, .rmslwr-profile-field label),
.rmslwr-dashboard.rmslwr-app-ui :is(p, small),
.rmslwr-panel.rmslwr-app-ui :is(p, small),
.ddp-service-box.rmslwr-app-ui :is(p, small) {
	margin: 3px 0 0 !important;
	color: var(--rmwp-muted) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.75 !important;
}

.rmslwr-app-ui :is(strong, b) {
	color: var(--rmwp-ink) !important;
}

.rmslwr-app-ui code {
	direction: ltr;
	unicode-bidi: plaintext;
	font-size: 12px !important;
	line-height: 1.65 !important;
	color: var(--rmwp-ink) !important;
}

/* ---------- App headers ---------- */
.rmslwr-app-ui :is(.rmslwr-dashboard__header, .rmslwr-wallet-header, .rmslwr-profile-complete-card > header, .rmslwr-profile-card__header, .rmslwr-order-bot-connect__head, .ddp-service-head, .ddp-config-title),
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-dashboard__header,
.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-header,
.ddp-service-box.rmslwr-app-ui .ddp-service-head {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	min-height: auto !important;
	margin: 0 0 12px !important;
	padding: 12px !important;
	border: 1px solid var(--rmwp-line) !important;
	border-radius: var(--rmwp-radius-lg) !important;
	background:
		linear-gradient(135deg, rgba(37,99,235,.08) 0%, rgba(0,209,178,.055) 42%, #fff 100%) !important;
	box-shadow: none !important;
	color: var(--rmwp-ink) !important;
	overflow: hidden !important;
	text-align: center !important;
}

:where(.rmslwr-wallet-header, .rmslwr-dashboard__header, .rmslwr-profile-card__header, .ddp-service-head, .ddp-config-title) {
	justify-content: center !important;
}

.rmslwr-app-ui .rmslwr-wallet-header,
.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-header,
.rmslwr-wallet-panel .rmslwr-wallet-header {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.rmslwr-app-ui .rmslwr-wallet-header > div,
.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-header > div,
.rmslwr-wallet-panel .rmslwr-wallet-header > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 100%;
	text-align: center;
}

.rmslwr-app-ui .rmslwr-wallet-header .rmslwr-section-title,
.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-header .rmslwr-section-title,
.rmslwr-wallet-panel .rmslwr-wallet-header .rmslwr-section-title,
.rmslwr-invoices-panel .rmslwr-wallet-header .rmslwr-section-title {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	white-space: nowrap;
	line-height: 1.35;
}

.rmslwr-app-ui .rmslwr-wallet-header .rmslwr-section-title .rmslwr-icon,
.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-header .rmslwr-section-title .rmslwr-icon,
.rmslwr-wallet-panel .rmslwr-wallet-header .rmslwr-section-title .rmslwr-icon,
.rmslwr-invoices-panel .rmslwr-wallet-header .rmslwr-section-title .rmslwr-icon {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	min-width: 18px;
}

.rmslwr-app-ui .rmslwr-wallet-header .rmslwr-section-title__text,
.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-header .rmslwr-section-title__text {
	flex: 0 1 auto;
	white-space: nowrap;
}

.rmslwr-app-ui .rmslwr-wallet-header :is(h1, h2, h3, p, small),
.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-header :is(h1, h2, h3, p, small) {
	text-align: center;
}

.rmslwr-app-ui .rmslwr-dashboard__header h1,
.rmslwr-app-ui .rmslwr-dashboard__header h2,
.rmslwr-app-ui .rmslwr-profile-complete-card > header h2,
.rmslwr-app-ui .ddp-service-head h2 {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	width: 100%;
	text-align: center;
}

.rmslwr-app-ui .rmslwr-dashboard__header p,
.rmslwr-app-ui .rmslwr-wallet-header p,
.rmslwr-app-ui .rmslwr-profile-complete-card > header p,
.rmslwr-app-ui .ddp-service-head p {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	text-align: center;
	white-space: normal;
}

.rmslwr-app-ui :is(.rmslwr-dashboard__header img, .rmslwr-profile-complete-card > header img, .rmslwr-profile-card__current img, .avatar) {
	position: relative !important;
	z-index: 1 !important;
	width: 54px !important;
	height: 54px !important;
	border: 1px solid var(--rmwp-line) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: none !important;
	object-fit: cover !important;
}

/* ---------- Layout grids (decoupled per component) ---------- */
.rmslwr-app-ui .rmslwr-dashboard__grid,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-dashboard__grid,
.rmslwr-app-ui .rmslwr-dashboard__details,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-dashboard__details,
.rmslwr-app-ui .rmslwr-wallet-overview,
.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-overview,
.rmslwr-app-ui .rmslwr-invoice-summary,
.rmslwr-panel.rmslwr-app-ui .rmslwr-invoice-summary,
.rmslwr-app-ui .rmslwr-referral-grid,
.rmslwr-app-ui .rmslwr-services-grid,
.rmslwr-app-ui .rmslwr-statement-grid,
.rmslwr-app-ui .rmslwr-invoice-grid,
.rmslwr-app-ui .ddp-config-meta,
.rmslwr-app-ui .ddp-config-links,
.rmslwr-app-ui .ddp-live-stats,
.ddp-service-box.rmslwr-app-ui .ddp-config-meta,
.ddp-service-box.rmslwr-app-ui .ddp-config-links,
.ddp-service-box.rmslwr-app-ui .ddp-live-stats,
.rmslwr-app-ui .ddp-manager-grid,
.rmslwr-app-ui .rmslwr-payment-stats,
.rmslwr-app-ui .rmslwr-payment-invoice-meta,
.rmslwr-app-ui .rmslwr-bot-summary,
.rmslwr-app-ui .rmslwr-bot-connect-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 9px;
	min-width: 0;
	grid-auto-flow: row;
	justify-content: stretch;
	align-items: stretch;
	justify-items: stretch;
}

/* Desktop (≥720): keep 5-col for main summary grids */
@media (min-width: 720px) {
	.rmslwr-app-ui .rmslwr-dashboard__grid,
	.rmslwr-dashboard.rmslwr-app-ui .rmslwr-dashboard__grid {
		grid-template-columns: repeat(5, 1fr);
		grid-auto-flow: row;
	}

	.rmslwr-app-ui .rmslwr-invoice-summary,
	.rmslwr-panel.rmslwr-app-ui .rmslwr-invoice-summary {
		grid-template-columns: repeat(5, 1fr);
		grid-auto-flow: row;
	}

	.rmslwr-app-ui .rmslwr-invoice-grid {
		grid-template-columns: repeat(5, 1fr);
		grid-auto-flow: row;
	}

	.rmslwr-app-ui .rmslwr-bot-connect-row {
		grid-template-columns: repeat(5, 1fr);
		grid-auto-flow: row;
	}
}

.rmslwr-app-ui :is(.rmslwr-wallet-balance, .rmslwr-invoice-summary article),
.rmslwr-panel.rmslwr-app-ui :is(.rmslwr-wallet-balance, .rmslwr-invoice-summary article) {
	align-content: unset !important;
}

.rmslwr-app-ui .rmslwr-dashboard__details,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-dashboard__details {
	min-height: unset !important;
}

/* Wallet overview + recharge: stack on mobile, 2-col on desktop */
.rmslwr-app-ui .rmslwr-wallet-top,
.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-top,
.rmslwr-wallet-panel .rmslwr-wallet-top {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 9px !important;
	min-width: 0 !important;
	align-items: stretch !important;
}

/* ---------- Cards ---------- */
.rmslwr-app-ui :is(.rmslwr-stat, .rmslwr-dashboard-card, .rmslwr-wallet-balance, .rmslwr-wallet-mini-card, .rmslwr-wallet-recharge, .rmslwr-wallet-statement, .rmslwr-referral-card, .rmslwr-referral-guide, .rmslwr-invoice-summary > *, .rmslwr-invoice-card, .rmslwr-statement-item, .rmslwr-service-card, .rmslwr-service-picker, .rmslwr-service-details, .rmslwr-telegram-connect, .rmslwr-order-bot-connect, .rmslwr-order-bot-card, .rmslwr-manual-checkout-note, .rmslwr-manual-method, .rmslwr-manual-summary, .rmslwr-manual-details, .rmslwr-bank-card-display, .rmslwr-payment-invoice-card, .rmslwr-payment-account-card, .ddp-config-card, .ddp-config-meta > div, .ddp-config-link, .ddp-manager-card, .ddp-status-card, .ddp-gauge-card, .rmslwr-table-wrap, .rmslwr-bot-table-wrap, .rmslwr-coupon, .rmslwr-profile-summary, .rmslwr-profile-field, .rmslwr-auth__card),
.rmslwr-dashboard.rmslwr-app-ui :is(.rmslwr-stat, .rmslwr-dashboard-card, .rmslwr-coupon),
.rmslwr-panel.rmslwr-app-ui :is(.rmslwr-wallet-balance, .rmslwr-wallet-mini-card, .rmslwr-wallet-recharge, .rmslwr-referral-card, .rmslwr-referral-guide, .rmslwr-invoice-card),
.ddp-service-box.rmslwr-app-ui :is(.ddp-config-card, .ddp-config-link, .ddp-gauge-card) {
	min-width: 0 !important;
	padding: 12px !important;
	border: 1px solid var(--rmwp-line) !important;
	border-radius: var(--rmwp-radius-lg) !important;
	background: var(--rmwp-card) !important;
	box-shadow: none !important;
	color: var(--rmwp-text) !important;
	transition: border-color var(--rmwp-transition), transform var(--rmwp-transition), background-color var(--rmwp-transition), box-shadow var(--rmwp-transition) !important;
}

.rmslwr-app-ui :is(.rmslwr-stat, .rmslwr-dashboard-card, .rmslwr-wallet-mini-card, .rmslwr-referral-card, .rmslwr-service-card, .rmslwr-manual-method, .rmslwr-payment-invoice-card, .ddp-manager-card, .ddp-config-card):hover {
	border-color: var(--rmwp-line-2) !important;
	background: #fff !important;
	box-shadow: var(--rmwp-shadow-xs) !important;
	transform: translateY(-1px);
}

.rmslwr-app-ui :is(.rmslwr-stat span, .rmslwr-card-label, .rmslwr-invoice-summary span, .rmslwr-invoice-grid b, .rmslwr-statement-grid b, .ddp-config-meta dt, .rmslwr-payment-invoice-meta span, .rmslwr-service-detail span) {
	display: block;
	margin: 0 0 5px;
	color: var(--rmwp-muted);
	font-size: 11.5px;
	font-weight: 650;
	line-height: 1.55;
}

.rmslwr-app-ui :is(.rmslwr-stat strong, .rmslwr-wallet-balance strong, .rmslwr-wallet-mini-card strong, .rmslwr-invoice-summary strong, .rmslwr-payment-invoice-meta strong, .ddp-config-meta dd, .rmslwr-unit-value) {
	margin: 0 !important;
	color: #393939 !important;
	font-size: clamp(16px, 4.2vw, 18px) !important;
	font-weight: 850 !important;
	line-height: 1.35 !important;
}

/* ---------- Dashboard shortcode ---------- */
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-dashboard__grid,
.rmslwr-app-ui .rmslwr-dashboard__grid {
	margin-bottom: 10px !important;
}

.rmslwr-dashboard.rmslwr-app-ui .rmslwr-stat,
.rmslwr-app-ui .rmslwr-stat {
	position: relative !important;
	padding-top: 13px !important;
	background: linear-gradient(180deg, #fff, var(--rmwp-card-2)) !important;
	overflow: hidden !important;
}

.rmslwr-dashboard.rmslwr-app-ui .rmslwr-stat::after,
.rmslwr-app-ui .rmslwr-stat::after {
	content: "";
	position: absolute;
	inset: auto auto -22px -20px;
	width: 70px;
	height: 70px;
	border-radius: 999px;
	background: rgba(37, 99, 235, .07);
	pointer-events: none;
}

.rmslwr-dashboard.rmslwr-app-ui .rmslwr-stat:nth-child(2n)::after,
.rmslwr-app-ui .rmslwr-stat:nth-child(2n)::after {
	background: rgba(0, 209, 178, .08);
}

.rmslwr-dashboard.rmslwr-app-ui .rmslwr-dashboard__details > *,
.rmslwr-app-ui .rmslwr-dashboard__details > * {
	min-height: unset;
}

/* ---------- Wallet shortcode ---------- */
.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-balance,
.rmslwr-app-ui .rmslwr-wallet-balance {
	border-color: rgba(37, 99, 235, .35) !important;
	background: linear-gradient(135deg, var(--rmwp-blue), #1e40af) !important;
	color: #fff !important;
	text-align: center !important;
	align-content: unset !important;
}

.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-balance :is(span, p, small),
.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-balance strong,
.rmslwr-app-ui .rmslwr-wallet-balance :is(span, p, small),
.rmslwr-app-ui .rmslwr-wallet-balance strong {
	color: #fff !important;
	text-align: center !important;
}

.rmslwr-app-ui .rmslwr-wallet-balance .rmslwr-card-label {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	opacity: 1 !important;
	text-align: center !important;
}

.rmslwr-app-ui .rmslwr-wallet-mini-card--link {
	background: var(--rmwp-blue-soft) !important;
	border-color: var(--rmwp-blue-soft-2) !important;
}

.rmslwr-app-ui .rmslwr-wallet-recharge__content {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 9px !important;
}

.rmslwr-app-ui .rmslwr-wallet-recharge-presets {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin-top: 10px !important;
}

/* ---------- Referral shortcode ---------- */
.rmslwr-app-ui .rmslwr-referral-guide {
	background: linear-gradient(135deg, var(--rmwp-blue-soft), #fff) !important;
	border-color: var(--rmwp-blue-soft-2) !important;
}

.rmslwr-app-ui .rmslwr-referral-grid .rmslwr-referral-card:nth-child(2) {
	border-color: rgba(0, 209, 178, .35) !important;
	background: linear-gradient(180deg, var(--rmwp-teal-soft), #fff) !important;
}

.rmslwr-app-ui .rmslwr-copy-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 8px !important;
	align-items: end !important;
}

/* ---------- Services / DDP shortcode ---------- */
.rmslwr-services-page.rmslwr-app-ui .rmslwr-service-picker,
.rmslwr-app-ui .rmslwr-service-picker {
	margin: 0 0 10px !important;
	background: #fff !important;
}

.ddp-service-box.rmslwr-app-ui,
.rmslwr-app-ui .ddp-service-box {
	padding-top: 16px !important;
}

.ddp-service-box.rmslwr-app-ui .ddp-service-head,
.rmslwr-app-ui .ddp-service-head {
	background: linear-gradient(135deg, #fff, var(--rmwp-blue-soft)) !important;
}

.rmslwr-app-ui .ddp-config-card {
	background: #fff !important;
}

.rmslwr-app-ui .ddp-config-meta__icon,
.rmslwr-app-ui .rmslwr-manual-checkout-icon,
.rmslwr-app-ui .rmslwr-empty-state__icon,
.rmslwr-app-ui .rmslwr-order-bot-card__icon {
	display: inline-grid !important;
	place-items: center !important;
	width: 32px !important;
	height: 32px !important;
	border: 1px solid var(--rmwp-blue-soft-2) !important;
	border-radius: 10px !important;
	background: var(--rmwp-blue-soft) !important;
	color: var(--rmwp-blue) !important;
}

.rmslwr-app-ui .ddp-config-link textarea,
.rmslwr-app-ui .rmslwr-copy-field {
	direction: ltr !important;
	text-align: left !important;
	unicode-bidi: plaintext;
	overflow-wrap: anywhere;
}

.rmslwr-app-ui .ddp-semi-gauge__progress {
	stroke: var(--rmwp-blue) !important;
}

.rmslwr-app-ui .ddp-gauge-card:nth-child(2n) .ddp-semi-gauge__progress {
	stroke: var(--rmwp-teal) !important;
}

/* ---------- Profile shortcode ---------- */
.rmslwr-profile-complete-card.rmslwr-app-ui,
.rmslwr-profile-card.rmslwr-app-ui,
.rmslwr-app-ui :is(.rmslwr-profile-complete-card, .rmslwr-profile-card) {
	background: #fff !important;
}

.rmslwr-app-ui .rmslwr-profile-summary,
.rmslwr-app-ui .profile-summary,
.profile-summary {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 9px !important;
	background: var(--rmwp-card-2) !important;
}

.rmslwr-app-ui .rmslwr-profile-form,
.rmslwr-profile-form {
	max-height: min(70vh, 640px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	min-width: 0;
	padding-inline-end: 2px;
}

.rmslwr-app-ui .rmslwr-profile-fields-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 9px !important;
}

.rmslwr-app-ui .rmslwr-profile-status-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	width: fit-content;
	padding: 5px 9px !important;
	border-radius: 999px !important;
	background: var(--rmwp-success-bg) !important;
	color: var(--rmwp-success) !important;
	border: 1px solid #bbf7d0 !important;
	font-size: 11.5px !important;
	font-weight: 750 !important;
}

.rmslwr-app-ui .rmslwr-avatar-picker {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

.rmslwr-app-ui .rmslwr-avatar-option {
	position: relative !important;
	display: grid !important;
	place-items: center !important;
	gap: 7px !important;
	padding: 10px !important;
	border: 1px solid var(--rmwp-line) !important;
	border-radius: var(--rmwp-radius-lg) !important;
	background: #fff !important;
	cursor: pointer;
}

.rmslwr-app-ui .rmslwr-avatar-option:focus-within,
.rmslwr-app-ui .rmslwr-avatar-option:hover {
	border-color: var(--rmwp-blue) !important;
	box-shadow: var(--rmwp-ring) !important;
}

.rmslwr-app-ui .rmslwr-avatar-option input {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
}

/* ---------- Auth / OTP shortcode ---------- */
.rmslwr-auth.rmslwr-app-ui {
	width: min(600px, calc(100% - 16px)) !important;
	max-width: min(600px, calc(100vw - 16px)) !important;
	padding: 8px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

.rmslwr-auth.rmslwr-app-ui .rmslwr-auth__card,
.rmslwr-app-ui .rmslwr-auth__card {
	min-height: 420px !important;
	padding: 40px 32px 32px !important;
	border: 1px solid #ffffff !important;
	border-radius: 40px !important;
	background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(244, 247, 251) 100%) !important;
	box-shadow: rgba(133, 189, 215, 0.88) 0px 30px 30px -20px !important;
}

.rmslwr-auth.rmslwr-app-ui .rmslwr-auth__header,
.rmslwr-app-ui .rmslwr-auth__header {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
}

.rmslwr-auth.rmslwr-app-ui .rmslwr-auth__title,
.rmslwr-auth.rmslwr-app-ui .rmslwr-auth__description,
.rmslwr-app-ui .rmslwr-auth__title,
.rmslwr-app-ui .rmslwr-auth__description {
	display: block !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
	justify-content: center !important;
}

.rmslwr-auth.rmslwr-app-ui .rmslwr-auth__title,
.rmslwr-app-ui .rmslwr-auth__title {
	color: #1089d3 !important;
	font-size: 30px !important;
	font-weight: 900 !important;
}

.rmslwr-auth.rmslwr-app-ui .rmslwr-auth__input,
.rmslwr-app-ui .rmslwr-auth__input,
.rmslwr-auth.rmslwr-app-ui .rmslwr-auth__code-digit,
.rmslwr-app-ui .rmslwr-auth__code-digit {
	background: #ffffff !important;
	border: 2px solid transparent !important;
	border-radius: 20px !important;
	box-shadow: #cff0ff 0px 10px 10px -5px !important;
}

.rmslwr-auth.rmslwr-app-ui .rmslwr-auth__input:focus,
.rmslwr-app-ui .rmslwr-auth__input:focus,
.rmslwr-auth.rmslwr-app-ui .rmslwr-auth__code-digit:focus,
.rmslwr-app-ui .rmslwr-auth__code-digit:focus {
	border-color: #12b1d1 !important;
	box-shadow: #cff0ff 0px 10px 10px -5px, 0 0 0 3px rgba(18, 177, 209, 0.15) !important;
}

.rmslwr-auth.rmslwr-app-ui .rmslwr-auth__button,
.rmslwr-app-ui .rmslwr-auth__button {
	width: 100% !important;
	border-radius: 20px !important;
	background: linear-gradient(45deg, rgb(16, 137, 211) 0%, rgb(18, 177, 209) 100%) !important;
	box-shadow: rgba(133, 189, 215, 0.88) 0px 20px 10px -15px !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

.rmslwr-auth.rmslwr-app-ui .rmslwr-auth__button:hover,
.rmslwr-app-ui .rmslwr-auth__button:hover {
	transform: scale(1.03) !important;
	filter: none !important;
}

.rmslwr-app-ui :is(.rmslwr-auth__form, .rmslwr-send-form, .rmslwr-verify-form) {
	display: grid !important;
	gap: 12px !important;
}

.rmslwr-app-ui :is(.rmslwr-auth__code-fields, .rmslwr-code-fields) {
	display: block !important;
	width: 100% !important;
	direction: ltr;
}

.rmslwr-app-ui .rmslwr-auth__code-digits,
.rmslwr-app-ui .rmslwr-code-digits {
	display: grid !important;
	width: 100% !important;
	grid-template-columns: repeat(var(--rmslwr-otp-length, 6), minmax(0, 1fr)) !important;
	gap: clamp(8px, 2vw, 12px) !important;
	direction: ltr;
}

.rmslwr-app-ui :is(.rmslwr-auth__code-digit, .rmslwr-code-digit) {
	width: 100% !important;
	min-width: 0 !important;
	min-height: clamp(52px, 12vw, 64px) !important;
	aspect-ratio: auto !important;
	padding: 8px 4px !important;
	text-align: center !important;
	font-weight: 900 !important;
	font-size: clamp(20px, 4vw, 26px) !important;
}

/* ---------- Manual payment shortcode ---------- */
.rmslwr-app-ui .rmslwr-manual-methods {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 9px !important;
}

.rmslwr-app-ui .rmslwr-manual-method {
	cursor: pointer;
	background: #fff !important;
}

.rmslwr-app-ui .rmslwr-manual-method:focus-within,
.rmslwr-app-ui .rmslwr-manual-method:hover {
	border-color: var(--rmwp-blue) !important;
	box-shadow: var(--rmwp-ring) !important;
}

.rmslwr-app-ui :is(.rmslwr-bank-card, .rmslwr-bank-card-display) {
	border-radius: var(--rmwp-radius-lg) !important;
	overflow: hidden;
}

.rmslwr-app-ui .rmslwr-manual-form {
	display: grid !important;
	gap: 10px !important;
}

.rmslwr-app-ui .rmslwr-manual-file__control {
	min-height: var(--rmwp-touch) !important;
	border-radius: var(--rmwp-radius-md) !important;
}

/* ---------- Invoice / transactions shortcode ---------- */
.rmslwr-app-ui .rmslwr-invoice-section,
.rmslwr-app-ui .rmslwr-payment-invoice-list {
	display: grid !important;
	gap: 10px !important;
}

.rmslwr-app-ui :is(.rmslwr-invoice-grid span, .rmslwr-statement-grid span) {
	display: grid !important;
	gap: 2px !important;
	padding: 10px !important;
	border: 1px solid var(--rmwp-line) !important;
	border-radius: var(--rmwp-radius-md) !important;
	background: var(--rmwp-card-2) !important;
}

/* Keep service details hidden until user selects one (do not override [hidden]). */
.rmslwr-app-ui .rmslwr-service-detail[hidden],
.rmslwr-app-ui .rmslwr-service-detail:not(.is-active),
.rmslwr-app-ui .ddp-config-card.rmslwr-service-detail[hidden],
.rmslwr-app-ui .ddp-config-card.rmslwr-service-detail:not(.is-active) {
	display: none !important;
}

.rmslwr-app-ui .rmslwr-service-detail.is-active:not([hidden]) {
	display: grid !important;
	gap: 10px !important;
}

.rmslwr-app-ui .rmslwr-payment-invoice-card {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 10px !important;
}

/* ---------- Forms / inputs ---------- */
.rmslwr-app-ui :is(input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], input[type="time"], input[type="password"], input[type="search"], input[type="file"], input[type="url"], select, textarea, .rmslwr-copy-field, .ddp-config-link textarea),
.rmslwr-dashboard.rmslwr-app-ui :is(input, select, textarea),
.rmslwr-panel.rmslwr-app-ui :is(input, select, textarea),
.ddp-service-box.rmslwr-app-ui :is(input, select, textarea) {
	width: 100% !important;
	min-height: var(--rmwp-touch) !important;
	padding: 9px 11px !important;
	border: 1px solid var(--rmwp-line-2) !important;
	border-radius: var(--rmwp-radius-md) !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--rmwp-ink) !important;
	font: inherit !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.55 !important;
	outline: none !important;
	transition: border-color var(--rmwp-transition), box-shadow var(--rmwp-transition), background-color var(--rmwp-transition) !important;
}

.rmslwr-app-ui textarea {
	min-height: 86px !important;
	resize: vertical;
}

.rmslwr-app-ui :is(input, select, textarea)::placeholder {
	color: var(--rmwp-muted-2) !important;
	opacity: 1 !important;
}

.rmslwr-app-ui :is(input, select, textarea):focus,
.rmslwr-app-ui :is(input, select, textarea):focus-visible {
	border-color: var(--rmwp-blue) !important;
	box-shadow: var(--rmwp-ring) !important;
}

.rmslwr-app-ui :is(input, select, textarea):disabled,
.rmslwr-app-ui :is(input, select, textarea)[aria-disabled="true"] {
	background: var(--rmwp-card-3) !important;
	color: var(--rmwp-muted) !important;
	cursor: not-allowed;
	opacity: .75;
}

.rmslwr-app-ui :is(.rmslwr-profile-field, .rmslwr-manual-field, .rmslwr-payment-account-field, .rmslwr-field) {
	display: grid !important;
	gap: 6px !important;
	margin: 0 0 10px !important;
}

.rmslwr-app-ui .rmslwr-manual-input-wrap {
	display: grid !important;
	gap: 6px !important;
}

/* ---------- Buttons: simple, visible and high contrast ---------- */
.rmslwr-app-ui :is(button, .button, .rmslwr-account-button, .rmslwr-auth__button, .rmslwr-profile-submit, .rmslwr-empty-state__action, .rmslwr-telegram-connect__button, .rmslwr-order-bot-button, .rmslwr-wallet-pay-button, .rmslwr-referral-save-button, .rmslwr-manual-action, .rmslwr-qc-submit, .rmslwr-qc-open, .rmslwr-header-action, .rmslwr-inline-action),
.rmslwr-dashboard.rmslwr-app-ui :is(button, .button, .rmslwr-account-button),
.rmslwr-panel.rmslwr-app-ui :is(button, .button),
.ddp-service-box.rmslwr-app-ui :is(button, .button) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	min-height: var(--rmwp-touch) !important;
	padding: 9px 14px !important;
	border: 1px solid var(--rmwp-blue) !important;
	border-radius: var(--rmwp-radius-md) !important;
	background: var(--rmwp-blue) !important;
	color: #fff !important;
	box-shadow: none !important;
	font: inherit !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	line-height: 1.45 !important;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: transform var(--rmwp-transition), background-color var(--rmwp-transition), border-color var(--rmwp-transition), box-shadow var(--rmwp-transition), opacity var(--rmwp-transition) !important;
}

.rmslwr-app-ui :is(button, .button, .rmslwr-account-button, .rmslwr-auth__button, .rmslwr-profile-submit, .rmslwr-empty-state__action, .rmslwr-telegram-connect__button, .rmslwr-order-bot-button, .rmslwr-wallet-pay-button, .rmslwr-referral-save-button, .rmslwr-manual-action, .rmslwr-qc-submit, .rmslwr-qc-open, .rmslwr-header-action, .rmslwr-inline-action):hover {
	background: var(--rmwp-blue-hover) !important;
	border-color: var(--rmwp-blue-hover) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

.rmslwr-app-ui :is(button, .button, .rmslwr-account-button, .rmslwr-auth__button, .rmslwr-profile-submit, .rmslwr-empty-state__action, .rmslwr-telegram-connect__button, .rmslwr-order-bot-button, .rmslwr-wallet-pay-button, .rmslwr-referral-save-button, .rmslwr-manual-action, .rmslwr-qc-submit, .rmslwr-qc-open, .rmslwr-header-action, .rmslwr-inline-action):active {
	transform: translateY(0) scale(.985);
}

/* Secondary / utility buttons */
.rmslwr-app-ui :is(.rmslwr-copy-button, .ddp-copy-config, .rmslwr-order-bot-copy, .rmslwr-wallet-preset-button, .rmslwr-wallet-recharge-preset, .rmslwr-manual-qr-open, .rmslwr-manual-qr-close, .rmslwr-qc-close, .rmslwr-profile-edit-button, .rmslwr-bank-card-copy, .rmslwr-bank-plain-copy, .rmslwr-payment-invoice-actions a, .rmslwr-payment-invoice-actions button, .rmslwr-service-actions a, .rmslwr-filter-chip, .rmslwr-bot-connect-btn) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	min-height: var(--rmwp-touch) !important;
	padding: 9px 13px !important;
	border: 1px solid var(--rmwp-line-2) !important;
	border-radius: var(--rmwp-radius-md) !important;
	background: #fff !important;
	color: var(--rmwp-blue) !important;
	box-shadow: none !important;
	font: inherit !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	line-height: 1.45 !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: transform var(--rmwp-transition), background-color var(--rmwp-transition), border-color var(--rmwp-transition), color var(--rmwp-transition) !important;
}

.rmslwr-app-ui :is(.rmslwr-copy-button, .ddp-copy-config, .rmslwr-order-bot-copy, .rmslwr-wallet-preset-button, .rmslwr-wallet-recharge-preset, .rmslwr-manual-qr-open, .rmslwr-manual-qr-close, .rmslwr-qc-close, .rmslwr-profile-edit-button, .rmslwr-bank-card-copy, .rmslwr-payment-invoice-actions a, .rmslwr-payment-invoice-actions button, .rmslwr-service-actions a):hover {
	background: var(--rmwp-blue-soft) !important;
	border-color: var(--rmwp-blue) !important;
	color: var(--rmwp-blue-hover) !important;
	transform: translateY(-1px);
}

/* Teal only for positive/confirm actions, not everywhere */
.rmslwr-app-ui :is(.rmslwr-profile-submit--primary, .rmslwr-referral-save-button, .rmslwr-manual-action.is-confirm, .rmslwr-telegram-connect__button.is-connected) {
	background: var(--rmwp-teal) !important;
	border-color: var(--rmwp-teal) !important;
	color: #052e2b !important;
}

.rmslwr-app-ui :is(.rmslwr-profile-submit--primary, .rmslwr-referral-save-button, .rmslwr-manual-action.is-confirm, .rmslwr-telegram-connect__button.is-connected):hover {
	background: var(--rmwp-teal-hover) !important;
	border-color: var(--rmwp-teal-hover) !important;
	color: #031f1d !important;
}

/* Logout button: clean neutral, not red */
.rmslwr-app-ui .rmslwr-account-button.rmslwr-account-button--logout,
.rmslwr-account-button.rmslwr-account-button--logout.rmslwr-app-ui {
	background: #fff !important;
	border-color: var(--rmwp-line-2) !important;
	color: var(--rmwp-text) !important;
	border-radius: var(--rmwp-radius-md) !important;
	box-shadow: none !important;
}

.rmslwr-app-ui .rmslwr-account-button.rmslwr-account-button--logout:hover,
.rmslwr-account-button.rmslwr-account-button--logout.rmslwr-app-ui:hover {
	background: var(--rmwp-card-2) !important;
	border-color: var(--rmwp-muted-2) !important;
	color: var(--rmwp-ink) !important;
	transform: translateY(-1px);
}

.rmslwr-app-ui .rmslwr-account-button.rmslwr-account-button--logout :is(svg, path),
.rmslwr-account-button.rmslwr-account-button--logout.rmslwr-app-ui :is(svg, path) {
	color: currentColor !important;
	fill: currentColor !important;
	stroke: currentColor !important;
}

.rmslwr-app-ui :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: none !important;
	box-shadow: var(--rmwp-ring) !important;
}

.rmslwr-app-ui :is(button, .button, .rmslwr-account-button, .rmslwr-profile-submit, .rmslwr-copy-button, .rmslwr-empty-state__action):disabled,
.rmslwr-app-ui :is(button, .button, .rmslwr-account-button, .rmslwr-profile-submit, .rmslwr-copy-button, .rmslwr-empty-state__action)[aria-disabled="true"],
.rmslwr-app-ui :is(button, .button, .rmslwr-account-button, .rmslwr-profile-submit, .rmslwr-copy-button, .rmslwr-empty-state__action).is-loading {
	opacity: .58 !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
	transform: none !important;
}

.rmslwr-app-ui :is(.rmslwr-button-icon, .rmslwr-icon, .rmslwr-mobile-icon, button svg, a svg) {
	width: 16px !important;
	height: 16px !important;
	flex: 0 0 auto;
}

/* ---------- Badges / status / alerts ---------- */
.rmslwr-app-ui :is(.rmslwr-badge, .rmslwr-status, .rmslwr-payment-state, .rmslwr-manual-status, .rmslwr-bot-badge, .rmslwr-card-chip, .ddp-status, .ddp-delivery-badge:not(.ddp-product-delivery):not(.ddp-product-delivery *)) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;
	min-height: 24px !important;
	padding: 4px 8px !important;
	border: 1px solid var(--rmwp-blue-soft-2) !important;
	border-radius: 999px !important;
	background: var(--rmwp-blue-soft) !important;
	color: var(--rmwp-blue-hover) !important;
	font-size: 11.5px !important;
	font-weight: 750 !important;
	line-height: 1.35 !important;
	white-space: nowrap;
}

.rmslwr-app-ui :is(.rmslwr-badge--success, .is-success, .is-approved, .is-active, .is-online) {
	border-color: #bbf7d0 !important;
	background: var(--rmwp-success-bg) !important;
	color: #166534 !important;
}

.rmslwr-app-ui :is(.rmslwr-badge--warning, .is-warning, .is-pending, .is-on-hold, .rmslwr-login-status--warning) {
	border-color: #fde68a !important;
	background: var(--rmwp-warning-bg) !important;
	color: #92400e !important;
}

.rmslwr-app-ui :is(.rmslwr-badge--error, .is-error, .is-failed, .is-rejected, .is-offline) {
	border-color: #fecaca !important;
	background: var(--rmwp-danger-bg) !important;
	color: #991b1b !important;
}

.rmslwr-app-ui :is(.rmslwr-profile-alert, .rmslwr-profile-notice, .rmslwr-manual-alert, .rmslwr-manual-success, .rmslwr-manual-submit-error, .rmslwr-manual-rejected-note, .rmslwr-auth__status, .rmslwr-qc__status, .rmslwr-callout, .rmslwr-telegram-connected) {
	margin: 0 0 10px !important;
	padding: 10px 12px !important;
	border: 1px solid var(--rmwp-blue-soft-2) !important;
	border-radius: var(--rmwp-radius-md) !important;
	background: var(--rmwp-blue-soft) !important;
	color: var(--rmwp-blue-hover) !important;
	box-shadow: none !important;
	font-size: 12.5px !important;
	font-weight: 550 !important;
	line-height: 1.75 !important;
}

.rmslwr-app-ui :is(.rmslwr-profile-alert.is-success, .rmslwr-profile-notice.is-success, .rmslwr-manual-success, .rmslwr-callout--success) {
	border-color: #bbf7d0 !important;
	background: var(--rmwp-success-bg) !important;
	color: #166534 !important;
}

.rmslwr-app-ui :is(.rmslwr-profile-alert.is-error, .rmslwr-profile-notice.is-error, .rmslwr-manual-submit-error) {
	border-color: #fecaca !important;
	background: var(--rmwp-danger-bg) !important;
	color: #991b1b !important;
}

.rmslwr-app-ui :is(.rmslwr-callout--info, .rmslwr-manual-checkout-note) {
	border-color: var(--rmwp-blue-soft-2) !important;
	background: var(--rmwp-blue-soft) !important;
	color: var(--rmwp-blue-hover) !important;
}

/* ---------- Empty state ---------- */
.rmslwr-app-ui .rmslwr-empty-state {
	display: grid !important;
	place-items: center !important;
	gap: 9px !important;
	width: 100% !important;
	padding: clamp(22px, 7vw, 38px) 14px !important;
	border: 1px dashed var(--rmwp-line-2) !important;
	border-radius: var(--rmwp-radius-xl) !important;
	background: linear-gradient(180deg, #fff, var(--rmwp-card-2)) !important;
	text-align: center !important;
	box-shadow: none !important;
}

.rmslwr-app-ui .rmslwr-empty-state h3 {
	margin: 0 !important;
	font-size: 15px !important;
	font-weight: 800 !important;
}

.rmslwr-app-ui .rmslwr-empty-state p {
	max-width: 460px !important;
	margin: 0 !important;
}

/* ---------- Tables ---------- */
.rmslwr-app-ui :is(.rmslwr-table-wrap, .rmslwr-table-scroll, .rmslwr-bot-table-wrap, .ddp-table-wrap) {
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch;
	border-radius: var(--rmwp-radius-lg) !important;
}

.rmslwr-app-ui :is(.rmslwr-table-wrap table, .rmslwr-table-scroll table, .rmslwr-bot-table, .ddp-table) {
	width: 100% !important;
	min-width: 620px;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	background: #fff !important;
	font-size: 12.5px !important;
}

.rmslwr-app-ui :is(th, td) {
	padding: 10px 11px !important;
	border-bottom: 1px solid var(--rmwp-line) !important;
	text-align: right !important;
	vertical-align: middle !important;
	line-height: 1.7 !important;
	color: var(--rmwp-text) !important;
}

.rmslwr-app-ui th {
	background: var(--rmwp-card-2) !important;
	color: var(--rmwp-muted) !important;
	font-size: 11.5px !important;
	font-weight: 750 !important;
}

.rmslwr-app-ui tbody tr:hover td {
	background: var(--rmwp-blue-soft) !important;
}

/* ---------- Quick checkout / dialog ---------- */
.rmslwr-login-dialog.rmslwr-app-ui,
.rmslwr-app-ui .rmslwr-login-dialog {
	width: min(640px, calc(100vw - 18px)) !important;
	max-width: calc(100vw - 18px) !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

.rmslwr-app-ui .rmslwr-qc__dialog {
	width: min(430px, calc(100vw - 18px)) !important;
	max-width: calc(100vw - 18px) !important;
	padding: 14px !important;
	border: 1px solid var(--rmwp-line) !important;
	border-radius: var(--rmwp-radius-xl) !important;
	background: #fff !important;
	box-shadow: var(--rmwp-shadow-sm) !important;
}

.rmslwr-login-dialog.rmslwr-app-ui::backdrop,
.rmslwr-app-ui .rmslwr-login-dialog::backdrop,
.rmslwr-app-ui .rmslwr-qc__backdrop {
	background: rgba(15, 23, 42, .48) !important;
	backdrop-filter: blur(8px);
}

.rmslwr-app-ui :is(.rmslwr-login-dialog__close, .rmslwr-qc__close) {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 34px !important;
	height: 34px !important;
	min-height: 34px !important;
	padding: 0 !important;
	border-radius: 999px !important;
}

.rmslwr-app-ui .rmslwr-qc__quantity {
	display: grid !important;
	grid-template-columns: 40px minmax(0, 1fr) 40px !important;
	gap: 8px !important;
}

/* ---------- Toast ---------- */
.rmslwr-toast-container.rmslwr-app-ui,
.rmslwr-app-ui .rmslwr-toast-container {
	position: fixed;
	z-index: 999999;
	right: 10px;
	left: 10px;
	bottom: 10px;
	top: auto;
	display: grid;
	gap: 8px;
	width: auto;
	pointer-events: none;
}

.rmslwr-app-ui .rmslwr-toast,
.rmslwr-toast-container.rmslwr-app-ui .rmslwr-toast {
	pointer-events: auto;
	padding: 10px 12px !important;
	border: 1px solid var(--rmwp-line) !important;
	border-radius: var(--rmwp-radius-md) !important;
	background: #fff !important;
	color: var(--rmwp-text) !important;
	box-shadow: var(--rmwp-shadow-sm) !important;
	font-size: 12.5px !important;
	line-height: 1.7 !important;
}

/* ---------- Mobile navigation ---------- */
/* Intentionally untouched. The original plugin mobile-nav.css owns .rmslwr-mobile-nav--pro71. */

/* ---------- Mobile first button behavior ---------- */
.rmslwr-app-ui :is(.rmslwr-account-button, .rmslwr-auth__button, .rmslwr-profile-submit, .rmslwr-empty-state__action, .rmslwr-telegram-connect__button, .rmslwr-wallet-pay-button, .rmslwr-wallet-preset-button, .rmslwr-referral-save-button, .rmslwr-manual-action, .rmslwr-qc-submit) {
	width: 100% !important;
}

.rmslwr-app-ui .rmslwr-copy-row :is(.rmslwr-copy-button, .ddp-copy-config) {
	width: auto !important;
}

.rmslwr-app-ui :is(.rmslwr-dashboard__header, .rmslwr-wallet-header, .rmslwr-profile-card__header, .rmslwr-profile-complete-card > header, .ddp-service-head) {
	flex-direction: column !important;
	align-items: stretch !important;
}

.rmslwr-app-ui :is(.rmslwr-table-wrap, .rmslwr-table-scroll, .rmslwr-bot-table-wrap, .ddp-table-wrap)::after {
	content: "جدول را افقی اسکرول کنید";
	display: block;
	padding: 8px 10px;
	color: var(--rmwp-muted);
	font-size: 11px;
	line-height: 1.6;
}

/* ---------- Tablet / desktop ---------- */
@media (min-width: 720px) {
	.rmslwr-auth.rmslwr-app-ui {
		width: min(600px, calc(100% - 28px)) !important;
		max-width: min(600px, calc(100vw - 28px)) !important;
		margin: 14px auto !important;
		padding: 8px !important;
	}

	.rmslwr-dashboard.rmslwr-app-ui,
	.rmslwr-panel.rmslwr-app-ui,
	.rmslwr-profile-card.rmslwr-app-ui,
	.rmslwr-profile-complete-card.rmslwr-app-ui,
	.rmslwr-login-status.rmslwr-app-ui,
	.rmslwr-manual-panel.rmslwr-app-ui,
	.rmslwr-manual-checkout.rmslwr-app-ui,
	.rmslwr-payment-invoices-page.rmslwr-app-ui,
	.ddp-service-box.rmslwr-app-ui,
	.ddp-manager.rmslwr-app-ui,
	.rmslwr-app-ui :is(.rmslwr-dashboard, .rmslwr-panel, .rmslwr-profile-card, .rmslwr-profile-complete-card, .rmslwr-login-status, .rmslwr-manual-panel, .rmslwr-manual-checkout, .rmslwr-payment-invoices-page, .ddp-service-box, .ddp-manager) {
		width: min(1080px, calc(100% - 28px)) !important;
		max-width: calc(100vw - 28px) !important;
		margin: 14px auto !important;
		padding: 18px !important;
	}

	.rmslwr-services-page.rmslwr-app-ui,
	.rmslwr-wallet-panel.rmslwr-app-ui,
	.rmslwr-referrals.rmslwr-app-ui,
	.rmslwr-invoices-panel.rmslwr-app-ui,
	.rmslwr-app-ui :is(.rmslwr-services-page, .rmslwr-wallet-panel, .rmslwr-referrals, .rmslwr-invoices-panel) {
		width: min(1080px, calc(100% - 28px)) !important;
		max-width: calc(100vw - 28px) !important;
		margin: 14px auto !important;
	}

	.rmslwr-app-ui :is(.rmslwr-wallet-overview, .rmslwr-referral-grid, .rmslwr-services-grid, .rmslwr-bot-summary, .ddp-config-meta, .ddp-live-stats, .rmslwr-payment-stats) {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
		gap: 10px !important;
	}

	.rmslwr-app-ui :is(.rmslwr-dashboard__details, .ddp-config-links, .rmslwr-payment-invoice-meta) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.rmslwr-app-ui .rmslwr-profile-fields-grid,
	.rmslwr-app-ui .rmslwr-manual-methods {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.rmslwr-app-ui .rmslwr-profile-summary,
	.rmslwr-app-ui .profile-summary,
	.profile-summary {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.rmslwr-app-ui .rmslwr-wallet-top,
	.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-top,
	.rmslwr-wallet-panel .rmslwr-wallet-top {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		gap: 10px !important;
		align-items: stretch !important;
	}

	.rmslwr-app-ui .rmslwr-avatar-picker {
		grid-template-columns: repeat(auto-fit, minmax(86px, 1fr)) !important;
	}

	.rmslwr-app-ui .rmslwr-wallet-recharge__content {
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: end !important;
	}

	.rmslwr-app-ui .rmslwr-wallet-recharge-presets {
		grid-template-columns: repeat(3, minmax(0, auto)) !important;
		justify-content: end !important;
	}

	.rmslwr-app-ui .rmslwr-payment-invoice-card {
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: center !important;
	}

	.rmslwr-app-ui :is(.rmslwr-account-button, .rmslwr-auth__button, .rmslwr-profile-submit, .rmslwr-empty-state__action, .rmslwr-telegram-connect__button, .rmslwr-wallet-pay-button, .rmslwr-wallet-preset-button, .rmslwr-referral-save-button, .rmslwr-manual-action, .rmslwr-qc-submit) {
		width: auto !important;
	}

	.rmslwr-app-ui :is(.rmslwr-dashboard__header, .rmslwr-wallet-header, .rmslwr-profile-card__header, .rmslwr-profile-complete-card > header, .ddp-service-head) {
		flex-direction: row !important;
		align-items: center !important;
	}

	.rmslwr-app-ui :is(.rmslwr-table-wrap, .rmslwr-table-scroll, .rmslwr-bot-table-wrap, .ddp-table-wrap)::after {
		display: none;
	}

	.rmslwr-toast-container.rmslwr-app-ui,
	.rmslwr-app-ui .rmslwr-toast-container {
		right: 18px;
		left: auto;
		bottom: 18px;
		width: min(380px, calc(100vw - 36px));
	}
}

@media (min-width: 1024px) {
	.rmslwr-app-ui .rmslwr-dashboard__details {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr) !important;
	}

	.rmslwr-app-ui .rmslwr-wallet-top,
	.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-top,
	.rmslwr-wallet-panel .rmslwr-wallet-top {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	}

	.rmslwr-app-ui .rmslwr-wallet-overview {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.rmslwr-app-ui .ddp-config-meta {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rmslwr-app-ui *,
	.rmslwr-app-ui *::before,
	.rmslwr-app-ui *::after {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
	}
}

/* ---------- 2.4.2 polish: referral shell + mobile-centered account headers ---------- */
/* Remove old top accent lines from app shells, including legacy frontend.css pseudo-elements. */
.rmslwr-dashboard.rmslwr-app-ui::before,
.rmslwr-dashboard.rmslwr-app-ui::after,
.rmslwr-panel.rmslwr-app-ui::before,
.rmslwr-panel.rmslwr-app-ui::after,
.rmslwr-profile-card.rmslwr-app-ui::before,
.rmslwr-profile-card.rmslwr-app-ui::after,
.rmslwr-profile-complete-card.rmslwr-app-ui::before,
.rmslwr-profile-complete-card.rmslwr-app-ui::after,
.rmslwr-manual-panel.rmslwr-app-ui::before,
.rmslwr-manual-panel.rmslwr-app-ui::after,
.rmslwr-payment-invoices-page.rmslwr-app-ui::before,
.rmslwr-payment-invoices-page.rmslwr-app-ui::after,
.ddp-service-box.rmslwr-app-ui::before,
.ddp-service-box.rmslwr-app-ui::after,
.rmslwr-panel.rmslwr-referrals.rmslwr-app-ui::before,
.rmslwr-panel.rmslwr-referrals.rmslwr-app-ui::after {
	content: none !important;
	display: none !important;
	height: 0 !important;
	background: none !important;
}

/* Give the referral shortcode a real app-card background instead of floating on the page. */
.rmslwr-panel.rmslwr-referrals.rmslwr-app-ui,
.rmslwr-referrals.rmslwr-app-ui,
.rmslwr-app-ui .rmslwr-panel.rmslwr-referrals {
	position: relative !important;
	width: min(1080px, calc(100% - 16px)) !important;
	max-width: calc(100vw - 16px) !important;
	margin: 10px auto !important;
	padding: 14px !important;
	border: 1px solid var(--rmwp-line) !important;
	border-radius: var(--rmwp-radius-xl) !important;
	background: linear-gradient(180deg, rgba(255,255,255,.98), #ffffff) !important;
	box-shadow: var(--rmwp-shadow-xs) !important;
	color: var(--rmwp-text) !important;
	overflow: hidden !important;
}

.rmslwr-panel.rmslwr-referrals.rmslwr-app-ui .rmslwr-section-title,
.rmslwr-referrals.rmslwr-app-ui .rmslwr-section-title,
.rmslwr-app-ui .rmslwr-referrals .rmslwr-section-title {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 0 12px !important;
	padding: 0 0 12px !important;
	border-bottom: 1px solid var(--rmwp-line) !important;
	color: var(--rmwp-ink) !important;
}

.rmslwr-panel.rmslwr-referrals.rmslwr-app-ui .rmslwr-referral-grid,
.rmslwr-referrals.rmslwr-app-ui .rmslwr-referral-grid,
.rmslwr-app-ui .rmslwr-referrals .rmslwr-referral-grid {
	margin-top: 10px !important;
}

.rmslwr-panel.rmslwr-referrals.rmslwr-app-ui .rmslwr-referral-card,
.rmslwr-referrals.rmslwr-app-ui .rmslwr-referral-card,
.rmslwr-app-ui .rmslwr-referrals .rmslwr-referral-card {
	background: #fff !important;
}

.rmslwr-panel.rmslwr-referrals.rmslwr-app-ui .rmslwr-referral-card--editable,
.rmslwr-referrals.rmslwr-app-ui .rmslwr-referral-card--editable,
.rmslwr-app-ui .rmslwr-referrals .rmslwr-referral-card--editable {
	background: linear-gradient(180deg, #fff, var(--rmwp-card-2)) !important;
}

@media (max-width: 719px) {
	/* Center headers on mobile without forcing icon spans full-width. */
	.rmslwr-dashboard.rmslwr-app-ui .rmslwr-dashboard__header,
	.rmslwr-profile-card.rmslwr-app-ui .rmslwr-profile-card__header,
	.rmslwr-profile-complete-card.rmslwr-app-ui > header,
	.rmslwr-app-ui .rmslwr-dashboard__header,
	.rmslwr-app-ui .rmslwr-profile-card__header,
	.rmslwr-app-ui .rmslwr-profile-complete-card > header,
	.rmslwr-app-ui .rmslwr-wallet-header {
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.rmslwr-dashboard.rmslwr-app-ui .rmslwr-dashboard__header :is(h1, h2, h3, p, small),
	.rmslwr-profile-card.rmslwr-app-ui .rmslwr-profile-card__header :is(h1, h2, h3, p, small),
	.rmslwr-profile-complete-card.rmslwr-app-ui > header :is(h1, h2, h3, p, small),
	.rmslwr-app-ui .rmslwr-dashboard__header :is(h1, h2, h3, p, small),
	.rmslwr-app-ui .rmslwr-profile-card__header :is(h1, h2, h3, p, small),
	.rmslwr-app-ui .rmslwr-profile-complete-card > header :is(h1, h2, h3, p, small),
	.rmslwr-app-ui .rmslwr-wallet-header :is(h1, h2, h3, p, small) {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	/* Title + icon stay on one horizontal line (do not inherit width:100%). */
	.rmslwr-app-ui .rmslwr-wallet-header .rmslwr-section-title,
	.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-header .rmslwr-section-title,
	.rmslwr-wallet-panel .rmslwr-wallet-header .rmslwr-section-title,
	.rmslwr-invoices-panel .rmslwr-wallet-header .rmslwr-section-title {
		width: auto;
		max-width: 100%;
		flex-wrap: nowrap;
		white-space: nowrap;
	}

	.rmslwr-app-ui .rmslwr-wallet-header .rmslwr-section-title .rmslwr-icon,
	.rmslwr-app-ui .rmslwr-wallet-header .rmslwr-section-title .rmslwr-section-title__text {
		width: auto;
	}

	.rmslwr-dashboard.rmslwr-app-ui .rmslwr-dashboard__header img,
	.rmslwr-profile-card.rmslwr-app-ui .rmslwr-profile-card__header img,
	.rmslwr-profile-complete-card.rmslwr-app-ui > header img,
	.rmslwr-app-ui .rmslwr-dashboard__header img,
	.rmslwr-app-ui .rmslwr-profile-card__header img,
	.rmslwr-app-ui .rmslwr-profile-complete-card > header img {
		margin-inline: auto;
	}

	.rmslwr-app-ui .rmslwr-profile-summary,
	.rmslwr-app-ui .profile-summary,
	.profile-summary {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	/* Mobile-only main grids: 3 columns */
	.rmslwr-app-ui .rmslwr-dashboard__grid,
	.rmslwr-dashboard.rmslwr-app-ui .rmslwr-dashboard__grid {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-flow: row;
	}

	.rmslwr-app-ui .rmslwr-invoice-summary,
	.rmslwr-panel.rmslwr-app-ui .rmslwr-invoice-summary {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-flow: row;
	}

	.rmslwr-app-ui .rmslwr-invoice-grid {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-flow: row;
	}

	/* Bot connect: 2 columns on mobile only */
	.rmslwr-app-ui .rmslwr-bot-connect-row {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: row;
	}
}

@media (min-width: 720px) {
	.rmslwr-panel.rmslwr-referrals.rmslwr-app-ui,
	.rmslwr-referrals.rmslwr-app-ui,
	.rmslwr-app-ui .rmslwr-panel.rmslwr-referrals {
		width: min(1080px, calc(100% - 28px)) !important;
		max-width: calc(100vw - 28px) !important;
		margin: 14px auto !important;
		padding: 18px !important;
	}
}


/* ---------- 2.5.3 polish: coupon cards, profile modal and redesigned avatars ---------- */
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-dashboard-card--coupons,
.rmslwr-app-ui .rmslwr-dashboard-card--coupons {
	background: linear-gradient(180deg, #fff, #fbfdff) !important;
	border-color: var(--rmwp-line) !important;
}

.rmslwr-app-ui .rmslwr-coupon-section-head,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-section-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin: 0 0 10px !important;
	padding: 0 0 10px !important;
	border-bottom: 1px solid var(--rmwp-line) !important;
}

.rmslwr-app-ui .rmslwr-coupon-section-head h3,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-section-head h3 {
	margin: 0 !important;
	font-size: 14px !important;
}

.rmslwr-app-ui .rmslwr-coupon-section-head p,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-section-head p {
	margin-top: 2px !important;
	font-size: 11.5px !important;
	color: var(--rmwp-muted) !important;
}

.rmslwr-app-ui .rmslwr-coupon-count,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-count {
	display: inline-grid !important;
	place-items: center !important;
	min-width: 30px !important;
	height: 30px !important;
	padding-inline: 8px !important;
	border-radius: 999px !important;
	background: var(--rmwp-blue-soft) !important;
	border: 1px solid var(--rmwp-blue-soft-2) !important;
	color: var(--rmwp-blue) !important;
	font-size: 13px !important;
	font-weight: 850 !important;
}

.rmslwr-app-ui .rmslwr-coupon-list,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-list {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 9px !important;
}

.rmslwr-app-ui .rmslwr-coupon-card,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card {
	position: relative !important;
	display: grid !important;
	gap: 9px !important;
	min-width: 0 !important;
	padding: 11px !important;
	border: 1px solid var(--rmwp-line) !important;
	border-radius: var(--rmwp-radius-lg) !important;
	background: #fff !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.rmslwr-app-ui .rmslwr-coupon-card::before,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 auto 0 0 !important;
	width: 3px !important;
	background: var(--rmwp-blue) !important;
}

.rmslwr-app-ui .rmslwr-coupon-card.is-active::before,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card.is-active::before {
	background: var(--rmwp-teal) !important;
}

.rmslwr-app-ui .rmslwr-coupon-card.is-inactive,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card.is-inactive {
	background: var(--rmwp-card-2) !important;
	opacity: .82;
}

.rmslwr-app-ui .rmslwr-coupon-card__head,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card__head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
}

.rmslwr-app-ui .rmslwr-coupon-card__source,
.rmslwr-app-ui .rmslwr-coupon-card__status,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card__source,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card__status {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 24px !important;
	padding: 3px 8px !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
}

.rmslwr-app-ui .rmslwr-coupon-card__source,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card__source {
	background: var(--rmwp-blue-soft) !important;
	border: 1px solid var(--rmwp-blue-soft-2) !important;
	color: var(--rmwp-blue) !important;
}

.rmslwr-app-ui .rmslwr-coupon-card__status,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card__status {
	background: var(--rmwp-teal-soft) !important;
	border: 1px solid var(--rmwp-teal-soft-2) !important;
	color: #047d70 !important;
}

.rmslwr-app-ui .rmslwr-coupon-card.is-inactive .rmslwr-coupon-card__status,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card.is-inactive .rmslwr-coupon-card__status {
	background: var(--rmwp-card-3) !important;
	border-color: var(--rmwp-line) !important;
	color: var(--rmwp-muted) !important;
}

.rmslwr-app-ui .rmslwr-coupon-card__code-row,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card__code-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 8px !important;
	align-items: stretch !important;
}

.rmslwr-app-ui .rmslwr-coupon-card__code-row code,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card__code-row code {
	display: flex !important;
	align-items: center !important;
	min-width: 0 !important;
	min-height: 38px !important;
	padding: 8px 10px !important;
	border: 1px dashed var(--rmwp-line-2) !important;
	border-radius: var(--rmwp-radius-md) !important;
	background: var(--rmwp-card-2) !important;
	color: var(--rmwp-ink) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: .03em !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.rmslwr-app-ui .rmslwr-coupon-copy,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-copy {
	min-width: 54px !important;
	min-height: 38px !important;
	padding: 7px 11px !important;
}

.rmslwr-app-ui .rmslwr-coupon-card__meta,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card__meta {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 7px !important;
}

.rmslwr-app-ui .rmslwr-coupon-card__meta span,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card__meta span {
	display: grid !important;
	gap: 2px !important;
	min-width: 0 !important;
	padding: 7px 8px !important;
	border-radius: var(--rmwp-radius-md) !important;
	background: var(--rmwp-card-2) !important;
}

.rmslwr-app-ui .rmslwr-coupon-card__meta b,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card__meta b {
	font-size: 10.5px !important;
	font-weight: 700 !important;
	color: var(--rmwp-muted) !important;
}

.rmslwr-app-ui .rmslwr-coupon-card__meta strong,
.rmslwr-dashboard.rmslwr-app-ui .rmslwr-coupon-card__meta strong {
	font-size: 12px !important;
	font-weight: 850 !important;
	color: var(--rmwp-ink) !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

html.rmslwr-profile-modal-open,
html.rmslwr-profile-modal-open body {
	overflow: hidden !important;
	overscroll-behavior: none !important;
	touch-action: none;
}

.rmslwr-profile-modal.rmslwr-app-ui {
	width: min(720px, calc(100vw - 18px)) !important;
	max-width: calc(100vw - 18px) !important;
	max-height: min(88vh, 860px) !important;
	height: min(88vh, 860px) !important;
	margin: auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: var(--rmwp-radius-xl) !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: hidden !important;
	overscroll-behavior: contain !important;
}

.rmslwr-profile-modal.rmslwr-app-ui::backdrop {
	background: rgba(15, 23, 42, .45) !important;
	backdrop-filter: blur(8px);
	overscroll-behavior: none;
}

.rmslwr-profile-modal.rmslwr-app-ui .rmslwr-profile-modal__sheet {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	max-height: 100% !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	touch-action: pan-y;
	padding: 10px !important;
	border: 1px solid rgba(226, 232, 240, .9) !important;
	border-radius: var(--rmwp-radius-xl) !important;
	background: var(--rmwp-bg) !important;
}

.rmslwr-profile-modal.rmslwr-app-ui .rmslwr-profile-modal__close {
	position: sticky !important;
	top: 8px !important;
	inset-inline-start: 8px !important;
	z-index: 5 !important;
	float: left !important;
	width: 36px !important;
	height: 36px !important;
	min-height: 36px !important;
	padding: 0 !important;
	border-radius: 999px !important;
	background: #fff !important;
	border-color: var(--rmwp-line) !important;
	color: var(--rmwp-ink) !important;
}

.rmslwr-profile-modal.rmslwr-app-ui .rmslwr-profile-card {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	box-shadow: none !important;
}

.rmslwr-app-ui .rmslwr-profile-edit-button--modal {
	background: #fff !important;
	color: var(--rmwp-blue) !important;
	border-color: var(--rmwp-blue-soft-2) !important;
}

.rmslwr-app-ui .rmslwr-avatar-picker {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

.rmslwr-app-ui .rmslwr-avatar-option {
	gap: 8px !important;
	padding: 10px 8px !important;
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, .03) !important;
}

.rmslwr-app-ui .rmslwr-avatar-option:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(15, 23, 42, .06) !important;
}

.rmslwr-app-ui .rmslwr-avatar-option.is-selected {
	border-color: var(--rmwp-blue) !important;
	background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
	box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .10), 0 8px 18px rgba(37, 99, 235, .06) !important;
}

@supports selector(:has(*)) {
	.rmslwr-app-ui .rmslwr-avatar-option:has(input:checked) {
		border-color: var(--rmwp-blue) !important;
		background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
		box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .10), 0 8px 18px rgba(37, 99, 235, .06) !important;
	}
}

.rmslwr-app-ui .rmslwr-avatar-preview,
.rmslwr-app-ui .rmslwr-avatar-default-mark {
	display: grid !important;
	place-items: center !important;
	width: 64px !important;
	height: 64px !important;
	border-radius: 18px !important;
	background: #fff !important;
	overflow: hidden !important;
	border: 1px solid rgba(15, 23, 42, .06) !important;
}

.rmslwr-app-ui .rmslwr-avatar-preview img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: inherit !important;
}

.rmslwr-app-ui .rmslwr-avatar-default-mark {
	background: radial-gradient(circle at 30% 20%, #fff, var(--rmwp-blue-soft)) !important;
	color: var(--rmwp-blue) !important;
	font-size: 22px !important;
	font-weight: 900 !important;
}

.rmslwr-app-ui .rmslwr-avatar-option small {
	margin: 0 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	color: var(--rmwp-text-soft) !important;
	line-height: 1.45 !important;
	text-align: center !important;
}

@media (max-width: 480px) {
	.rmslwr-app-ui .rmslwr-coupon-card__meta {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.rmslwr-app-ui .rmslwr-avatar-picker {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* 2.5.15: plain bank info + simple bot CTAs + ledger chips */
.rmslwr-app-ui .rmslwr-bank-plain,
.rmslwr-manual-panel.rmslwr-app-ui .rmslwr-bank-plain {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 10px 0 !important;
}
.rmslwr-app-ui .rmslwr-bot-connect-btn,
.rmslwr-app-ui .rmslwr-filter-select {
	border-radius: 10px !important;
	box-shadow: none !important;
}
.rmslwr-app-ui .rmslwr-bot-connect-btn {
	min-height: 48px !important;
	padding: 10px 12px !important;
	background: #fff !important;
	border: 1px solid #e2e8f0 !important;
}
.rmslwr-app-ui .rmslwr-bot-connect-btn.is-telegram,
.rmslwr-app-ui .rmslwr-bot-connect-btn.is-bale {
	background: #7ce8dd !important;
	min-height: 66px !important;
}
.rmslwr-app-ui .rmslwr-order-bot-connect.rmslwr-bot-connect-simple {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}
.rmslwr-app-ui .rmslwr-wallet-overview {
	grid-template-columns: minmax(0, 1fr) !important;
}

.rmslwr-app-ui .rmslwr-ledger-badges {
	display: flex !important;
	justify-content: space-evenly !important;
	align-items: center !important;
	width: 100% !important;
	flex-wrap: wrap !important;
}

.rmslwr-app-ui .rmslwr-invoice-card header,
.rmslwr-app-ui .rmslwr-invoices-panel .rmslwr-invoice-card header,
.rmslwr-invoice-card header {
	flex-direction: column !important;
}

.rmslwr-app-ui .rmslwr-invoices-panel .rmslwr-invoice-card header > strong,
.rmslwr-invoices-panel .rmslwr-invoice-card header > strong {
	text-align: center !important;
	width: 100% !important;
}

@media (max-width: 719px) {
	.rmslwr-app-ui .rmslwr-wallet-top,
	.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-top,
	.rmslwr-wallet-panel .rmslwr-wallet-top {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.rmslwr-app-ui .rmslwr-profile-summary,
	.rmslwr-app-ui .profile-summary,
	.profile-summary {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.rmslwr-app-ui .rmslwr-bot-connect-btn.is-telegram,
	.rmslwr-app-ui .rmslwr-bot-connect-btn.is-bale {
		min-height: 66px !important;
	}

	.rmslwr-app-ui .rmslwr-bank-plain-copy,
	.rmslwr-app-ui .rmslwr-filter-select {
		min-height: var(--rmwp-touch, 44px) !important;
	}
	.rmslwr-app-ui .rmslwr-ledger-filters {
		grid-template-columns: 1fr !important;
	}
}

/* ---------- 2.5.44 layout polish: wallet header unit + invoice grids ---------- */
.rmslwr-app-ui .rmslwr-invoices-panel .rmslwr-invoice-section h3,
.rmslwr-invoices-panel.rmslwr-app-ui .rmslwr-invoice-section h3,
.rmslwr-invoices-panel .rmslwr-invoice-section h3 {
	font-size: 18px !important;
}

.rmslwr-app-ui .rmslwr-invoice-summary,
.rmslwr-panel.rmslwr-app-ui .rmslwr-invoice-summary,
.rmslwr-invoices-panel .rmslwr-invoice-summary {
	display: grid;
	gap: 10px;
}

.rmslwr-app-ui .rmslwr-invoice-grid,
.rmslwr-invoices-panel .rmslwr-invoice-grid {
	display: grid;
	gap: 9px;
}

.rmslwr-app-ui .rmslwr-service-renewal-actions,
.rmslwr-services-browser .rmslwr-service-renewal-actions {
	display: grid !important;
	gap: 12px !important;
	margin-top: 12px !important;
	grid-template-columns: minmax(0, 1fr) !important;
}

.rmslwr-app-ui :is(.rmslwr-sub-cta-btn, a.rmslwr-sub-cta-btn, .rmslwr-service-action-button, .rmslwr-service-renew-button),
.rmslwr-services-browser :is(.rmslwr-sub-cta-btn, a.rmslwr-sub-cta-btn, .rmslwr-service-action-button, .rmslwr-service-renew-button) {
	width: auto !important;
	max-width: 100% !important;
	justify-self: start !important;
}

.rmslwr-app-ui :is(.rmslwr-package-renewal, .rmslwr-daily-renewal) > .rmslwr-service-action-button,
.rmslwr-services-browser :is(.rmslwr-package-renewal, .rmslwr-daily-renewal) > .rmslwr-service-action-button {
	min-width: 12.5rem !important;
	min-height: 44px !important;
	box-sizing: border-box !important;
	font-size: 0.95rem !important;
	padding: 0.65rem 1.1rem !important;
}

@media (min-width: 782px) {
	.rmslwr-app-ui .rmslwr-service-renewal-actions,
	.rmslwr-services-browser .rmslwr-service-renewal-actions {
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
		align-items: stretch !important;
	}
}

@media (min-width: 900px) {
	.rmslwr-app-ui .rmslwr-invoice-summary,
	.rmslwr-panel.rmslwr-app-ui .rmslwr-invoice-summary,
	.rmslwr-invoices-panel .rmslwr-invoice-summary {
		grid-template-columns: minmax(220px, 1.25fr) repeat(3, minmax(0, 0.85fr));
	}
}

@media (max-width: 719px) {
	.rmslwr-app-ui .rmslwr-wallet-overview,
	.rmslwr-panel.rmslwr-app-ui .rmslwr-wallet-overview {
		grid-template-columns: minmax(0, 1fr);
	}
}