.mobile-transfer{margin:24px 0;background:var(--sand);border:1px solid var(--line);border-radius:var(--r-card);padding:22px}
.mobile-transfer[hidden],.mobile-transfer [hidden],.phone-upload [hidden]{display:none!important}
.mobile-transfer-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mobile-transfer-intro b{font-size:18px}.mobile-transfer-intro p{font-size:14.5px;color:var(--muted);margin-top:4px;max-width:410px}
.mobile-transfer-panel{display:flex;align-items:center;gap:26px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}
.mobile-qr{background:#fff;border-radius:12px;padding:6px;flex:0 0 216px}.mobile-qr svg{width:100%;height:auto}
.mobile-transfer-help{min-width:0}.mobile-transfer-help h3{font-size:21px}.mobile-transfer-help p{font-size:14px;margin-top:12px;line-height:1.7}
.mobile-transfer-help .mobile-session-note{font-size:12.5px;color:var(--muted);line-height:1.5}
.mobile-transfer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px;font-size:13px}
.mobile-end{display:inline-block;border:0;background:none;padding:0;cursor:pointer;text-decoration:underline;margin-top:20px;font-size:13px}
.mobile-transfer-status{font-size:14px;color:var(--muted);margin-top:12px}.mobile-transfer-status:empty{display:none}
.col-main .mobile-transfer{margin:18px}
.phone-upload{max-width:640px;margin:0 auto;padding:34px 20px 64px}.phone-upload h1{font-size:clamp(30px,7vw,42px);margin-top:24px}
.phone-upload .sub{font-size:16px;line-height:1.6;margin-top:12px}.phone-session{font-size:13px;color:var(--muted);margin-top:12px}
.phone-tips{padding:16px 18px;background:var(--sand);border-radius:14px;font-size:14px;margin:24px 0}
.phone-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:16px}
.phone-item h2{font-size:19px;line-height:1.3;margin-top:7px}.phone-item p{font-size:14px;color:var(--muted);margin-top:8px}
.phone-item .phone-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.phone-actions .btn{position:relative;font-size:14px;padding:0 16px;min-height:46px}
.phone-actions input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.phone-actions .btn:focus-within{outline:3px solid var(--forest);outline-offset:3px}.phone-actions .btn:has(input:disabled){opacity:.45;cursor:wait}
.phone-item .phone-item-state{font-size:13px;color:var(--green-text);overflow-wrap:anywhere}.phone-item .phone-item-state.error{color:var(--danger)}
.phone-item small{font-size:12px;color:var(--muted)}.phone-finish{width:100%;margin-top:28px}.phone-alert{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-top:24px}
.phone-alert p{margin-top:12px;font-size:15px}.phone-upload .err{white-space:pre-line}
@media(max-width:639px){.mobile-transfer{padding:18px}.mobile-transfer-intro .btn{white-space:normal;width:100%;padding:12px}.mobile-transfer-panel{flex-direction:column;align-items:stretch}.mobile-qr{flex:auto;width:220px;align-self:center}}
