/**
 * MD3 Dialog — 现代全局弹窗
 * 风格：大圆角 (28px)、Elevation 3、内容导向
 */

.sanxio-member-msg-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2147483646 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: var(--md3-spacing-4, 16px);
	box-sizing: border-box;
	pointer-events: auto !important;
}

.sanxio-member-msg-modal__scrim {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: var(--md3-color-scrim, rgba(0, 0, 0, 0.52));
	backdrop-filter: blur(2px);
	cursor: pointer;
	pointer-events: auto !important;
}

.sanxio-member-msg-modal__card {
	position: relative;
	z-index: 2 !important;
	width: min(100%, 312px); /* MD3 标准宽度 */
	min-height: 140px;
	max-height: min(80vh, 560px);
	
	display: flex;
	flex-direction: column;
	
	background: var(--md3-color-surface-container-high, #e7e9ed);
	border-radius: var(--md3-shape-xl, 28px);
	box-shadow: var(--md3-elevation-3);
	border: none;
	overflow: hidden;
	pointer-events: auto !important;
	
	animation: md3-dialog-pop 0.3s var(--md3-motion-easing-emphasized);
}

@keyframes md3-dialog-pop {
	from { opacity: 0; transform: scale(0.9); }
	to { opacity: 1; transform: scale(1); }
}

/* MD3 弹窗不再有彩色头部，标题直接在内容区 */
.sanxio-member-msg-modal__head {
	padding: 24px 24px 16px;
	font-size: var(--md3-typescale-headline-small-size, 24px);
	font-weight: 400;
	color: var(--md3-color-on-surface, #1c1b1f);
	background: transparent !important;
}

.sanxio-member-msg-modal__body {
	padding: 0 24px 24px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--md3-color-on-surface-variant, #49454f);
	overflow-x: hidden;
	overflow-y: auto;
	overflow-wrap: anywhere;
	word-break: break-word;
	min-width: 0;
	flex: 1 1 auto;
}

.sanxio-member-msg-modal__foot {
	padding: 0 24px 24px;
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}

/* 使用标准的 md3-btn */
.sanxio-member-msg-modal__btn {
	appearance: none;
	border: none;
	border-radius: var(--md3-shape-full, 999px);
	padding: 0 24px;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer !important;
	pointer-events: auto !important;
	position: relative;
	z-index: 3;
	background: var(--md3-color-primary);
	color: var(--md3-color-on-primary);
	transition: all 0.2s ease;
}

.sanxio-member-msg-modal__btn:hover {
	box-shadow: var(--md3-elevation-1);
}

/* 状态色仅通过图标或边框线暗示，不再涂满头部 */
.sanxio-member-msg-modal__card--success { border-top: 4px solid #2e7d32; }
.sanxio-member-msg-modal__card--warning { border-top: 4px solid #d97706; }
.sanxio-member-msg-modal__card--error { border-top: 4px solid var(--md3-color-error); }

/* ====== Dark Mode ====== */
:root[data-theme="dark"] .sanxio-member-msg-modal__card,
:root.theme-dark .sanxio-member-msg-modal__card {
	background: var(--md3-color-surface-container-high, #2b2930);
}
:root[data-theme="dark"] .sanxio-member-msg-modal__head,
:root.theme-dark .sanxio-member-msg-modal__head {
	color: var(--md3-color-on-surface, #e6e1e5);
}
:root[data-theme="dark"] .sanxio-member-msg-modal__body,
:root.theme-dark .sanxio-member-msg-modal__body {
	color: var(--md3-color-on-surface-variant, #cac4d0);
}

.sanxio-member-msg-modal__btn-cancel {
	appearance: none;
	border: 1.5px solid var(--md-sys-color-outline-variant, #dae5e1);
	border-radius: 999px;
	padding: 0 24px;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	background: transparent;
	color: var(--md3-color-primary, #178a72);
	transition: all 0.2s ease;
	box-sizing: border-box;
}
.sanxio-member-msg-modal__btn-cancel:hover {
	background: rgba(23, 138, 114, 0.08);
}

/*======= sanxio payword dialog start ===========*/
.sanxio-member-msg-modal__card--payword {
	width: min(100%, 360px);
}
.sanxio-member-msg-modal__card--payword .sanxio-member-msg-modal__tip {
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--md3-color-on-surface-variant, #49454f);
}
.sanxio-member-msg-modal__card--payword .sanxio-payword {
	max-width: none;
}
/*======= sanxio payword dialog end ===========*/