/* ArcShare Receiver Flow v1
   One visual shell for normal, Live, E2EE, Tether and Airlock direct links. */

body.receiver-mode{
  background:
    radial-gradient(720px 420px at 50% 120px,rgba(51,97,190,.13),transparent 68%),
    var(--bg);
}
body.receiver-mode #app{display:none!important}
body.receiver-mode .topnav{
  position:sticky;
  top:0;
}
body.receiver-mode .nav-link.active{background:transparent;color:var(--t3)}
body.receiver-mode .nav-logo{margin-right:28px}

.receiver-context{
  display:inline-flex;align-items:center;gap:7px;
  margin:36px 0 12px;padding:5px 9px;border-radius:999px;
  border:1px solid var(--b2);background:rgba(255,255,255,.025);
  font:700 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)
}
.receiver-context:before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--go);box-shadow:0 0 9px currentColor
}
body.receiver-mode .dlpg{
  min-height:calc(100vh - 80px);
  justify-content:flex-start;
  padding:0 20px 72px;
}
body.receiver-mode .dlpg-icon{
  width:52px;height:52px;border-radius:15px;margin:0 auto 16px;
  background:linear-gradient(145deg,var(--acb),rgba(6,255,165,.045));
  box-shadow:0 12px 40px rgba(0,0,0,.18)
}
body.receiver-mode .dlpg-icon svg{width:23px;height:23px}
body.receiver-mode .dlpg-h1{
  font-size:clamp(30px,4vw,42px);
  line-height:1.06;letter-spacing:-1.2px;margin-bottom:9px
}
body.receiver-mode .dlpg-sub{
  margin-bottom:22px;font-size:11px;letter-spacing:.02em
}
body.receiver-mode .dlpg-card{
  max-width:680px;
  border-radius:18px;
  border-color:var(--b2);
  box-shadow:0 22px 70px rgba(0,0,0,.24);
  background:linear-gradient(180deg,var(--s1),color-mix(in srgb,var(--s1) 96%,var(--acc) 4%))
}
body.receiver-mode .dlpg-body{padding:24px}
body.receiver-mode .dlpg-name{
  font-size:19px;line-height:1.3;letter-spacing:-.35px;margin-bottom:6px
}
body.receiver-mode .dlpg-detail{
  font-size:10.5px;line-height:1.55;margin-bottom:17px
}
body.receiver-mode .btn-dl-big{
  min-height:54px;height:auto;padding:14px 18px;border-radius:12px;
  box-shadow:0 8px 26px rgba(51,97,190,.24)
}
body.receiver-mode .back-link{
  padding:8px 10px;border-radius:8px
}

/* Special modes are now just capabilities inside the normal receiver card. */
body.receiver-mode .arc-receiver-mode,
body.receiver-mode .live-receive-card,
body.receiver-mode .tether-receive-card{
  margin-top:4px;padding:15px;
  border:1px solid var(--b2);border-radius:12px;
  background:var(--s2);
  text-align:left
}
body.receiver-mode .live-receive-card{gap:10px}
body.receiver-mode .live-receive-note,
body.receiver-mode .e2ee-trust,
body.receiver-mode .tether-explain{
  margin:0;padding:9px 10px;border:1px solid var(--b1);border-radius:8px;
  background:rgba(255,255,255,.018);font:10.5px/1.55 var(--mono);color:var(--t3)
}
body.receiver-mode .live-receive-state,
body.receiver-mode .e2ee-download-status,
body.receiver-mode .tether-recipient-status{
  min-height:38px;padding:9px 10px;border:1px solid var(--b2);border-radius:8px;
  background:var(--s1);font:10.5px/1.5 var(--mono);color:var(--t2)
}
body.receiver-mode .e2ee-download-status:empty{display:none}
body.receiver-mode .e2ee-download-button,
body.receiver-mode .e2ee-memory-save{margin-top:10px}
body.receiver-mode .e2ee-memory-save{background:linear-gradient(135deg,var(--go),#1dbf91);color:#07130f;box-shadow:none}
body.receiver-mode .e2ee-repair-panel{margin-top:10px}
body.receiver-mode .same-wire-status{margin-top:0}
body.receiver-mode .airlock-proof{margin-top:8px}

.receiver-save-proof{
  display:flex;align-items:center;gap:7px;margin-top:10px;
  font:10px/1.45 var(--mono);color:var(--go)
}
.receiver-save-proof:before{
  content:"✓";display:grid;place-items:center;width:17px;height:17px;border-radius:50%;
  background:rgba(6,255,165,.08);border:1px solid rgba(6,255,165,.24)
}

@media(max-width:640px){
  body.receiver-mode .dlpg{min-height:calc(100vh - 56px);padding:0 14px 88px}
  .receiver-context{margin-top:24px}
  body.receiver-mode .dlpg-card{border-radius:15px}
  body.receiver-mode .dlpg-body{padding:18px}
  body.receiver-mode .dlpg-name{font-size:17px}
}