.pwa-install-action{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:100%;vertical-align:middle}.pwa-install-action .pwa-install-button{min-height:44px;gap:8px;max-width:100%;white-space:normal;line-height:1.5;font-size:14px}.pwa-install-button:focus-visible,.pwa-install-status a:focus-visible{outline:3px solid var(--school-accent,#d09a2e);outline-offset:3px}.pwa-install-status{display:block;max-width:370px;font-size:12px;color:#725a82;line-height:1.7}.pwa-install-status a{display:block;margin-top:5px;color:#68407f;text-decoration:underline;text-underline-offset:3px}.pwa-install-error{color:#944154}.pwa-login-action{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:22px}.pwa-login-help-link{font-size:11px;color:#856299;text-decoration:underline;text-underline-offset:3px}.pwa-home-actions{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:10px;flex-shrink:0;max-width:390px}.pwa-account-action{display:flex;justify-content:flex-end;margin-top:22px}.student-friendly .student-portal-footer .pwa-install-action{margin-inline-start:10px}.pwa-install-help{width:100%;max-width:880px;margin:0 auto;padding:35px 24px 20px;color:#5b3e6f}.pwa-help-brand{display:flex;align-items:center;gap:20px;margin:0 0 26px}.pwa-help-brand img{width:150px;height:auto;border-radius:7px}.pwa-help-brand strong{display:block;color:var(--school-primary,#2f1554);font-size:24px;font-weight:650;line-height:1.4}.pwa-help-brand span{display:block;margin-top:5px;color:#8a6b9c;font-size:16px}.pwa-help-card{padding:32px;border:1px solid #e2d7eb;border-top:5px solid var(--school-accent,#d09a2e);border-radius:13px;background:#fff;box-shadow:0 8px 30px #3b21500b}.pwa-help-kicker{display:flex;align-items:center;gap:8px;margin-bottom:17px;color:#96712b;font-size:11px;font-weight:650;letter-spacing:1px;line-height:1.6}.pwa-help-card h1{color:var(--school-primary,#2f1554);font-size:29px;line-height:1.35;letter-spacing:-.6px;margin:0 0 11px}.pwa-help-card>p{color:#796185;font-size:16px;line-height:1.8;margin:12px 0}.pwa-help-card>.pwa-help-arabic-title{margin:0 0 21px;color:#806191;font-size:22px}.pwa-phone-choice{margin:25px 0 0}.pwa-phone-choice>p{margin:0 0 11px;color:#715382;font-size:15px;font-weight:600;line-height:1.6}.pwa-phone-choice>div{display:flex;flex-wrap:wrap;gap:10px}.pwa-phone-choice button{min-height:46px;padding:11px 19px;border:1px solid #ddd0e8;border-radius:8px;background:#fff;color:#76588a;font-size:15px;font-weight:550;line-height:1.5}.pwa-phone-choice button.selected{border-color:var(--school-primary,#2f1554);background:var(--school-primary,#2f1554);color:#fff;box-shadow:inset 0 -3px var(--school-accent,#d09a2e)}.pwa-iphone-help summary:focus-visible,.pwa-phone-choice button:focus-visible{outline:3px solid var(--school-accent,#d09a2e);outline-offset:3px}.pwa-iphone-help{margin:0 0 25px;padding:12px 16px;border:1px solid #e7deee;border-radius:8px;background:#fbf9fd}.pwa-iphone-help summary{min-height:44px;padding:8px 0;color:#7a528f;font-size:14px;line-height:1.7;cursor:pointer}.pwa-iphone-help summary>span{display:inline-block;margin-inline-start:7px;font-size:13px}.pwa-iphone-help p{margin:9px 0 0;color:#81688f;font-size:14px;line-height:1.8}.pwa-install-steps{display:flex;flex-direction:column;gap:20px;list-style:none;padding:0;margin:29px 0}.pwa-install-steps>li{display:flex;gap:15px;padding:20px;border:1px solid #e8dfef;border-radius:10px;background:#faf8fc}.pwa-step-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--school-primary,#2f1554);color:white;font-size:16px;font-weight:700}.pwa-install-steps h2{margin:0 0 8px;color:var(--school-primary,#2f1554);font-size:18px;font-weight:650;line-height:1.5}.pwa-install-steps>li>div>strong{display:block;color:#866197;font-size:16px;font-weight:500;line-height:1.6}.pwa-install-steps p{margin:9px 0 0;color:#7a6387;font-size:15px;line-height:1.8}.pwa-install-steps p strong{color:#5e3c72;font-weight:650}.pwa-help-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.pwa-help-actions .pwa-install-button,.pwa-help-actions>.button{min-height:46px;font-size:15px;white-space:normal;line-height:1.5}.pwa-online-note{padding-top:20px;margin-top:23px;border-top:1px solid #e8e0ee}.pwa-online-note p{margin:6px 0 0;color:#927b9f;font-size:13px;line-height:1.8}.pwa-already-installed{display:flex;align-items:flex-start;gap:12px;margin-top:24px;padding:16px;border:1px solid #cce3d4;border-radius:8px;background:#f0f8f3;color:#497858}.pwa-already-installed>svg{flex-shrink:0;margin-top:2px}.pwa-already-installed span,.pwa-already-installed strong{display:block;font-size:14px;line-height:1.7}.pwa-already-installed span{margin-top:4px;font-weight:400}.pwa-help-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:23px 3px;font-size:12px;color:#957ca3}.pwa-help-footer a{display:inline-flex;align-items:center;gap:6px;color:#76518b;min-height:44px}@media(display-mode:standalone){.pwa-account-action,.pwa-install-action,.pwa-login-action{display:none}}@media(max-width:760px){.pwa-home-actions{max-width:none}.pwa-account-action,.pwa-home-actions{justify-content:flex-start}.student-friendly .student-portal-footer .pwa-install-action{margin-inline-start:0}}@media(max-width:600px){.pwa-install-help{padding:24px 16px 12px}.pwa-help-brand{gap:14px;margin-bottom:22px}.pwa-help-brand img{width:108px}.pwa-help-brand strong{font-size:19px}.pwa-help-brand span{font-size:14px}.pwa-help-card{padding:25px 18px;border-radius:10px}.pwa-help-kicker{font-size:10px}.pwa-help-card h1{font-size:25px}.pwa-help-card>.pwa-help-arabic-title{font-size:20px}.pwa-help-card>p{font-size:15px}.pwa-install-steps>li{gap:11px;padding:16px 13px}.pwa-step-number{width:29px;height:29px;font-size:14px}.pwa-install-steps h2{font-size:16px}.pwa-install-steps>li>div>strong{font-size:15px}.pwa-install-steps p{font-size:14px}.pwa-help-actions{align-items:stretch;flex-direction:column}.pwa-help-actions .pwa-install-button,.pwa-help-actions>.button,.pwa-help-actions>.pwa-install-action{width:100%;justify-content:center}.pwa-help-footer{font-size:11px}.pwa-phone-choice button{flex:1;min-width:0;padding-inline:12px;font-size:14px}.pwa-iphone-help{padding:10px 13px}.pwa-iphone-help summary>span{display:block;margin:4px 0 0}}