/* SAPify Demo-Launchpad – Aufbau wie das SAP Fiori Launchpad (Horizon) */
html, body { height: 100%; margin: 0; }
body { display: flex; flex-direction: column; background: var(--sapBackgroundColor, #f5f6f7); }
#shell-header { flex: 0 0 auto; position: sticky; top: 0; z-index: 10; }
#shell-header .sapFShellBar { box-shadow: 0 0 0.125rem rgba(34, 53, 72, 0.15), 0 0.125rem 0.5rem rgba(34, 53, 72, 0.15); }

.lp-start { flex: 1 1 auto; overflow: auto; padding: 1.5rem 2rem 3rem; box-sizing: border-box; width: 100%; max-width: 1440px; margin: 0 auto; }
.lp-titel { font-family: var(--sapFontHeaderFamily, "72", Arial, sans-serif); font-size: 1.5rem; font-weight: 700;
	color: var(--sapTextColor, #1d2d3e); margin: 1.5rem 0 0.25rem; }
.lp-untertitel { color: var(--sapContent_LabelColor, #556b82); margin: 0 0 1.25rem; font-size: 0.9375rem; }
.lp-kacheln { display: flex; flex-wrap: wrap; gap: 1rem; }
.lp-kacheln .sapMGT { margin: 0; }

.lp-hinweis { background: #e1f4ff; border-left: 4px solid #0070f2; border-radius: 0.5rem; padding: 0.75rem 1rem;
	color: #1d2d3e; font-size: 0.875rem; line-height: 1.5; }
.dunkel .lp-hinweis { background: #12304c; border-left-color: #4db1ff; color: #eaecee; }

.lp-app { flex: 1 1 auto; position: relative; min-height: 0; }
.lp-app > div { height: 100%; }

.lp-laden { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: 1rem; background: #f5f6f7; color: #556b82; font-family: Arial, sans-serif; z-index: 100; }
.dunkel .lp-laden { background: #12171c; color: #a9b4be; }
.lp-laden-kreis { width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 4px solid #d9e2ea; border-top-color: #0070f2; animation: lp-dreh 0.9s linear infinite; }
@keyframes lp-dreh { to { transform: rotate(360deg); } }

.lp-logo { height: 1.75rem; display: block; }
@media (max-width: 600px) { .lp-start { padding: 1rem 1rem 2rem; } }

.lp-gruppe { font-size: 1.125rem; font-weight: 700; color: var(--sapTextColor, #1d2d3e); margin: 2rem 0 0.75rem; }
.lp-iframe { display: block; width: 100%; height: 100%; min-height: calc(100vh - 56px); border: 0; background: #f5f6f7; }
/* Die Apps zeichnen ihre Oberfläche selbst (model/app.js); sie sollen die volle Höhe nutzen */
#lp-app .sapMPage > section { background: #f4f6f8; }