/* Login and user management share the presentation used by Ayuda Escolar. */
.upcn-account-ui { --brand:#102f4e; --primary:#2d5e86; --border:#d7e0e5; --muted:#607382; }
.upcn-account-ui .upcn-internal-page { max-width:1280px; width:calc(100% - 48px); padding:32px 0 56px; }
.upcn-account-ui .upcn-internal-title { font-weight:400; font-size:clamp(28px,3vw,40px); margin-bottom:24px; }
.upcn-account-ui .ui-account-eyebrow { color:var(--primary); font:700 12px/1.5 'Instrument Sans',Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; margin:0 0 8px; }
.upcn-account-ui .upcn-internal-content { padding:0; border:0; background:transparent; box-shadow:none; }
.upcn-account-ui .ui-card, .upcn-account-ui .ui-login { background:#fff; border:1px solid var(--border); border-radius:8px; box-shadow:0 8px 28px #102f4e08; }
.upcn-account-ui .ui-user-sections legend { width:auto; border:0; font:700 19px/1.2 Outfit,Arial,sans-serif; color:var(--brand); }
.upcn-account-ui .ui-login { max-width:440px; margin:0 auto; padding:22px; }
.upcn-account-ui .ui-login h2 { font:500 24px/1.2 Outfit,Arial,sans-serif; margin:20px 0 10px; }
.upcn-account-ui .ui-login label { display:block; font-weight:600; margin-bottom:5px; }
.upcn-account-ui .ui-login input:not([type=hidden]) { width:100%; min-height:44px; margin-bottom:18px; padding:9px 12px; }
.upcn-account-ui .form-control { box-shadow:none; }
.upcn-account-ui .btn { min-height:44px; padding:10px 16px; font:700 14px/1.5 'Instrument Sans',Arial,sans-serif; }
.upcn-account-ui .btn-default { border-color:var(--border); }
.upcn-account-ui .ui-login .btn { margin:8px 0 0; }
.upcn-account-ui .ui-user-search { display:flex; gap:10px; align-items:center; }
.upcn-account-ui .ui-user-search input { flex:1; min-width:0; }
.upcn-account-ui .ui-user-new { text-align:right; }
.upcn-account-ui .table { font-size:14px; }
.upcn-account-ui .table td, .upcn-account-ui .table th { padding:13px 14px; vertical-align:top; }
.upcn-account-ui .alert-danger { background:#fff0ee; border-color:#edc2be; color:#a63d36; }
@media(max-width:767px) {
 .upcn-account-ui .upcn-internal-page { width:calc(100% - 32px); }
 .upcn-account-ui .ui-user-new { text-align:left; margin-top:12px; }
}
@media(max-width:540px) {
 .upcn-account-ui .ui-user-search { flex-direction:column; align-items:stretch; }
 .upcn-account-ui .ui-user-new .btn { width:100%; }
}
.upcn-account-ui .upcn-internal-content>.ui-user-intro{background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 24px;max-width:1040px}
.upcn-account-ui .ui-user-intro p{margin:0 0 8px;overflow-wrap:anywhere}
.upcn-account-ui .ui-form-note,.upcn-account-ui .ui-section-help{color:var(--muted);font-size:14px}
.upcn-account-ui .ui-user-form{max-width:1040px}
.upcn-account-ui .ui-user-sections{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:stretch}
.upcn-account-ui .ui-user-sections .ui-card{margin:0;padding:24px;min-width:0}
.upcn-account-ui .ui-user-sections legend{margin-bottom:0;padding-inline:8px;font-size:19px}
.upcn-account-ui .ui-section-help{margin:0 0 24px}
.upcn-account-ui .ui-user-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.upcn-account-ui .ui-user-password{grid-column:1/-1}
.upcn-account-ui .ui-user-sections-password{grid-template-columns:1fr;max-width:720px}
.upcn-account-ui .ui-user-form .ui-field{min-width:0}
.upcn-account-ui .ui-user-access .ui-field+.ui-field{margin-top:24px}
.upcn-account-ui .ui-user-form .ui-field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.upcn-account-ui .ui-user-form label.required::after{content:' *';color:var(--primary)}
.upcn-account-ui .ui-user-form .ui-field .form-control{width:100%;max-width:none;min-height:46px;margin:0;font-size:16px}
.upcn-account-ui .ui-user-form .help-text{font-size:13px;color:var(--muted);margin:8px 0 0}
.upcn-account-ui .ui-user-form .ui-field-invalid .form-control{border-color:#b54035}
.upcn-account-ui .ui-field-errors{padding:0;list-style:none;color:#a63d36;font-size:14px;margin:8px 0 0}
.upcn-account-ui .ui-field-errors li+li{margin-top:4px}
.upcn-account-ui .ui-password-link{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}
.upcn-account-ui .ui-password-link p{font-size:13px;color:var(--muted);margin-bottom:12px}
.upcn-account-ui .ui-user-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}
@media(max-width:900px){
 .upcn-account-ui .ui-user-sections{grid-template-columns:1fr;gap:24px}
}
@media(max-width:540px){
 .upcn-account-ui .ui-user-fields{grid-template-columns:1fr;gap:20px}
 .upcn-account-ui .ui-user-sections .ui-card{padding:18px}
 .upcn-account-ui .ui-user-actions>.btn{width:100%}
}

body.upcn-internal.upcn-account-ui input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]) { min-height:44px; padding:9px 12px; font:inherit; }
body.upcn-internal.upcn-account-ui .ui-user-form .ui-field input.form-control:not([type=hidden]) { min-height:46px; font-size:16px; }
body.upcn-internal.upcn-account-ui .ui-user-form .ui-field-invalid .form-control { border-color:#b54035; }