/* ===== ss-stable-layout-install-fix-v3 ===== */

/* Stable layout reset: do not center the app; keep normal document flow from the top. */
html, body{
  display:block !important;
  align-items:initial !important;
  justify-content:initial !important;
  margin:0 !important;
  min-height:100% !important;
  width:100% !important;
  overflow-x:hidden !important;
}
body{
  position:relative !important;
  top:0 !important;
  left:0 !important;
  right:auto !important;
  transform:none !important;
  padding-top:10px !important;
}
body > .container{
  display:flex !important;
  flex-direction:column !important;
  position:relative !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  margin-top:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-top:12px !important;
  min-height:0 !important;
  align-self:auto !important;
}
.app-header{ margin-top:0 !important; }
#install-banner{
  position:fixed !important;
  left:0 !important; right:0 !important; bottom:0 !important; top:auto !important;
  width:100% !important;
  margin:0 !important;
  z-index:11000 !important;
}
#manual-install-modal,
#security-screen,
#expired-screen,
#teacherLoginScreen{
  position:fixed !important;
}
@media screen{
  #export-overlay:not([style*="display: block"]):not([style*="display:block"]){ display:none !important; }
}
.ss-install-mini-v3{
  border:0 !important;
  border-radius:999px !important;
  padding:8px 12px !important;
  font-weight:1000 !important;
  cursor:pointer !important;
  background:linear-gradient(135deg,#0ea5e9,#2563eb) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(37,99,235,.18) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  white-space:nowrap !important;
  touch-action:manipulation !important;
}
.ss-install-mini-v3.is-hidden{ display:none !important; }
@media(max-width:620px){
  body{ padding-top:6px !important; }
  body > .container{ width:100% !important; max-width:100% !important; padding-top:8px !important; }
  .ss-install-mini-v3{ padding:7px 10px !important; font-size:.86em !important; }
}
