/* Account status belongs to administration, never to display applications. */
.edu-admin-session{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 20px;padding:12px 16px;border:1px solid var(--edu-admin-border,var(--ev-border));border-radius:var(--edu-admin-control-radius,var(--ev-control-radius));background:var(--edu-admin-surface,var(--ev-surface));color:var(--edu-admin-ink,var(--ev-text))}
.edu-admin-session__status{flex:1;min-width:180px;font-size:14px;line-height:1.5}
.edu-account-panel{margin-bottom:24px;scroll-margin-top:64px}
.edu-account-panel h2{margin:0 0 12px}.edu-account-panel p{margin:8px 0 14px}
.edu-account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.edu-account-fields label{display:flex;flex-direction:column;gap:8px;min-width:0}
.edu-account-panel .edu-admin__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.edu-account-status{display:flex;flex-wrap:wrap;gap:10px 24px;line-height:1.5}
.edu-account-status strong{font-weight:600}.edu-account-panel [role=status]{min-height:1.5em;margin-top:12px}
@media(max-width:600px){.edu-account-fields{grid-template-columns:1fr}}

/* Account states: private content is hidden before authentication is verified. */
.edu-account-panel [hidden],[data-account-private][hidden]{display:none!important}
body[data-account-state="signed-out"] :is(.edu-account-panel,#school-registration),body[data-account-state="loading"] :is(.edu-account-panel,#school-registration){max-width:520px;margin:32px auto;padding:32px}
.edu-account-panel .edu-account-signin{width:100%;justify-content:center;margin:0}
.edu-account-panel .edu-account-intro{margin:0 0 20px;color:var(--edu-admin-muted)}
.edu-account-remember{margin-top:20px}
.edu-account-panel .edu-account-explanation{margin:24px 0;color:var(--edu-admin-muted);line-height:1.5}
.edu-account-operator{border-top:1px solid var(--edu-admin-border);padding-top:20px;margin-top:24px}
.edu-account-operator summary{cursor:pointer;color:var(--edu-admin-muted);font-size:.875rem}
.edu-account-operator .edu-account-fields{grid-template-columns:1fr;margin-bottom:16px}
.edu-account-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.edu-account-heading h2{margin-bottom:8px}.edu-account-heading #account-session{margin:0;color:var(--edu-admin-muted)}
.edu-account-drive{padding-top:24px;margin-top:24px;border-top:1px solid var(--edu-admin-border)}
.edu-account-drive h3{font-size:1.125rem;margin:0 0 8px}.edu-account-drive #account-onedrive{font-weight:600;margin-top:0}
.edu-account-panel .edu-account-signout-note{margin-top:24px}
.edu-account-panel .edu-account-message:empty{display:none}
.edu-account-panel .edu-account-message{margin:20px 0 0;line-height:1.5}
@media(max-width:600px){body[data-account-state="signed-out"] :is(.edu-account-panel,#school-registration),body[data-account-state="loading"] :is(.edu-account-panel,#school-registration){margin:20px auto;padding:24px}.edu-account-heading{flex-direction:column;gap:12px}}

/* Keep the e-mail field and its action on separate rows inside the sign-in card. */
#email-login-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;min-width:0}
#email-login-form .edu-admin__field{min-width:0}
#email-login-form #email-login-address{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
#email-login-form .edu-admin__button{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}

/* Related sign-in methods form one compact stack; empty messages reserve no space. */
.edu-account-methods{display:flex;flex-direction:column;align-items:stretch;gap:var(--edu-admin-related-gap,12px);margin-block:20px}
.edu-account-panel .edu-account-methods>#email-login-status{margin:0;min-height:0}
.edu-account-methods>#email-login-status:empty{display:none}
.edu-account-method-icon{display:block;width:1.25em;height:1.25em;flex:0 0 1.25em}
.edu-account-panel :is(#email-login-form button,#account-microsoft-login,#account-login){display:inline-flex;align-items:center;justify-content:center;gap:.65em}
#school-registration .edu-account-heading{margin-bottom:12px}

/* Confirmation links present one focused action before account details. */
body[data-confirmation-active="true"] main>:not(.edu-page-header):not(#license-confirmation){display:none!important}
#license-confirmation{max-width:720px;margin:24px auto}
#license-confirmation h2{margin-top:0}
#license-confirm-intro{line-height:1.6}
#license-confirm-continue{display:inline-flex;margin-top:16px}
#license-confirm-continue[hidden]{display:none!important}

#license-confirm-button[hidden],#license-confirmation[hidden]{display:none!important}

#license-confirmation .edu-admin__button{max-width:100%;white-space:normal;overflow-wrap:anywhere}

/* Keep account action groups in the shared 20px flow, including wrapped rows. */
.edu-account-panel .edu-admin__actions{gap:var(--edu-admin-related-gap,12px);margin-block-start:var(--edu-admin-flow-gap,20px)}
.edu-account-panel #account-return,.edu-account-panel #account-link-microsoft{margin-block-start:var(--edu-admin-flow-gap,20px)}
.edu-account-panel .edu-admin__button{box-sizing:border-box;max-width:100%;white-space:normal;text-align:center}