/* The signed-in site: the AISA top bar on lesson pages, saving status, locked lessons, retake note, sign out.
   (From the Apps Script bridge, app/src/bridge.html.) */
.app-bar{display:block;background:#21076C;color:#fff;font:16px/1.5 "DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;margin:0;padding:0;position:relative;z-index:50}
.app-wrap{max-width:1080px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:18px;min-height:64px}
.app-bar a{color:#fff;text-decoration:none}
.app-brand{display:flex;align-items:center;gap:12px;flex:none}
.app-brand img{display:block;max-width:none}
.app-lockup{height:40px;width:auto}
.app-mono{display:none!important;height:34px;width:34px}
.app-product{font-weight:700;font-size:16px;letter-spacing:.01em;padding-inline-start:12px;border-inline-start:1px solid rgba(255,255,255,.35);white-space:nowrap}
.app-nav{display:flex;gap:2px}
.app-nav a{font-weight:600;font-size:16px;padding:8px 13px;border-radius:999px;opacity:.85;white-space:nowrap}
.app-nav a:hover{opacity:1;background:rgba(255,255,255,.1)}
.app-right{margin-inline-start:auto;display:flex;align-items:center;gap:10px;font-size:14px}
.app-me{opacity:.92;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-lang{font:inherit;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;border:1.5px solid rgba(255,255,255,.65);color:#fff;background:transparent;cursor:pointer}
@media (max-width:1000px){.app-lockup{display:none!important}.app-mono{display:block!important}}
@media (max-width:640px){
  .app-wrap{flex-wrap:wrap;gap:4px 12px;padding-top:10px;padding-bottom:6px;min-height:0}
  .app-nav{order:3;width:100%;margin:0 -16px;padding:0 12px;overflow-x:auto;scrollbar-width:none}
  .app-nav a{padding:7px 11px;font-size:14px}
  .app-me{display:none}
}
.app-save{color:#9be59b}.app-save.bad{color:#ffb3b3}
.app-retake{background:#FFF3C9;color:#5c3d00;border-bottom:2px solid #D8B664;padding:12px 16px;font:15px/1.45 "DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-align:center}
a.app-locked{opacity:.6;cursor:not-allowed}
.app-lock{display:block;font-size:12px;font-weight:600;margin-top:2px}
@media print{.app-bar{display:none}}
.app-out{font:inherit;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;border:1.5px solid rgba(255,255,255,.65);color:#fff;background:transparent;cursor:pointer}
.app-out:hover,.app-lang:hover{background:rgba(255,255,255,.12)}
[data-shell] .app-out,.top .app-out{margin-inline-start:8px}
@media print{.app-out{display:none}}