/* P-FLF-051 "Use your phone" entry + QR dialog */
.phone-hero{margin-top:-8px;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.phone-hero .bulk-hero-icon{font-size:22px}
.flf-phone{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}
.flf-phone .modal-body{display:flex;flex-direction:column;gap:10px}
.flf-phone .modal-foot{display:flex;gap:8px;justify-content:flex-end;align-items:center}
.flf-phone .modal-foot [data-flf=phone-new-code]{margin-right:auto}
.phone-grid{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.phone-qr-wrap{width:240px;height:240px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.phone-qr-wrap img{width:224px;height:224px;image-rendering:pixelated}
.phone-qr-wrap img:not([src]){visibility:hidden}
.phone-qr-wrap.expired img{opacity:.12;filter:blur(2px)}
.phone-steps{margin:0;padding-left:20px;line-height:1.5}
.phone-steps li{margin-bottom:10px}
.phone-status{margin:4px 0 0;font-weight:600}
.phone-status[data-tone=ok]{color:var(--green)}
.phone-status[data-tone=warn]{color:#9a4b2b}
.phone-status[data-tone=busy]{color:var(--gold)}
.phone-expiry{margin:0;color:var(--muted);font-size:14px}
@media (max-width:560px){.phone-grid{grid-template-columns:1fr;justify-items:center}}