/* v5.9.50 device-to-device one-tap sharing */
.deviceQuickRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.deviceQuickSend{min-width:180px}
.deviceMiniStatus{font-size:11px;color:#9fb2c8;white-space:nowrap}
.deviceShareModal[hidden],.deviceReceiveBanner[hidden]{display:none!important}
.deviceShareModal{position:fixed;inset:0;z-index:56000;display:grid;place-items:center;padding:16px}
.deviceShareBackdrop{position:absolute;inset:0;background:rgba(0,7,14,.78);backdrop-filter:blur(7px)}
.deviceShareDialog{position:relative;width:min(760px,calc(100vw - 24px));max-height:min(860px,calc(100vh - 24px));overflow:auto;border-radius:20px;border:1px solid rgba(90,191,255,.30);background:linear-gradient(180deg,#0a1928,#07111d 70%);box-shadow:0 28px 90px rgba(0,0,0,.72);color:#eef8ff}
.deviceShareHead{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(130,205,255,.13);background:rgba(7,17,29,.96);backdrop-filter:blur(8px)}
.deviceShareHead>div{display:grid;gap:2px}.deviceEyebrow{font-size:9px;letter-spacing:.18em;color:#6cd2ff}.deviceShareHead strong{font-size:17px}
.deviceShareBody{padding:16px;display:grid;gap:15px}.deviceServerSetup,.deviceIdentityCard,.deviceSection{border:1px solid rgba(127,199,255,.14);border-radius:15px;background:rgba(10,28,44,.75);padding:13px}
.deviceServerSetup{border-color:rgba(255,190,92,.32);background:rgba(66,43,10,.26)}.deviceServerSetup p,.pairBox p,.devicePrivacy{margin:6px 0 10px;font-size:12px;line-height:1.55;color:#aebed0}
.deviceInline{display:flex;gap:8px}.deviceInline input,.deviceIdentityCard input,.pairJoinCode{min-width:0;width:100%;background:#06131f;border:1px solid rgba(130,205,255,.20);color:#f4fbff;border-radius:10px;padding:10px 11px}
.deviceIdentityTop{display:flex;gap:16px;align-items:end;justify-content:space-between}.deviceIdentityTop>label:first-child{display:grid;gap:5px;min-width:220px;flex:1}.deviceIdentityTop label>span{font-size:11px;color:#aabbd0}.deviceAutoToggle{display:flex!important;align-items:center!important;gap:7px;padding-bottom:9px;white-space:nowrap}.deviceAutoToggle input{width:auto!important}
.deviceConnectionLine{margin-top:10px;display:flex;align-items:center;gap:7px;font-size:12px;color:#aebed0}.deviceDot{width:8px;height:8px;border-radius:50%;background:#69788a;box-shadow:0 0 0 3px rgba(105,120,138,.12)}.deviceDot.online{background:#5de38a;box-shadow:0 0 0 3px rgba(93,227,138,.13),0 0 12px rgba(93,227,138,.35)}.deviceDot.error{background:#ff815d}
.deviceSectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.deviceCount{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 7px;border-radius:999px;background:#102b42;color:#82d7ff;font-size:11px}
.devicePeerList{display:grid;gap:8px}.devicePeerEmpty{font-size:12px;color:#8397ad;padding:10px 4px}.devicePeer{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(130,205,255,.11);border-radius:12px;background:#081827}.devicePeerInfo{min-width:0;flex:1;display:grid;gap:2px}.devicePeerInfo strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devicePeerInfo small{font-size:9px;color:#667b91}.devicePeerActions{display:flex;gap:6px}.devicePeerActions button{padding:8px 10px;font-size:11px}
.pairColumns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pairBox{display:flex;flex-direction:column;gap:8px;border-radius:12px;background:rgba(5,17,28,.72);padding:12px}.pairBox strong{font-size:13px}.pairBox p{min-height:38px;margin:0}.pairCodeArea{text-align:center;display:grid;justify-items:center;gap:8px;margin-top:5px}.pairCode{font:800 32px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#fff;text-shadow:0 0 18px rgba(81,201,255,.48)}.pairCountdown{font-size:11px;color:#8fdcff}.pairQr{width:190px;height:190px;max-width:70vw;border-radius:12px;background:#fff;padding:8px}.pairJoinCode{text-align:center;font:800 26px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}
.deviceModalMessage{min-height:18px;font-size:12px;color:#93d9ff}.deviceModalMessage.error{color:#ff9f87}.deviceModalMessage.ok{color:#77e6a0}.devicePrivacy{margin:0!important;padding:0 3px}
.deviceReceiveBanner{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:57000;width:min(620px,calc(100vw - 20px));display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(102,202,255,.30);border-radius:15px;background:#071725;box-shadow:0 18px 50px rgba(0,0,0,.64);color:#eff9ff}.deviceReceiveBanner>div:first-child{display:grid;gap:2px;flex:1;min-width:0}.deviceReceiveTitle{font-size:13px}.deviceReceiveText{font-size:11px;color:#9fb4c9}.deviceReceiveActions{display:flex;gap:7px;flex:0 0 auto}
@media(max-width:640px){.deviceQuickRow{display:grid;grid-template-columns:1fr auto}.deviceMiniStatus{grid-column:1/-1}.deviceShareModal{padding:6px}.deviceShareDialog{width:100%;max-height:calc(100vh - 12px);border-radius:16px}.deviceShareBody{padding:11px}.deviceIdentityTop{display:grid;gap:10px}.deviceIdentityTop>label:first-child{min-width:0}.deviceAutoToggle{padding-bottom:0}.pairColumns{grid-template-columns:1fr}.pairBox p{min-height:0}.devicePeer{align-items:flex-start}.devicePeerActions{flex-direction:column}.deviceReceiveBanner{align-items:stretch;flex-direction:column}.deviceReceiveActions button{flex:1}.pairQr{width:170px;height:170px}}


/* v5.9.50 tablet-friendly return button + receive confirmation popup */
.deviceShareFooter{position:sticky;bottom:0;z-index:3;padding:11px 16px calc(11px + env(safe-area-inset-bottom));border-top:1px solid rgba(130,205,255,.14);background:rgba(7,17,29,.97);backdrop-filter:blur(9px)}
.deviceShareBack{width:100%;min-height:46px;font-weight:800}
.deviceReceivedModal[hidden]{display:none!important}
.deviceReceivedModal{position:fixed;inset:0;z-index:59000;display:grid;place-items:center;padding:18px}
.deviceReceivedBackdrop{position:absolute;inset:0;background:rgba(0,7,14,.72);backdrop-filter:blur(6px)}
.deviceReceivedCard{position:relative;width:min(430px,calc(100vw - 28px));display:grid;justify-items:center;gap:10px;text-align:center;padding:24px 20px 20px;border:1px solid rgba(92,207,255,.34);border-radius:20px;background:linear-gradient(180deg,#0b1d2e,#071522);box-shadow:0 28px 80px rgba(0,0,0,.74);color:#eefaff}
.deviceReceivedIcon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(75,224,141,.13);border:1px solid rgba(75,224,141,.42);color:#74eba5;font-size:27px;font-weight:900;box-shadow:0 0 24px rgba(75,224,141,.12)}
.deviceReceivedCard strong{font-size:18px;line-height:1.35}
.deviceReceivedCard p{margin:0;color:#afc1d4;font-size:12px;line-height:1.65}
.deviceReceivedCard button{width:100%;margin-top:5px;min-height:44px}
@media(max-width:900px){.deviceShareFooter{padding-left:11px;padding-right:11px}.deviceShareBack{min-height:50px}}


/* v5.9.50 top-screen destination selector */
.deviceQuickPeerWrap{display:flex;align-items:center;gap:7px;min-width:180px}
.deviceQuickPeerWrap[hidden]{display:none!important}
.deviceQuickPeerWrap>span{font-size:10px;color:#9fb2c8;white-space:nowrap}
.deviceQuickPeerWrap select{min-width:150px;max-width:230px;height:38px;padding:0 30px 0 10px;border-radius:9px;border:1px solid rgba(130,205,255,.20);background:#071725;color:#eef8ff;font-size:12px}
@media(max-width:640px){.deviceQuickRow{grid-template-columns:1fr auto}.deviceQuickPeerWrap{grid-column:1/-1;width:100%;display:grid;grid-template-columns:auto 1fr}.deviceQuickPeerWrap select{width:100%;max-width:none}.deviceQuickSend{min-width:0}}
