/* Letzte Cleaning Prüfung: 14.10.2026 | Letztes Cleaning: 14.10.2026 */
/* Profilmenü und Konto-Popups gemeinsam für Movie Studio und Werbestudio. */
.ms-profil-menue { width: 220px; max-width: calc(100vw - 24px); max-height: calc(100dvh - 80px); overflow-y: auto; padding: 8px; background: #11141b; border-color: #2c303d; }
.ms-profil-menue-kopf { display: grid; gap: 4px; padding: 10px 11px 12px; margin-bottom: 4px; border-bottom: 1px solid #2b3040; }
.ms-profil-menue-kopf strong { font-size: 12px; color: #f1f3f8; }
.ms-profil-menue-kopf small { color: #9199aa; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-profil-menue button { font-family: "MS Inter", Inter, sans-serif; font-size: 11px; font-weight: 500; height: 36px; color: #cbd1dd; }
.ms-profil-menue i { font-size: 15px; }
.ms-konto-offen { overflow: hidden; }
.ms-konto-fenster { position: fixed; z-index: 11000; inset: 0; display: grid; place-items: center; padding: 16px; background: rgba(0,0,0,.8); backdrop-filter: blur(6px); }
.ms-konto-panel { display: flex; flex-direction: column; width: min(1320px,100%); height: min(960px,calc(100dvh - 32px)); background: #0b0c11; border: 1px solid #2c303d; border-radius: 16px; overflow: hidden; box-shadow: 0 28px 90px rgba(0,0,0,.6); }
.ms-konto-panel > header { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 8px 16px; border-bottom: 1px solid #262a35; }
.ms-konto-panel h2 { margin: 0; color: #f4f6fb; font: 600 16px/24px "MS Inter", Inter, sans-serif; }
.ms-konto-panel > header button { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #343949; border-radius: 9px; background: #171a23; color: #fff; cursor: pointer; font-size: 20px; }
.ms-konto-panel iframe { display: block; flex: 1; width: 100%; min-height: 0; border: 0; background: #0b0c11; }
.ist-studio-konto-eingebettet .factory-shell,.ist-studio-konto-eingebettet .werbeleiste { display: none !important; }
html.ist-studio-konto-eingebettet body #factory-workspace.open { inset: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; border-radius: 0 !important; }
html.ist-studio-konto-eingebettet body.factory-credit-center-focus #factory-workspace.open .workspace-panel { inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; border: 0 !important; border-radius: 0 !important; }
.ist-studio-konto-eingebettet .sm-launcher { display: none !important; }
.ist-studio-konto-eingebettet[data-studio-konto="help"] .support-messenger { inset: 0 !important; }
.ist-studio-konto-eingebettet[data-studio-konto="help"] .sm-panel { top: 12px !important; bottom: 12px !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: min(500px,calc(100vw - 24px)) !important; max-width: none !important; height: calc(100% - 24px) !important; }
@media (max-width:760px) { .ms-konto-fenster { padding: 4px; } .ms-konto-panel { height: calc(100dvh - 8px); border-radius: 12px; } }

.ist-studio-konto-eingebettet .workspace-panel { animation: none !important; transition: none !important; }

/* Im eingebetteten Popup übernimmt das äußere X den Seiten-Rückweg.
   Der interne Profil-Rubrikenpfeil bleibt für die Bereichsliste erhalten. */
.ist-studio-konto-eingebettet [data-cf-zurueck] { display: none !important; }

/* Die vorhandenen Kontoansichten bestimmen ihre eigene Größe und Gestaltung. */
.ms-konto-fenster:not([data-ms-konto-ansicht="legal"]) { padding:0; }
.ms-konto-fenster:not([data-ms-konto-ansicht="legal"]) .ms-konto-panel { width:100%; height:100dvh; max-width:none; background:transparent; border:0; border-radius:0; box-shadow:none; }
.ms-konto-fenster:not([data-ms-konto-ansicht="legal"]) .ms-konto-panel > header { position:absolute; top:12px; right:12px; z-index:2; min-height:0; padding:0; border:0; }
.ms-konto-fenster:not([data-ms-konto-ansicht="legal"]) .ms-konto-panel > header h2 { display:none; }
html.ist-studio-konto-eingebettet body { background:transparent !important; }
