input[data-phone-locked="true"] { background-color: #f0f2f7 !important; color: #576174; cursor: default; }
.phone-recharge-dialog { position: fixed; inset: 50% auto auto 50%; transform: translate(-50%, -50%); margin: 0; box-sizing: border-box; width: min(440px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 28px; border: 1px solid #e1e5f0; border-radius: 16px; background: #fff; color: #1e2433; box-shadow: 0 12px 48px #25305833; font-family: inherit; }
.phone-recharge-dialog::backdrop { background: #17203388; }
.phone-recharge-dialog h2 { margin: 0 0 16px; font-size: 22px; color: #1e2433; }
.phone-recharge-dialog p { margin: 0 0 22px; font-size: 15px; line-height: 1.7; color: #576174; }
.phone-recharge-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.phone-recharge-actions a, .phone-recharge-actions button { display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; width: auto; min-width: 0; min-height: 44px; margin: 0; padding: 10px 16px; border: 1px solid #dce1ef; border-radius: 8px; font: inherit; font-size: 14px; text-decoration: none; box-shadow: none; cursor: pointer; }
.phone-recharge-actions a { background: #4f46e5; color: #fff; border-color: #4f46e5; }
.phone-recharge-actions button { background: #f5f6fc; color: #34415a; }
.phone-recharge-actions :focus-visible { outline: 3px solid #a9b6ff; outline-offset: 2px; }