/* Simple phone login, forced password change and administrator-only people management. */
.easy-login-mode #main .login-layout{display:block;max-width:480px;margin:20px auto}.easy-login-mode #main .account-login-card,.easy-login-mode #main .account-password-card{width:100%;padding:26px;background:#fff;border:1px solid #d6e0ee;border-radius:14px}.easy-login-mode #main .account-login-card h2,.easy-login-mode #main .account-password-card h2{font-size:28px;margin:0 0 12px}.easy-login-mode #main .account-person{font-size:22px;font-weight:700;color:#16375d;margin:12px 0}.easy-login-mode #main .form-field{margin-top:20px}.easy-login-mode #main .field-label{font-size:18px}.easy-login-mode #main .account-login-card input,.easy-login-mode #main .account-password-card input{min-height:54px;font-size:20px;padding:12px;letter-spacing:normal;min-width:0;max-width:100%}.easy-login-mode #main .account-login-card button,.easy-login-mode #main .account-password-card button{min-height:54px;font-size:19px;white-space:nowrap}.easy-login-mode #main .account-password-card .outline-button{margin-top:10px}.easy-login-mode #main .muted,.easy-login-mode #main .field-hint{font-size:16px;line-height:1.6}
.account-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}.account-admin-toolbar p{font-size:16px;line-height:1.6;color:#526581}.account-admin-toolbar button{white-space:nowrap;min-height:48px;font-size:17px;flex-shrink:0}.account-admin-search{display:flex;align-items:flex-end;gap:10px;margin:12px 0}.account-admin-search label{flex:1;min-width:0}.account-admin-search label>span{display:block;font-size:16px;margin-bottom:6px}.account-admin-search input{font-size:18px;min-height:48px;width:100%;min-width:0}.account-admin-search button{min-height:48px;font-size:17px;white-space:nowrap}.account-admin-count{font-size:16px;color:#526581;margin:14px 0}.account-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-admin-card{background:#fff;border:1px solid #d6e0ee;border-radius:10px;padding:16px;min-width:0}.account-admin-person{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.account-admin-person h3{margin:0;font-size:21px;line-height:1.4;overflow-wrap:anywhere}.account-admin-phone{font-size:19px;margin:6px 0 0;letter-spacing:.03em}.account-admin-status{font-size:14px;background:#e7f4ec;color:#25643b;padding:5px 8px;border-radius:6px;white-space:nowrap}.account-admin-status.is-disabled{background:#f0f2f6;color:#657286}.account-admin-meta,.account-admin-password{font-size:15px;line-height:1.6;color:#526581;margin:7px 0}.account-admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.account-admin-actions .outline-button{font-size:16px;min-height:44px;white-space:nowrap;padding:9px 12px}.account-admin-pages{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.account-admin-pages button{min-height:44px;font-size:16px;white-space:nowrap}.account-admin-pages span{font-size:15px;white-space:nowrap}.account-editor .field-label{font-size:17px}.account-editor input,.account-editor select,.account-editor textarea{font-size:18px;min-height:48px}.account-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-editor .modal-actions{display:flex;gap:10px;margin-top:18px}.account-editor .modal-actions button{font-size:18px;min-height:48px;white-space:nowrap}.account-editor .modal-actions .primary-button{flex:1}.account-editor-note{margin-top:12px}.account-editor-note summary{font-size:16px;min-height:44px;display:flex;align-items:center;cursor:pointer}.account-action-person{padding:14px;background:#f1f5fc;border-radius:8px;display:flex;flex-direction:column;gap:6px}.account-action-person strong{font-size:22px}.account-action-person span{font-size:18px}.account-action-description{font-size:17px;line-height:1.7;margin:14px 0}
@media(max-width:600px){.easy-login-mode #main .login-layout{margin:10px auto}.easy-login-mode #main .account-login-card,.easy-login-mode #main .account-password-card{padding:20px}.account-admin-toolbar{align-items:flex-start;gap:10px}.account-admin-toolbar p{font-size:15px}.account-admin-toolbar button{padding:10px 13px}.account-admin-list{grid-template-columns:minmax(0,1fr)}.account-admin-card{padding:14px}.account-admin-actions .outline-button{padding:9px 10px;font-size:15px}.account-editor-grid{grid-template-columns:1fr;gap:0}.account-admin-pages{gap:8px}}

/* Keep account forms readable and within narrow phone screens. */
.easy-login-mode #main .login-layout,
.easy-login-mode #main .account-login-card,
.easy-login-mode #main .account-password-card{min-width:0}
.easy-login-mode #main .account-login-card button,
.easy-login-mode #main .account-password-card button{max-width:100%;min-width:0;line-height:1.4}
.easy-login-mode #main .error-box{overflow-wrap:anywhere}
@media(max-width:420px){
 .easy-login-mode #main .account-login-card,
 .easy-login-mode #main .account-password-card{padding:18px 16px}
 .easy-login-mode #main .account-login-card h2,
 .easy-login-mode #main .account-password-card h2{font-size:25px;line-height:1.35}
 .easy-login-mode #main .account-login-card input,
 .easy-login-mode #main .account-password-card input{font-size:18px;min-height:52px}
 .easy-login-mode #main .account-login-card button,
 .easy-login-mode #main .account-password-card button{font-size:18px;min-height:52px;padding:12px 14px;white-space:nowrap}
 .easy-login-mode #main .form-field{margin-top:16px}
}