/* Member UI contract: quiet surfaces, one primary action, visible keyboard focus. */
body[data-mu-preview] {
  --member-surface:#1b2327; --member-surface-alt:#222c30;
  --member-text:#f6f1e8; --member-muted:#b7bec0; --member-accent:#e7c78d;
  --member-border:#485156; --member-space:8px; --member-radius:12px;
}
body[data-mu-preview] :is(.mu-v2-popup-panel,.mu-v2-popup-dialog) { color:var(--member-text); overscroll-behavior:contain; }
body[data-mu-preview] #index_content .mu-v2-popup-panel > .mu-v2-corner-close,
body[data-mu-preview] .mu-v2-popup-panel > .mu-v2-corner-close {
  position:absolute !important; inset:12px 12px auto auto !important; margin:0 !important;
  width:40px !important; height:40px !important; min-width:40px !important; min-height:40px !important; z-index:4;
}
body[data-mu-preview] #index_content .mu-v2-popup-panel > .mu-v2-reserve-close,
body[data-mu-preview] .mu-v2-popup-panel > .mu-v2-reserve-close { padding-right:52px !important; min-height:40px; }
body[data-mu-preview] :is(button,a,input,select,textarea,[tabindex]):focus-visible { outline:2px solid var(--member-accent) !important; outline-offset:3px; }
body[data-mu-preview] :is(.mu-v2-popup-panel,.mu-v2-popup-dialog) :is(input,select,textarea) { max-width:100%; }
body[data-mu-preview] :is(.mu-v2-popup-panel,.mu-v2-popup-dialog) :is(p,dd) { overflow-wrap:anywhere; }

/* Pay247: same visual system for country/method selection and payment status. */
body[data-mu-preview] #index_content.mu-pay247-page {
 --p247-ink:var(--member-text); --p247-soft:var(--member-muted);
}
body[data-mu-preview] #index_content.mu-pay247-page :is(#p247PayModal,#p247MethodModal) {
  align-items:center !important; justify-content:flex-end !important; padding:10px 0 10px 10px !important;
}
body[data-mu-preview] #index_content.mu-pay247-page .p247-modal-backdrop { background:rgba(5,9,14,.84) !important; backdrop-filter:none !important; }
body[data-mu-preview] #index_content.mu-pay247-page :is(#p247PayModal,#p247MethodModal) .p247-modal-card {
  width:min(560px,100%) !important; max-width:100% !important; max-height:calc(100dvh - 20px) !important;
  padding:18px !important; border:1px solid #756347 !important; border-right:0 !important; border-radius:16px 0 0 16px !important;
  background:var(--member-surface) !important; box-shadow:0 18px 48px #0008 !important; overflow:auto !important;
  animation:member-sheet-right 220ms ease-out;
}
body[data-mu-preview] #index_content.mu-pay247-page .p247-modal-card > .p247-modal-close { position:absolute !important; inset:12px 12px auto auto !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-modal-title { min-height:40px; padding:0 52px 14px 0 !important; margin-bottom:14px; border-bottom:1px solid #354045; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-modal-title-icon { display:none !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-modal-title-main { font:700 19px/1.3 var(--mu-font-head,Arial,sans-serif) !important; color:var(--member-text) !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-modal-title-sub { margin-top:4px; font-size:12px !important; line-height:1.5 !important; font-weight:400 !important; color:var(--member-muted) !important; }
body[data-mu-preview] #index_content.mu-pay247-page :is(.p247-country-pill,.p247-ms-pick,.p247-method-opt) {
  color:var(--member-text) !important; background:var(--member-surface-alt) !important; border:1px solid var(--member-border) !important;
  box-shadow:none !important; border-radius:10px !important; font-family:inherit; text-align:left; transform:none !important;
}
body[data-mu-preview] #index_content.mu-pay247-page :is(.p247-country-pill,.p247-method-opt).is-active { border-color:var(--member-accent) !important; background:#332e24 !important; box-shadow:inset 0 0 0 1px #957849 !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-method-summary { background:var(--member-surface-alt) !important; border:1px solid var(--member-border) !important; }
body[data-mu-preview] #index_content.mu-pay247-page :is(.p247-country-name,.p247-ms-name,.p247-method-opt-name) { color:var(--member-text) !important; }
body[data-mu-preview] #index_content.mu-pay247-page :is(.p247-country-cur,.p247-ms-cap,.p247-method-opt-tag) { color:var(--member-muted) !important; font-weight:400 !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-ms-change { color:var(--member-accent) !important; }
body[data-mu-preview] #index_content.mu-pay247-page :is(.vq-rule-row a,.vq-history-link) { color:var(--member-accent) !important; text-underline-offset:3px; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-method-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-method-opt {
  display:grid !important; grid-template-columns:36px minmax(0,1fr) !important; grid-template-rows:auto auto;
  gap:3px 10px !important; align-items:center !important; justify-content:start !important; padding:12px !important; min-height:76px;
}
body[data-mu-preview] #index_content.mu-pay247-page .p247-method-opt-ic { grid-row:1 / 3; width:36px; height:36px; border-radius:8px; background:#303a3d !important; box-shadow:none !important; color:var(--member-accent) !important; font-size:17px; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-method-opt-name { font-size:14px !important; line-height:1.4; font-weight:600 !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-method-opt-tag { grid-column:2; font-size:11px !important; line-height:1.4; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-modal-body { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:20px !important; }
body[data-mu-preview] #index_content.mu-pay247-page :is(.p247-body-left,.p247-body-right) { min-width:0; display:block !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-info-row { display:flex !important; flex-direction:column !important; gap:16px; margin:0 !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-info-cell { padding:0 !important; align-items:flex-start !important; border:0 !important; background:none !important; box-shadow:none !important; gap:5px; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-info-cell + .p247-info-cell { padding-top:12px !important; border-top:1px solid #354045 !important; border-radius:0 !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-info-label { color:var(--member-muted) !important; font-size:10px !important; font-weight:500 !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-info-amt { color:var(--member-text) !important; font-size:28px !important; font-weight:700 !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-info-amt small { color:var(--member-muted) !important; font-size:12px !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-info-silver { background:none !important; padding:0 !important; color:var(--member-accent) !important; font-size:13px; font-weight:600; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-countdown { color:var(--member-accent) !important; font-size:21px !important; font-weight:600; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-scan-note { display:block; text-align:left !important; background:none !important; border:0 !important; margin:0 0 12px !important; color:var(--member-muted) !important; font-size:12px !important; line-height:1.5; font-weight:400 !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-scan-note > i { display:none; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-status { justify-content:flex-start !important; padding:10px !important; border:1px solid #485156 !important; border-radius:8px !important; background:#222c30 !important; color:var(--member-muted) !important; font-size:12px !important; font-weight:500 !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-status.ok { color:#a9dab3 !important; border-color:#55765b !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-status.fail { color:#ffb7a9 !important; border-color:#87564e !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-status .vq-pay-loading-spinner { flex:none; border-color:#485156 !important; border-top-color:var(--member-accent) !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-btn-open { min-height:42px !important; padding:10px 12px !important; font-size:13px !important; font-weight:700 !important; border-radius:8px !important; box-shadow:none !important; background:var(--member-accent) !important; color:#282116 !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-btn-report { align-self:flex-end; min-height:36px; padding:7px 12px !important; font-size:12px !important; font-weight:500 !important; border:1px solid #485156 !important; border-radius:8px !important; background:none !important; color:var(--member-muted) !important; }
body[data-mu-preview] #index_content.mu-pay247-page .p247-order-code { margin-top:14px; padding-top:10px; border-top:1px solid #354045; text-align:left; font:400 10px/1.5 monospace !important; color:var(--member-muted) !important; }
@media(orientation:portrait) {
 body[data-mu-preview] #index_content.mu-pay247-page :is(#p247PayModal,#p247MethodModal) { align-items:flex-end !important; justify-content:center !important; padding:0 !important; }
 body[data-mu-preview] #index_content.mu-pay247-page :is(#p247PayModal,#p247MethodModal) .p247-modal-card { width:100% !important; border-right:1px solid #756347 !important; border-bottom:0 !important; border-radius:16px 16px 0 0 !important; padding-bottom:max(18px,env(safe-area-inset-bottom)) !important; animation-name:member-sheet-up; }
}
@media(max-width:520px) and (orientation:portrait) {
 body[data-mu-preview] #index_content.mu-pay247-page .p247-modal-body { grid-template-columns:1fr !important; gap:16px !important; }
 body[data-mu-preview] #index_content.mu-pay247-page .p247-info-row { flex-direction:row !important; }
 body[data-mu-preview] #index_content.mu-pay247-page .p247-info-cell + .p247-info-cell { padding:0 0 0 12px !important; border-top:0 !important; border-left:1px solid #354045 !important; }
 body[data-mu-preview] #index_content.mu-pay247-page .p247-method-grid { grid-template-columns:1fr !important; }
}
@keyframes member-sheet-right { from { transform:translateX(48px); opacity:0; } to { transform:translateX(0); opacity:1; } }
@keyframes member-sheet-up { from { transform:translateY(48px); opacity:0; } to { transform:translateY(0); opacity:1; } }
@media(prefers-reduced-motion:reduce) { body[data-mu-preview] :is(.p247-method-opt,.p247-modal-card) { transition:none !important; animation:none !important; } }