/* Individual teacher cloud sign-in and personal schedule UI. */
body.cloud-locked #app{display:none}
.cloud-gate.hidden{display:none}
.auth-background{min-height:100vh;background:radial-gradient(circle at 8% 14%,#d7e9ff 0,transparent 33%),radial-gradient(circle at 95% 86%,#e9dfff 0,transparent 36%),#f6f9ff;display:flex;justify-content:center;align-items:center;padding:35px 15px;font-family:Inter,Arial,sans-serif}
.auth-card{width:min(445px,100%);background:#fff;border:1px solid #dfe8f7;border-radius:23px;padding:34px 37px;box-shadow:0 18px 64px rgba(24,56,101,.11);color:#172a51}
.auth-mark{width:50px;height:50px;background:#e3efff;border-radius:16px;display:grid;place-items:center;font-size:25px;margin-bottom:18px}.auth-kicker{font-size:10px;letter-spacing:2.2px;color:#2976e6;font-weight:800}.auth-card h1{font-size:27px;font-weight:800;letter-spacing:-.8px;margin:9px 0}.auth-card p{color:#6c7e9e;line-height:1.5;font-size:13px;margin:0 0 22px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eff4fc;border-radius:12px;padding:5px;margin-bottom:20px}.auth-tabs button{border:0;background:transparent;color:#5e7295;padding:11px;border-radius:9px;font-weight:700}.auth-tabs button.on{background:#fff;color:#2171e8;box-shadow:0 1px 7px #d9e2f2}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-card form label,.cloud-dialog label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#344e79}.auth-card input,.cloud-dialog input,.cloud-dialog select{border:1px solid #dbe5f4;border-radius:9px;padding:12px 13px;font-size:13px;outline:0;width:100%;background:#fff;color:#182e54}.auth-card input:focus,.cloud-dialog input:focus,.cloud-dialog select:focus{border-color:#4c9bff;box-shadow:0 0 0 3px #e4f2ff}.auth-submit{display:flex;justify-content:center;align-items:center;gap:8px;background:#176cf2;color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:700;font-size:13px}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-submit span{margin-left:auto}.forgot-btn{border:0;background:none;color:#2674e6;font-weight:650;cursor:pointer;margin-top:16px;padding:4px 0;font-size:12px}.auth-footer{font-size:11px;color:#95a3b8;margin-top:23px;padding-top:16px;border-top:1px solid #ecf0f6;text-align:center}.auth-loading{padding:22px;color:#607794;font-size:14px;text-align:center}.cloud-notice{border:1px solid #bcead3;background:#e9f9f1;color:#176a47;padding:12px 13px;border-radius:10px;font-size:12px;line-height:1.6;margin-bottom:16px}.cloud-notice.bad{background:#fff0f0;color:#a83b51;border-color:#ffcad0}.cloud-help{font-size:12px!important;margin:15px 0!important}
.cloud-bar{display:flex;align-items:center;gap:12px;margin:0 15px 12px 190px;border:1px solid #dce8f8;border-radius:11px;padding:8px 11px;min-height:46px;background:#f9fbff;color:#34496b}.cloud-workspace-label{display:flex;align-items:center;gap:7px;font-size:12px;min-width:0}.online-indicator{height:8px;width:8px;border-radius:50%;background:#29b97c;display:inline-block;flex-shrink:0}.cloud-workspace-label select{border:1px solid #d7e3f5;background:#fff;border-radius:8px;color:#1b4e9d;font-weight:700;max-width:260px;padding:6px 9px;min-width:120px}.workspace-type{background:#e9f1ff;color:#426292;padding:6px 10px;border-radius:20px;white-space:nowrap;font-size:10px;font-weight:700}.cloud-sync{font-size:10px;color:#63849e;white-space:nowrap}.cloud-sync.ok{color:#118558}.cloud-sync.error{color:#c03d48;font-weight:800}.cloud-bar-actions{margin-left:auto;display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.cloud-bar-actions button{border:1px solid #dce7f5;background:#fff;color:#2b5ca4;border-radius:7px;padding:7px 9px;font-size:11px;white-space:nowrap;font-weight:650}.cloud-bar-actions button:hover{background:#ebf3ff}.cloud-bar-actions #cloudSignout{color:#8d4b55}
@media(max-width:1300px){.cloud-bar{margin-left:175px}.cloud-bar{flex-wrap:wrap}.cloud-sync{order:2}.cloud-bar-actions{order:3}}
@media(max-width:800px){.cloud-bar{margin:0 11px 12px}.cloud-workspace-label{width:100%}.cloud-workspace-label select{flex:1;max-width:100%}.workspace-type{display:none}.cloud-bar-actions{width:100%;margin-left:0;justify-content:flex-start}.auth-card{padding:25px}.overview-entry{grid-template-columns:110px minmax(0,1fr)}.overview-entry span:last-child{display:none}}

.cloud-account-email{font-size:11px;color:#657d9e;font-weight:500;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:800px){.cloud-account-email{max-width:160px}}
/* Individual teacher email approval. */
.license-summary{font-size:12px;line-height:1.7;border-radius:10px;background:#f0f6ff;color:#28528a;padding:13px;margin-bottom:17px;border:1px solid #d9e6fb}
.license-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;align-items:center}
.license-actions button,.license-mail{border:1px solid #d8e4f3;border-radius:8px;background:#fff;padding:9px 11px;font-size:12px;font-weight:700;color:#2461aa;text-decoration:none;cursor:pointer}
.license-mail{display:inline-block}.license-actions button:hover,.license-mail:hover{background:#eff6ff}
.license-admin-list{max-height:min(58vh,550px);overflow-y:auto;scrollbar-width:thin;margin-top:13px}
.license-admin-row{padding:12px 8px;border-bottom:1px solid #e4ebf5;font-size:13px;display:flex;flex-direction:column;gap:4px}
.license-admin-row strong{overflow-wrap:anywhere}.license-admin-row small{color:#5a7299;overflow-wrap:anywhere}
.license-meta{color:#517092;font-size:12px;line-height:1.6}
.license-code-output{font-size:12px;color:#9c3c4e}

/* Wider approval dashboard with pending/approved/rejected status. */
.auth-card:has(.license-admin-list){width:min(690px,100%)}
.license-actions button:disabled{opacity:.5;cursor:not-allowed}
.license-admin-row{background:#fff;border-radius:10px;padding:14px;margin:6px 0}
.license-admin-row:nth-child(even){background:#f8fbff}

.license-focus{border:2px solid #3b82f6;background:#f0f7ff!important;}

/* Social sign-in · admin approval remains enforced server-side. */
.social-login-options{display:grid;gap:9px;margin:2px 0 18px}
.social-login{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #d7e3f1;border-radius:10px;padding:12px 13px;background:#fff;color:#233a5c;cursor:pointer;font-family:inherit;font-size:13px;font-weight:750;transition:background .15s,box-shadow .15s}
.social-login:hover{background:#f4f8ff;box-shadow:0 2px 8px rgba(39,65,116,.08)}
.social-login:focus-visible{outline:3px solid #b5d3ff;outline-offset:2px}
.social-login:disabled{cursor:wait;opacity:.6}
.social-login.facebook{color:#1761bc}
.auth-separator{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#7b8da5;font-size:11px;font-weight:700;letter-spacing:.03em}
.auth-separator:before,.auth-separator:after{content:'';height:1px;background:#dbe5f0;flex:1}
.social-approval-note{font-size:11px!important;line-height:1.45!important;text-align:center;margin:12px 0 0!important}

/* Branded sign-in, signup and administrator approval screens. */
.auth-brand{margin:0 0 8px;display:flex;justify-content:flex-start;align-items:center}
.auth-brand-logo{width:min(100%,330px);height:auto;max-height:84px;object-fit:contain;object-position:left center}
@media(max-width:550px){.auth-brand-logo{width:min(100%,300px)}.auth-card{padding:24px}}

/* ClassPilot admin: separate registration review, approved teachers, and suspensions. */
.auth-card:has(.license-admin-list){width:min(870px,100%);padding:31px 34px}
.auth-card:has(.license-admin-list) .auth-brand-logo{max-height:72px}
.auth-card:has(.license-admin-list) > p{margin-bottom:17px}
.license-admin-list{max-height:min(68vh,780px);overflow-y:auto;margin-top:8px;padding-right:5px}
.approval-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 20px}
.approval-stat{border:1px solid #e1eaf7;background:#f9fbff;border-radius:12px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.approval-stat span{color:#5d7090;font-size:12px;font-weight:650}
.approval-stat b{font-size:23px;line-height:1;font-weight:800;color:#1e4784}
.approval-group{border:1px solid #e5ebf4;border-radius:14px;margin:15px 0;background:#fff;overflow:hidden}
.approval-group-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid #e9edf3;background:#f8fafc}
.approval-group-heading>div{display:flex;align-items:center;gap:9px}
.approval-group-heading h2{font-size:16px;letter-spacing:-.3px;font-weight:800;color:#21375d;margin:0}
.approval-heading-icon{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-size:18px;font-weight:800;background:#edf3fc;color:#2c6ac5}
.approval-pending .approval-heading-icon{background:#fff5da;color:#a57808}
.approval-approved .approval-heading-icon{background:#e3f7ed;color:#147c50}
.approval-rejected .approval-heading-icon{background:#fff0f2;color:#b04156}
.approval-count{display:grid;place-items:center;min-width:30px;height:28px;padding:0 9px;border-radius:8px;background:#e7eef9;color:#25416d;font-size:13px;font-weight:800}
.approval-group-body{padding:6px 13px 11px}
.approval-empty{margin:8px 0!important;font-size:12px!important;padding:13px!important;border:1px dashed #dce5ef;background:#fafcff;border-radius:10px;color:#7a8aa2!important}
.approval-teacher-card{border:1px solid #e4ebf4;background:#fff!important;box-shadow:none;margin:10px 0;border-radius:12px;padding:16px 16px 13px}
.approval-teacher-card:last-child{margin-bottom:2px}
.approval-teacher-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.approval-teacher-header strong{font-size:14px;line-height:1.35;color:#142e54;display:block}
.approval-teacher-header small{font-size:12px;color:#607494;display:block;margin-top:3px}
.approval-status{display:inline-block;border-radius:100px;padding:5px 9px;font-size:10px;font-weight:750;white-space:nowrap}
.approval-status.is-approved{background:#e4f8ee;color:#137347}
.approval-status.is-pending{background:#fff2d7;color:#8b5d08}
.approval-status.is-rejected{background:#ffedef;color:#a73349}
.approval-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:13px 0 14px;margin-top:9px;border-top:1px solid #f0f3f8;border-bottom:1px solid #f0f3f8}
.approval-detail{display:flex;flex-direction:column;gap:4px;min-width:0}
.approval-detail span{font-size:11px;color:#7183a0}
.approval-detail strong{font-size:12px;font-weight:700;color:#2c4264}
.approval-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.approval-bottom-row .license-actions{margin:10px 0 0}
.approval-verification{color:#61809c;font-size:11px;padding-top:9px}
.approval-action-primary{background:#176cf2!important;border-color:#176cf2!important;color:#fff!important}
.approval-action-primary:hover{background:#125dd4!important}
.approval-action-danger{color:#ad3f50!important;border-color:#fad3da!important;background:#fffafa!important}
.approval-footer-actions{margin-top:16px;padding-top:8px}
.license-focus{border:2px solid #3b82f6!important;background:#f3f8ff!important}
@media(max-width:680px){
 .auth-card:has(.license-admin-list){padding:22px 16px}
 .license-admin-list{padding-right:0;max-height:none}
 .approval-overview{gap:6px;margin:10px 0}
 .approval-stat{padding:10px 8px;flex-direction:column;gap:4px}
 .approval-stat span{font-size:10px}
 .approval-stat b{font-size:20px}
 .approval-group-heading{padding:12px 10px}
 .approval-group-heading h2{font-size:14px}
 .approval-group-body{padding:5px 8px}
 .approval-teacher-card{padding:12px}
 .approval-detail-grid{grid-template-columns:1fr;gap:10px}
 .approval-teacher-header{flex-direction:column;gap:7px}
}