/* One quiet access row, shared by the app, PWA and extension. */
.account-access{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 15px;border:1px solid #dec1ed27;border-radius:18px;background:linear-gradient(115deg,#ba8bdb12,#e19cce08);color:var(--text,#f7efff);box-shadow:inset 0 1px #ffffff07}
.account-access[hidden]{display:none!important}
.account-access>svg{width:25px;height:25px;flex:none;fill:none;stroke:var(--accent,#c6a3f4);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.account-access-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-width:0;flex:1}
.account-access-label{color:var(--muted,#bcb0cb);font-size:12px;line-height:1.5;flex:1 1 90px}
.account-access-value{font-size:14px;font-weight:650;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--text,#f7efff);overflow-wrap:anywhere}
.account-access-detail{flex-basis:100%;font-size:11px;line-height:1.5;color:var(--muted,#bcb0cb);overflow-wrap:anywhere}
.account-access[data-access-state=lifetime] .account-access-value{color:var(--accent,#c6a3f4)}
.account-access[data-access-state=expired] .account-access-value,.account-access[data-access-state=unavailable] .account-access-value{color:#f2afd1}
#modelAccessStatus{margin:0 15px 18px;max-width:100%}
#bridgeAccountAccess{margin-top:12px;padding:11px 12px;border-radius:14px}
#bridgeAccountAccess .account-access-copy{gap:3px 10px}
#bridgeAccountAccess .account-access-label,#bridgeAccountAccess .account-access-detail{font-size:11px}
#bridgeAccountAccess .account-access-value{font-size:13px}
@media(min-width:820px){#modelAccessStatus{margin-inline:24px}}
@media(prefers-reduced-transparency:reduce){.account-access{background:var(--panel2,#21182b)}}