/* Approved component owner: real-pay-fields; scope: real theme7. */
body[data-theme="7"] #m-pay input[type="text"],
body[data-theme="7"] #m-pay input[type="number"],
body[data-theme="7"] #m-pay input[type="datetime-local"] { width: 100%; max-width: 100%; min-width: 0; min-height: 45px; padding: 10px 12px; border: 1px solid var(--field-border); border-radius: var(--radius); background: var(--surface); color: var(--text); font-size: 15px; margin: 0 0 10px; box-shadow: none; }
body[data-theme="7"] #m-pay input::placeholder { color: var(--muted); }
body[data-theme="7"] #m-pay .field-hint { font-size: 12px; font-weight: 650; color: var(--muted); margin: 7px 0 6px; }
body[data-theme="7"] #m-pay #pay-meth-row { gap: 7px; display: flex; flex-wrap: wrap; margin-bottom: 10px; }
body[data-theme="7"] #m-pay .meth-btn { min-height: 45px; flex: 1 1 0; min-width: 0; border: 1px solid var(--divider); background: var(--surface-soft); color: var(--text); padding: 8px 6px; border-radius: var(--radius); font-size: 13px; font-weight: 650; box-shadow: none; }
body[data-theme="7"] #m-pay .meth-btn.meth-active { background: var(--surface-selected); color: var(--main); border-color: var(--main); }
body[data-theme="7"] #m-pay #pay-channel-hint { color: var(--paid); border-left: 2px solid var(--success-border); padding-left: 7px; margin: 0 0 11px; }
body[data-theme="7"] #m-pay #pay-combo-wrap { padding: 10px; border: 1px solid var(--divider); border-radius: var(--radius); background: var(--surface-soft); margin-bottom: 12px; }
body[data-theme="7"] #m-pay #pay-combo-hint { font-size: 12px; color: var(--muted); margin: 4px 0 0; opacity: 1; }
body[data-theme="7"] #m-pay .br,
body[data-theme="7"] #m-pay .kdc-sheet-close { display: flex; align-items: center; justify-content: center; min-height: 45px; width: 100%; margin: 8px 0 0; padding: 9px 13px; border-radius: var(--radius); border: 1px solid var(--divider); background: var(--surface-soft); color: var(--text); font-size: 14px; font-weight: 650; box-shadow: none; }
body[data-theme="7"] #m-pay .br.primary { background: var(--main); border-color: var(--main); color: var(--on-main); }
body[data-theme="7"] #m-pay .kdc-sheet-close { color: var(--main); }
body[data-theme="7"] #m-pay .meth-btn:active,
body[data-theme="7"] #m-pay .br:active { opacity: .8; }
@media (max-width:420px) {
body[data-theme="7"] #m-pay .meth-btn { font-size: 12px; }
body[data-theme="7"] #m-pay #pay-meth-row { gap: 5px; }
}