body { background: #e7edf5; }
.legajo-main { padding-bottom: 120px; }
.profile-hero { background: linear-gradient(115deg, #092449, #164d83); border-color: #234f7e; color: #fff; }
.profile-hero .eyebrow { color: #a7d5ff; }
.profile-meta { color: #d3e6f8; }
.hero-badge { background: #ffffff14; border-color: #ffffff40; }
.hero-badge span { color: #d3e6f8; }
.hero-badge strong { color: #92f2c4; }
.information-card { border: 1px solid #c3d2e4; border-top: 5px solid #1976d2; }
.employment-card { border-top-color: #d9a126; background: #fffaf0; }
.employment-card .detail-item { background: #fff; border-color: #dfcfac; }
.employment-card .detail-icon, .employment-card .card-number { background: #ffedbc; color: #6a4900; }
.detail-item { background: #edf3fa; border-color: #c7d7e9; }
.detail-item small, .detail-item label { display: block; color: #455b77; font-size: 12px; font-weight: 600; }
.detail-icon { background: #d6e7fb; color: #12518e; }
.card-heading { align-items: center; border-color: #c7d7e9; }
.card-heading .eyebrow { color: #175ca4; }
.section-help, .field-help { color: #4a6078; font-size: 13px; line-height: 1.55; }
.section-help { margin: 14px 0 0; }
#profileFields { margin: 0; padding: 0; border: 0; min-width: 0; }
.detail-item > div { min-width: 0; flex: 1; }
.editable-item input { width: 100%; margin-top: 6px; padding: 10px; border: 1px solid #87a9ce; border-radius: 8px; background: #fff; color: #071c42; font: 600 16px/1.4 "DM Sans", sans-serif; }
.editable-item input:disabled { padding: 0; border-color: transparent; background: transparent; color: #071c42; opacity: 1; -webkit-text-fill-color: #071c42; }
.profile-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border: 1px solid #125ba3; border-radius: 10px; background: #125ba3; color: #fff; font: 700 13px "DM Sans", sans-serif; cursor: pointer; }
.profile-button.secondary { background: #fff; color: #154d80; border-color: #a2b9d1; }
.profile-button:disabled { opacity: .5; cursor: default; }
.profile-button:focus-visible, input:focus-visible, .gps-map:focus-visible, .whatsapp-help:focus-visible { outline: 3px solid #cf9100; outline-offset: 3px; }
.gps-item { background: #e6f3ef; border-color: #9dc9ba; }
.gps-item .detail-icon { background: #c7e7db; color: #17674b; font-size: 20px; }
.gps-map { display: inline-block; margin: 12px 10px 0 0; color: #12583f; font-size: 13px; font-weight: 700; text-decoration: underline; }
.profile-actions { margin-top: 20px; padding-top: 18px; border-top: 1px solid #c7d7e9; }
.profile-actions p { color: #455b77; font-size: 13px; }
.profile-actions > div { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.profile-status { margin: 14px 0 0; color: #15583f; font-size: 14px; line-height: 1.5; }
.profile-status:empty, .field-help:empty { display: none; }
.profile-status.error { color: #a31c27; }
.whatsapp-help { position: fixed; right: max(22px, env(safe-area-inset-right)); bottom: max(22px, env(safe-area-inset-bottom)); z-index: 30; display: flex; align-items: center; gap: 10px; padding: 13px 20px 13px 14px; border: 2px solid #fff; border-radius: 40px; background: #087b46; color: #fff; box-shadow: 0 8px 28px #073d3a40; font-size: 14px; font-weight: 700; }
.whatsapp-help svg { width: 30px; height: 30px; }
.whatsapp-help:hover { background: #066339; }
@media(max-width: 760px) { .card-heading { flex-wrap: wrap; gap: 12px; } .profile-title { min-width: 0; } .profile-title h1 { overflow-wrap: anywhere; } .whatsapp-help { right: 14px; bottom: max(14px, env(safe-area-inset-bottom)); padding: 10px 15px; } }