/* Shell des S/4-Simulators (U1). Farben ausschließlich über Theme-Parameter von OpenUI5 (CSS-Variablen von Horizon). */

html, body { height: 100%; margin: 0; }
body.sapUiBody { overflow: hidden; }

/* Ladeanzeige bis OpenUI5 bereit ist */
.morganaLaden { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: var(--sapBackgroundColor, #f5f6f7); z-index: 10; }
.morganaLaden[hidden] { display: none; }
.morganaLadenPunkt { width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 0.25rem solid var(--sapContent_ForegroundBorderColor, #d9d9d9); border-top-color: var(--sapBrandColor, #0070f2); animation: morganaDrehen 0.9s linear infinite; }
@keyframes morganaDrehen { to { transform: rotate(360deg); } }

/* Shell: Kopfleiste oben, Inhalt füllt den Rest */
.morganaShellWurzel { display: flex; flex-direction: column; height: 100%; }
.morganaShellWurzel[hidden] { display: none; }
.morganaKopf { flex: 0 0 auto; position: relative; z-index: 2; box-shadow: var(--sapContent_HeaderShadow, 0 0 0.125rem rgba(34,53,72,.15)); }
.morganaInhalt { flex: 1 1 auto; position: relative; min-height: 0; }

/* Launchpad */
.morganaLaunchpad { background: var(--sapBackgroundColor); }
.morganaBereich { padding: 0.5rem 2rem 1rem 2rem; }
.morganaBereichTitel { margin: 1rem 0 0.75rem 0.25rem; }
.morganaKacheln { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.morganaKacheln .sapMGT { margin: 0; }
.morganaAnker { background: var(--sapObjectHeader_Background, var(--sapBaseColor)); }
.morganaSuchhinweis { margin: 1rem 2rem 0 2rem; }
@media (max-width: 600px) {
  .morganaBereich { padding: 0.25rem 1rem 0.75rem 1rem; }
}

/* Anmeldeseite im Stil einer Cloud-Anmeldung */
.morganaAnmeldungWurzel { min-height: 100%; display: flex; align-items: center; justify-content: center; background: var(--sapBackgroundColor); overflow: auto; }
.morganaAnmeldungWurzel[hidden] { display: none; }
.morganaAnmeldeKarte { width: 24rem; max-width: calc(100vw - 2rem); box-sizing: border-box; padding: 2.5rem 2rem 2rem 2rem; margin: 2rem 1rem; background: var(--sapGroup_ContentBackground, #fff); border-radius: var(--sapElement_BorderCornerRadius, 0.75rem); box-shadow: var(--sapContent_Shadow1, 0 0 0.125rem rgba(34,53,72,.15), 0 0.5rem 1rem rgba(34,53,72,.15)); }
.morganaAnmeldeZeichen { display: block; width: 3rem; height: 3rem; margin: 0 auto 1.5rem auto; }
.morganaAnmeldeTitel { text-align: center; }
.morganaAnmeldeKarte .sapMLabel { margin-top: 1rem; }
.morganaAnmeldeKarte .sapMInputBase, .morganaAnmeldeKarte .sapMBtn { width: 100%; }
.morganaAnmeldeKnopf { margin-top: 1.5rem; }
.morganaAnmeldeFuss { margin-top: 1.25rem; text-align: center; }
.morganaAnmeldeHinweis { margin-top: 1rem; }

/* Bausatz */
.morganaFilterleiste { padding-top: 0.25rem; }