/*
 * Dateizweck: Definiert Layout, Zustände und responsive Darstellung für „Microsoft Entra“.
 * Fachlogik bleibt in Python/JavaScript; diese Datei verändert ausschließlich die Präsentation.
 */

.entra-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.entra-intro .card{padding:20px}.entra-intro h2{margin:12px 0 5px;font-size:1.05rem}.entra-intro p{margin:0;color:#657084}.entra-configuration{margin-bottom:22px}.entra-callback{display:grid;gap:7px;padding:14px;border-radius:10px;background:#eef4ff;color:#174ea6}.entra-callback code{overflow-wrap:anywhere;user-select:all}.entra-status{margin-top:22px}.entra-actions{margin:0 0 22px}.entra-actions form,.entra-result form{margin:0}.entra-search{grid-template-columns:minmax(180px,.5fr) minmax(260px,1fr) auto}.entra-result-list{display:grid;gap:10px;margin-top:18px}.entra-result{display:grid;grid-template-columns:minmax(220px,1fr) minmax(250px,1fr) auto;gap:14px;align-items:end;padding:14px;border:1px solid #dfe4ec;border-radius:11px}.entra-result>div{display:grid;gap:4px;align-self:center}.entra-result small{color:#657084;overflow-wrap:anywhere}.entra-result button{white-space:nowrap}.entra-configuration label small{color:#657084;font-weight:500}@media(max-width:850px){.entra-intro{grid-template-columns:1fr}.entra-result,.entra-search{grid-template-columns:1fr}}
.login-divider{display:flex;align-items:center;gap:10px;margin:22px 0;color:#657084;font-size:.82rem}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#dfe4ec}.login-help{font-size:.85rem;margin-bottom:0}
.login-announcement-feed{display:grid;gap:11px;margin:18px 0}.login-announcement{display:grid;gap:8px;padding:15px 16px;border:1px solid #b9cceb;border-left:4px solid #175cd3;border-radius:11px;background:linear-gradient(135deg,#f7faff,#eef5ff);box-shadow:0 3px 12px #175cd312}.login-announcement>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.login-announcement>div strong{color:#175cd3;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.login-announcement>div small{color:#657084;font-size:.7rem;text-align:right}.login-announcement h2{margin:0;color:#172033;font-size:1.02rem}.login-announcement p{margin:0;color:#364152;font-size:.9rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:480px){.login-announcement>div{align-items:flex-start;flex-direction:column;gap:3px}.login-announcement>div small{text-align:left}}
.entra-user-card{display:grid;gap:18px;margin-bottom:22px;border-left:4px solid #174ea6;background:linear-gradient(135deg,#fff 62%,#f3f7ff)}.entra-user-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.entra-user-title{display:flex;align-items:flex-start;gap:14px}.entra-user-title h2,.entra-user-title p{margin:0}.entra-user-title p{margin-top:6px;color:#657084}.entra-user-title .module-icon{flex:0 0 42px;background:#eaf1ff;color:#174ea6}.entra-user-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.entra-user-facts span{display:grid;gap:3px;padding:12px 14px;border-radius:10px;background:#fff;border:1px solid #dfe6f0}.entra-user-facts small{color:#657084}.entra-user-card>.muted{margin:0}@media(max-width:650px){.entra-user-heading,.entra-user-title{align-items:flex-start}.entra-user-heading{flex-direction:column}.entra-user-title{display:grid}.entra-user-card .actions{align-items:stretch;flex-direction:column}.entra-user-card .button{text-align:center}}