/* RadLearn V8.5.1 - PWA install UI */

.v85-install-app[hidden]{display:none!important}
.v85-install-app{
  appearance:none;
  border:0;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 15px;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(135deg,#0a8d94 0%,#10a89d 100%);
  box-shadow:0 9px 22px rgba(7,124,128,.22);
  font:800 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  white-space:nowrap;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.v85-install-app .icon{width:17px;height:17px;stroke-width:2}
.v85-install-app:hover{transform:translateY(-1px);filter:brightness(1.035);box-shadow:0 12px 27px rgba(7,124,128,.27)}
.v85-install-app:active{transform:translateY(1px) scale(.985);box-shadow:0 6px 15px rgba(7,124,128,.2)}
.v85-install-label-short{display:none}

[data-theme=dark] .v85-install-app,
[data-theme=aurora] .v85-install-app{
  background:linear-gradient(135deg,#168d99,#18b0a6);
  box-shadow:0 9px 24px rgba(0,0,0,.24);
}

/* iOS install instructions */
dialog.v85-ios-install-dialog{
  width:min(460px,calc(100vw - 28px));
  border:1px solid var(--line);
  border-radius:24px;
  padding:28px;
  color:var(--ink);
  background:var(--surface);
  box-shadow:0 30px 80px rgba(15,48,59,.24);
}
dialog.v85-ios-install-dialog::backdrop{background:rgba(9,29,38,.48);backdrop-filter:blur(5px)}
.v85-ios-install-dialog .modal-close{position:absolute;right:14px;top:14px}
.v85-pwa-modal-icon{
  width:58px;height:58px;margin:0 auto 14px;border-radius:17px;
  display:grid;place-items:center;background:var(--theme-soft);color:var(--theme-accent);
  font-size:27px;font-weight:900;
}
.v85-ios-install-dialog>.eyebrow{text-align:center;margin:0 0 6px;color:var(--theme-accent)}
.v85-ios-install-dialog h2{text-align:center;margin:0;font-size:25px;line-height:1.2}
.v85-pwa-modal-copy{max-width:370px;margin:10px auto 18px;text-align:center;color:var(--muted);font-size:11px;line-height:1.65}
.v85-ios-steps{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.v85-ios-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,var(--theme-soft))}
.v85-ios-steps li>b{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--theme-soft);color:var(--theme-accent);font-size:12px}
.v85-ios-steps li>span{font-size:11px;line-height:1.5;color:var(--ink)}
.v85-ios-steps em{font-style:normal;font-size:16px;color:var(--theme-accent);margin-left:3px}
.v85-pwa-ios-note{margin:13px 0 0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--theme-soft) 55%,transparent);color:var(--muted);font-size:9.5px;line-height:1.55}
.v85-ios-install-dialog .modal-actions{justify-content:center;margin-top:17px}
.v85-ios-install-dialog .modal-actions .btn{min-width:130px}

@media(max-width:760px){
  .v70-landing-topbar{gap:10px}
  .v70-landing .landing-top-actions{gap:6px}
  .v85-install-app{min-height:40px;padding:8px 11px;border-radius:12px;font-size:10px;gap:6px}
  .v85-install-app .icon{width:15px;height:15px}
}

@media(max-width:410px){
  .v85-install-label-full{display:none}
  .v85-install-label-short{display:inline}
  .v85-install-app{padding-inline:10px}
  .v70-landing .landing-brand .brand-mark{width:36px;height:36px}
  .v70-landing .landing-brand strong{font-size:12px}
  .v70-landing .landing-top-actions{gap:5px}
  .v70-landing .landing-login-cta{padding-inline:10px}
}

@media(max-width:350px){
  .v70-landing .landing-brand>span:last-child{display:none}
  .v70-landing .landing-brand{gap:0}
}

/* --------------------------------------------------------------------------
   V8.5.1 - Install button inside authenticated app topbar
   -------------------------------------------------------------------------- */
.topbar .v85-install-app--top{
  flex:0 0 auto;
  min-height:38px;
  padding:8px 12px;
  border-radius:11px;
  font-size:10px;
  box-shadow:0 7px 18px rgba(7,124,128,.18);
}
.topbar .v85-install-app--top .icon{width:15px;height:15px}

@media(max-width:1000px){
  .topbar .v85-install-app--top{padding-inline:10px}
  .topbar .v85-install-app--top .v85-install-label-full{display:none}
  .topbar .v85-install-app--top .v85-install-label-short{display:inline}
}

@media(max-width:760px){
  .topbar{gap:8px!important}
  .topbar .top-actions{gap:6px!important}
  .topbar .v85-install-app--top{min-height:38px;height:38px;padding:7px 9px;border-radius:10px}
}

@media(max-width:350px){
  .topbar .v85-install-app--top{width:38px;padding:0;gap:0}
  .topbar .v85-install-app--top .v85-install-label-full,
  .topbar .v85-install-app--top .v85-install-label-short{display:none}
}