/* Dashboard profile styles extracted from devuelveme-micuenta.php */

#tab-perfil,
                #tab-perfil * {
                    font-family: 'Inter', sans-serif !important;
                }

                #tab-perfil .profile-accordion-content {
                    max-height: 0;
                    opacity: 0;
                    overflow: hidden;
                    transform: translateY(-4px);
                    transition:
                        max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                        opacity 0.25s ease,
                        transform 0.25s ease;
                }

                #tab-perfil .profile-accordion-content.is-open {
                    transform: translateY(0);
                }

                #tab-perfil .profile-card {
                    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
                }

                #tab-perfil .profile-icon-chip {
                    flex: 0 0 auto;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 3rem;
                    height: 3rem;
                    border-radius: 1rem;
                    border: 1px solid rgba(148, 163, 184, 0.18);
                    background: rgba(248, 250, 252, 0.92);
                    color: #64748b;
                    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.04);
                }

                #tab-perfil .profile-icon-chip--blue {
                    border-color: rgba(0, 32, 96, 0.14);
                    background: rgba(0, 32, 96, 0.06);
                    color: #002060;
                }

                #tab-perfil .profile-icon-chip--green {
                    border-color: rgba(22, 163, 74, 0.16);
                    background: rgba(34, 197, 94, 0.08);
                    color: #16a34a;
                }

                #tab-perfil .profile-icon-chip--amber {
                    border-color: rgba(217, 119, 6, 0.16);
                    background: rgba(251, 191, 36, 0.12);
                    color: #d97706;
                }

                #tab-perfil .profile-icon-chip--cyan {
                    border-color: rgba(0, 242, 255, 0.16);
                    background: rgba(0, 242, 255, 0.08);
                    color: #0891b2;
                }

                #tab-perfil .profile-icon-chip--muted {
                    border-color: rgba(148, 163, 184, 0.18);
                    background: rgba(241, 245, 249, 0.95);
                    color: #94a3b8;
                }

                #tab-perfil .profile-field {
                    height: 3rem;
                    border-radius: 1rem;
                    border: 1px solid rgba(226, 232, 240, 1);
                    background: rgba(248, 250, 252, 0.72);
                    padding: 0 1rem;
                    font-size: 0.875rem;
                    font-weight: 600;
                    color: #0f172a;
                    outline: none;
                    transition: all 0.2s ease;
                }

                #tab-perfil .profile-field::placeholder {
                    color: #94a3b8;
                }

                #tab-perfil .profile-field:focus {
                    border-color: #002060;
                    background: #ffffff;
                    box-shadow: 0 0 0 4px rgba(0, 32, 96, 0.08);
                }

                #tab-perfil .profile-field--readonly {
                    background: rgba(241, 245, 249, 0.95);
                    color: #64748b;
                }

                #tab-perfil .profile-field--phone {
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }

                #tab-perfil .profile-prefix {
                    min-width: 5.1rem;
                    height: 3rem;
                    border-radius: 1rem 0 0 1rem;
                    border: 1px solid rgba(226, 232, 240, 1);
                    border-right: 0;
                    background: rgba(248, 250, 252, 0.88);
                    color: #475569;
                    font-size: 0.875rem;
                    font-weight: 700;
                }

                #tab-perfil .profile-prefix__icon {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 1.5rem;
                    height: 1.5rem;
                    border-radius: 9999px;
                    background: rgba(34, 197, 94, 0.09);
                    color: #16a34a;
                    flex-shrink: 0;
                }

                #tab-perfil .profile-help-text {
                    color: #64748b;
                }

                #tab-perfil .profile-help-text--muted {
                    color: #94a3b8;
                }