/* Shared Nuvio account login */
.nuvio-device-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:20px;
  border:1px solid rgba(130,138,255,.20);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(89,100,255,.08),rgba(124,58,237,.045));
}
.nuvio-device-copy h3{margin:3px 0 7px;font-size:18px;letter-spacing:-.02em}
.nuvio-device-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.nuvio-device-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:#a9afff}
.nuvio-device-btn{white-space:nowrap}
.nuvio-device-status{grid-column:1/-1;min-height:18px;color:var(--muted);font-size:12px}
.nuvio-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}
.nuvio-auth-divider::before,.nuvio-auth-divider::after{content:"";height:1px;flex:1;background:var(--line)}
.nuvio-connected-card{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid rgba(52,211,153,.20);border-radius:18px;background:rgba(16,185,129,.055)}
.nuvio-connected-mark{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:rgba(52,211,153,.13);font-weight:850}
.nuvio-connected-card>div:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}
.nuvio-connected-card span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.nuvio-connected-card strong{overflow:hidden;text-overflow:ellipsis;font-size:14px}
.nuvio-connected-card small{color:var(--muted);font-size:11px;line-height:1.4}
.nuvio-account-banner{position:relative}
.nuvio-signout-btn{margin-left:auto;white-space:nowrap}

@media(max-width:720px){
  .nuvio-device-card{grid-template-columns:1fr}
  .nuvio-device-btn{width:100%}
  .nuvio-device-status{grid-column:auto}
  .nuvio-account-banner{align-items:flex-start}
  .nuvio-signout-btn{margin-left:0;width:100%;margin-top:6px}
}