/* Phones: "Send Orbit to my computer" first (phone-download.js, on-your-computer.html; 29 Sep 2026). */
.send-card{display:grid;gap:10px;margin:14px 0;padding:16px;border:1px solid rgba(56,189,248,.55);border-radius:14px;background:rgba(56,189,248,.08);min-width:0}
.send-card>*{margin:0}
.send-card-title{font-size:17px}
.send-card .download-email{margin-top:0;max-width:none}
.send-card .download-send-row .button{flex:1 1 100%;min-height:48px;font-weight:700}
.send-card .download-send-row .button:not(.download-wa){background:#38bdf8;color:#04121f;border-color:#38bdf8}
.send-card .download-send-row .download-wa{background:#25d366;color:#052e16;border-color:#25d366}
.send-card-pc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;overflow-wrap:anywhere}
.send-card-pc p{margin:0}
.pc-address{font-size:17px;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(148,163,184,.16);user-select:all}
.send-card-show{justify-self:start;background:none;border:0;padding:4px 0;color:#7dd3fc;text-decoration:underline;cursor:pointer;font:inherit;font-size:14px}
.send-card-show[hidden]{display:none}
.send-card-flash{animation:send-card-flash 1.2s ease}
@keyframes send-card-flash{0%,60%{box-shadow:0 0 0 4px rgba(56,189,248,.6)}100%{box-shadow:none}}
@media (prefers-reduced-motion:reduce){.send-card-flash{animation:none}}
/* Until "I'm on a computer: show the downloads": no Windows/Mac download buttons on a phone. */
.orbit-phone-hide-downloads a.phone-demoted,.orbit-phone-hide-downloads .mac-download-options,.orbit-phone-hide-downloads #download-phone-note{display:none!important}
/* The page a phone gets from /download (on-your-computer.html). */
.phone-send{max-width:560px;margin:0 auto;display:grid;gap:14px;padding-block:28px 64px}
.phone-send>*{margin:0}
.phone-send h1{font-size:clamp(26px,7vw,36px);line-height:1.15}
.phone-send-lead{font-size:17px}
.phone-send .send-card{margin:0}
.phone-send .send-card:empty{display:none}
.orbit-phone-hide-downloads .actions:not(:has(> :not(.phone-demoted))){display:none}