/* School wordmarks retain their original proportions and white artwork. */
#oasis-school-welcome {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: 3px;
  margin: 0 12px 12px;
  padding: 12px;
  border: 1px solid #33485f;
  border-radius: 10px;
  background: #17263b;
  color: #f8fafc;
  text-align: left;
}
#oasis-school-welcome .school-logo {
  width: 100%;
  height: 42px;
  margin-bottom: 9px;
  object-fit: contain;
  object-position: left center;
}
#oasis-school-welcome .school-program {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
  padding-bottom: 12px;
  border-bottom: 1px solid #33485f;
  color: #fff;
  text-decoration: none;
}
#oasis-school-welcome .school-program > img { flex: none; width: 28px; height: 28px; }
#oasis-school-welcome .school-program strong { display: block; color: #f7ba79; font-size: 12px; line-height: 18px; letter-spacing: .06em; }
#oasis-school-welcome .school-program span > span { display: block; color: #b4c4d7; font-size: 9px; line-height: 14px; }
#oasis-school-welcome .school-program:hover strong { text-decoration: underline; text-underline-offset: 3px; }
#oasis-school-welcome .school-program:focus-visible { outline: 2px solid #f7ba79; outline-offset: 4px; border-radius: 3px; }
#oasis-school-welcome .school-welcome-title { font-size: 13px; line-height: 19px; font-weight: 600; }
#oasis-school-welcome .school-detail { color: #b4c4d7; font-size: 11px; line-height: 16px; }
#oasis-school-welcome .school-compact { display: none; }
aside.w-16 #oasis-school-welcome { margin: 0 auto 12px; padding: 0; border: 0; background: transparent; }
aside.w-16 #oasis-school-welcome .school-logo,
aside.w-16 #oasis-school-welcome .school-program,
aside.w-16 #oasis-school-welcome .school-welcome-title,
aside.w-16 #oasis-school-welcome .school-detail { display: none; }
/* Wide institutional wordmarks are illegible at icon size: use a named badge. */
aside.w-16 #oasis-school-welcome .school-compact {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #46617a;
  background: #203448;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .02em;
}
#oasis-trial-footer {
  position: fixed;
  inset: auto 0 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px 16px;
  box-sizing: border-box;
  padding: 8px 16px;
  background: #203448;
  color: #fff;
  font: 11px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: center;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
}
#oasis-trial-footer .site-identity { font-weight: 600; }
#oasis-trial-footer .footer-program-row,
#oasis-trial-footer .footer-attribution-row { display: flex; flex-basis: 100%; justify-content: center; align-items: center; flex-wrap: wrap; gap: 4px 16px; }
#oasis-trial-footer .footer-attribution-row { font-size: 10px; color: #d2dfeb; }
#oasis-trial-footer .footer-attribution-row > span:first-child { color: #f7ba79; }
#oasis-trial-footer .site-notice { color: #d2dfeb; }
#oasis-trial-footer a { color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
#oasis-trial-footer a:hover { text-decoration-thickness: 2px; }
#oasis-trial-footer a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; border-radius: 2px; }
body { padding-bottom: var(--oasis-footer-height, 76px) !important; }
/* The pinned app fixes its layout to a viewport height; keep logout/content visible. */
#root > .h-dvh { height: calc(100dvh - var(--oasis-footer-height, 76px)); }
[data-oasis-registration-disabled] { color: #6b7280 !important; cursor: not-allowed !important; text-decoration: none !important; }
button[data-oasis-registration-disabled] { background: #e5e7eb !important; opacity: 1 !important; }
@media (max-width: 640px) {
  #oasis-trial-footer { gap: 5px 12px; padding: 8px 12px; }
  #oasis-trial-footer .site-notice { flex-basis: 100%; }
}